2018-07-25

## 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》