1.网页布局HTML+CSS
技能要求
- 学会用工具（如PS）切图，将设计稿还原成网页布局
- 掌握常规布局方法：文档流布局，flex布局，grid布局，居中，浮动……
-
HTML5和CSS3属性的使用：
- HTML5:https://developer.mozilla.org...
- CSS3:https://www.ibm.com/developer...
学习建议
- HTML：http://www.w3school.com.cn/ht...
- CSS：http://www.w3school.com.cn/cs...
- 慕课网课程：从psd到HTML 链接：https://www.imooc.com/learn/668
- 慕课网课程：企业网站综合布局实战 链接：https://www.imooc.com/learn/147
- 慕课网课程：手把手教你实现电商网站开发 链接：https://www.imooc.com/learn/100
书籍
不建议买纸质书，图书馆借书或看电子书就可以
- 《CSS权威指南》
- 《HTML5和CSS3权威指南》（上下册）
2.交互逻辑和业务逻辑
技能要求
- 能够用js处理常见的交互逻辑，如表单提交检验，购物车增加删除，点击触发事件等……
- 能够用ajax去指定的接口请求后端json等格式的数据，在前端渲染，并做业务逻辑处理
书籍
- 《JavaScript高级程序设计》（必看，建议买纸质书）
- 《JavaScript语言精髓》（不厚）
- 《你不知道的JavaScript》（系列书，图书馆记得有）
进阶
随着越来越多的交互逻辑和业务逻辑进入到前端领域，以及受后台开发框架的影响，MVC和MVVM的设计模式引入前端，并涌现出了很多框架，包括最初的jQuery，到现在的Vue.js，React.js和Angular.js。
-
Vue.js
- 中文文档：https://cn.vuejs.org/v2/guide...
- Vue生态圈的学习：Vuex，Vue-router，SSR服务器端渲染的概念
- 学习案例：《vue2.5入门》链接：https://www.imooc.com/learn/980
- 书籍：《Vue.js实战》 链接: https://pan.baidu.com/s/1XRXf... 密码: 3few
-
React.js（Facebook开源）
- 中文文档：https://doc.react-china.org/d...
- React生态圈：ReactNative（混合应用开发，目前逐渐被主流企业抛弃，如Airbnb），Redux
- 学习案例：《使用React构建一款音乐播放器》 链接：https://www.imooc.com/learn/868
- 书籍：《React前端技术与工程实践》 链接: https://pan.baidu.com/s/1kxpd... 密码: gb69
3.前端工程化
伴随着前端业务不断庞杂，传统的开发方式已经不能适应企业的发展需求，前端领域的工程化也在快速萌芽发展壮大，如模块化，静态资源管理，Sass预处理，构建工具等涌现而出。
- 建议阅读博客：前端工程——基础篇 链接：https://github.com/fouber/blo...
- 书籍：《深入浅出Webpack》 链接：http://webpack.wuhaolin.cn/
4.服务器端的Node.js
Node.js是ry在09年正式提出并开源的，传统的JavaScript都运行在浏览器这样的宿主环境中，而Node.js基于谷歌Chrome浏览器的V8引擎构建的JavaScript运行环境，使用了一个事件驱动、非阻塞式 I/O 的模型，将JavaScript带入服务器领域。
- 中文文档：http://nodejs.cn/api/ （比较难看懂，不建议直接阅读API）
- 课程：Node.js入门到企业应用 链接: https://pan.baidu.com/s/1iGae... 密码: 5tq9
- 书籍：《深入浅出Node.js》