前端

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》