## 1.网页布局HTML+CSS
**技能要求**
* 学会用工具（*如PS*）切图，将设计稿还原成网页布局
* 掌握常规布局方法：文档流布局，flex布局，grid布局，居中，浮动……
* HTML5和CSS3属性的使用：
* HTML5:https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5
* CSS3:https://www.ibm.com/developerworks/cn/web/1202_zhouxiang_css3/
**学习建议**
* HTML：http://www.w3school.com.cn/html/index.asp
* CSS：http://www.w3school.com.cn/css/index.asp
* 慕课网课程：从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/index.html
* Vue生态圈的学习：Vuex，Vue-router，SSR服务器端渲染的概念
* 学习案例：《vue2.5入门》链接：https://www.imooc.com/learn/980
* 书籍：《Vue.js实战》 链接: https://pan.baidu.com/s/1XRXfbWDadwujrcZ9OCj_8A 密码: 3few
* **React.js**（Facebook开源）
* 中文文档：https://doc.react-china.org/docs/hello-world.html
* React生态圈：ReactNative（混合应用开发，目前逐渐被主流企业抛弃，如Airbnb），Redux
* 学习案例：《使用React构建一款音乐播放器》 链接：https://www.imooc.com/learn/868
* 书籍：《React前端技术与工程实践》 链接: https://pan.baidu.com/s/1kxpdyeEdux4O70qp4bkrkw 密码: gb69
## 3.前端工程化
伴随着前端业务不断庞杂，传统的开发方式已经不能适应企业的发展需求，前端领域的工程化也在快速萌芽发展壮大，如模块化，静态资源管理，Sass预处理，构建工具等涌现而出。
* 建议阅读博客：前端工程——基础篇 链接：https://github.com/fouber/blog/issues/10
* 书籍：《深入浅出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/1iGaenrkKwcVo6rIxyJsijw 密码: 5tq9
* 书籍：《深入浅出Node.js》