最近總是有朋友問到前端開發怎麼入門，我之前是做 iOS 開發的, 其實轉前端還算蠻快的, 打算寫篇文章總結下自學經驗。
前端技術日新月異，導致很多偏應用類技術書籍剛出現，已無人問津。但是偏基礎的技術書籍還是值得一看。在文中會推薦一些書籍。
有的人喜歡視訊學習，有的人喜歡書籍、部落格等，不管哪種方式適合自己的就好，同時注重學習反饋。
第一階段(基礎)：
慕課網 前端開發工程師，大約需要 50 個小時。
按照這個路徑學習完畢後，對js，dom，jquery 等都有了一定了解。 也對一些介面實現有了基本概念。
另外還有 FreeCodeCamp Codecademy 等線上學習程式設計網站, 都很不錯。
推薦的書籍有 JavaScript DOM程式設計藝術
第二階段(提升):
這時候可以模仿一些效果實現， 比如拖放，滾動，搜尋框，淘寶京東首頁等等。
JavaScript：
www.fgm.cc/learn/
同時牆裂推薦閱讀JavaScript高階程式設計，此書涵蓋面非常廣， 每次閱讀都有新收穫。
同時還有廖雪峰的 JavaScript
ES6：
info'Q 專欄 深入淺出 ES6
阮一峰 ES6 入門
CSS3：
CSS3常用功能的寫法
CSS動畫簡介
第三階段(框架)
angular、react、vue 大有三分天下之勢，但框架只是工具，目的是提升開發效率。初學者不必太過於糾結選型，切勿捨本求末。
- ng 出現的比較早，框架比較重，今天看到訊息，半年後將會出 ng3 ?。
- react 得益於 Facebook 的推介，國內大廠也都在使用，相繼出了 react native,react 團隊 和 oculus 團隊正在開發 react vr。前端大一統是趨勢所在嘛 ?。
- vue 自成一派。很小清新，輕快敏捷。 2.0版本增加了
server side render，逐步進入大眾視野。
推薦問答：
Vue 和 React 的使用場景和深度有何不同？
react.js,angular.js,vue.js學習哪個好？
第四階段(工具)
編輯器： Sublime Text3，啟動速度快(！！！)，外掛豐富。
js 編譯器 babel： Babel 中文網
打包工具 webpack：Webpack 中文指南, Vue + webpack 專案實踐
自動構建工具 gulp：Gulp 中文網
開發框架 bootstrap Bootstrap中文網
css 預處理: less，sass，stylus
node 因為無阻塞非同步 I/O 的特性，也越來越受開發者青睞 推薦node.js 包教不包會，深入淺出 node.js， node.js 中文社群
模板引擎：Jade
cdn：BootCDN
其他
以上, 相信你如果認真學習, 找到一份前端開發工作還是很容易的, 切記, 別糾結於框架, 別撕逼, 像 iOS 圈一樣安安靜靜悶聲發大財 ?
最後附上前段時間用 Vue2.0 寫的豆瓣專案, 歡迎 Star 哦~
github.com/ericjjj/dou…