一、安排
时长:半个小时
- 介绍什么是前端
- 学习前端相关路径
- 了解百度地图开发
二、介绍前端
- 前端三剑客介绍
- 基于浏览器的,以代码为工具,展现很酷的设计,提高交互的体验的职业。
- 浏览器介绍
- 写前端代码工具介绍推荐(sublime,IDEA,文本)
- 一个简单的HTML页面
<!DOCTYPE html><!-- 它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 -->
<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -->
<html lang="en"><!-- 向搜索引擎表示该页面是html语言,并且语言为英文网站,其"lang"的意思就是“language”,语言的意思,而“en”即表示english -->
<head><!-- 标签用于定义文档的头部,它是所有头部元素的容器 -->
<meta charset="UTF-8"><!-- 一种字符编码 -->
<title>这是一个最简单的HTML</title><!-- 通常把它放置在浏览器窗口的标题栏或状态栏上 -->
</head>
<body><!-- body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。) -->
AAAAAAA
<br>
BBBBBBB
<br>
CCCCCCC
</body>
</html>
三、学习路径介绍
- github
1、http://www.runoob.com/w3cnote/git-guide.html
github使用教程
2、https://github.com/JacksonTian/fks
前端知识结构
3、https://github.com/KeithChou/taobao
淘宝购物车开源项目
- W3Cschool
w3cschool是字典,其中有些标签一辈子也用不了几回;换句话说,w3cschool是用来查询的,不是用来背诵的;
- 前端技术博客
1、http://my.csdn.net/w_linux
本人学习笔记
2、http://blog.csdn.net/whqet
Whqet’s blog
3、https://www.h5jun.com/
十年踪迹’s blog
4、http://www.cnblogs.com/rubylouvre/
Ruby’s blog
- 网页开发辅助
1、http://www.iconfont.cn/
矢量图
2、http://lbsyun.baidu.com/index.php?title=jspopular
百度地图api
3、https://tinypng.com/
在线压缩图片
4、http://tool.oschina.net/jscompress/
在线前端代码压缩