1、前端开发是什么？为什么？干什么？怎么干？
2、工具
ps、编辑器、浏览器、编辑器的各种插件、浏览器的各种插件等；
前端开发神器：sublime；常用插件：emmet、side bar等;
下载地址：https://www.sublimetext.com/3
插件安装：https://packagecontrol.io/installation#st3
简书链接（如何优雅地使用Sublime Text3）：http://www.jianshu.com/p/3cb5c6f2421c/
3、Emmet使用手册（前端开发必备！）
一个能大幅度提高前端开发效率的工具。
http://www.w3cplus.com/tools/emmet-cheat-sheet.html
语法：
后代：> eg. nav>ul>li;
兄弟：+ eg. div+p+bq;
上级：^ eg. div+div>p>span+em^bq;
分组：() eg. div>(header>ul>li*2>a)+footer>p;
乘法：* eg. ul>li*5;
自增符号：$ eg. ul>li.item$*5; ul>li.item$@-*5; ul>li.item$@3*5;
ID和类属性: #header、.title eg. form#search.wide;
自定义属性: p[title="Hello world"];
文本：{} eg. p>{Click }+a{here}+{ to continue};
HTML: !或 html:5;
a:link; a:mail;
4、语言
前端开发的核心语言：
html － 超文本标记语言 结构
css － 层叠样式表 样式
javascript － 脚本语言 行为
