前端

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》