一位 iOS 開發者的前端入門到入職 | 掘金技術徵文

最近老是有朋友問到前端開發怎麼入門，我以前是作 iOS 開發的, 其實轉前端還算蠻快的, 打算寫篇文章總結下自學經驗。
前端技術突飛猛進，致使不少偏應用類技術書籍剛出現，已無人問津。可是偏基礎的技術書籍仍是值得一看。在文中會推薦一些書籍。
有的人喜歡視頻學習，有的人喜歡書籍、博客等，無論哪一種方式適合本身的就好，同時注重學習反饋。

第一階段(基礎)：

慕課網 前端開發工程師，大約須要 50 個小時。

web 前端路徑

個人學習時長

按照這個路徑學習完畢後，對 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 大有三分天下之勢，但框架只是工具，目的是提高開發效率。初學者沒必要太過於糾結選型，切勿捨本求末。

1. ng 出現的比較早，框架比較重，今天看到消息，半年後將會出 ng3 😂。
2. react 得益於 Facebook 的推介，國內大廠也都在使用，相繼出了 react native,react 團隊 和 oculus 團隊正在開發 react vr。前端大一統是趨勢所在嘛 😀。
3. 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

其餘

前端面試題1
前端面試題2

以上, 相信你若是認真學習, 找到一份前端開發工做仍是很容易的, 切記, 別糾結於框架, 別撕逼, 像 iOS 圈同樣安安靜靜悶聲發大財 👀

最後附上前段時間用 Vue2.0 寫的豆瓣項目, 歡迎 Star 哦~
github.com/ericjjj/dou…