前端開發成長路線

##零.前輩們給的職業發展建議

1. 耐心

1px 的執著

2. 觀念陳舊，應該關注新技術

不要把相容性作為藉口而不關注新技術

3. 繼續加深基礎

js 基礎還不夠紮實

4. 使用者體驗達到極致，做事態度很重要

使用者體驗不只是設計人員的事情，前端開發人員同樣應該重視

5. 努力驅動專案，不要局限於前端

前端開發人員分內的事情不多，但專案組的成功需要所有成員的配合，比如為 PM 定製簡單的活動頁面設計工具，以驅動專案開發

6. 了解新技術是做什麼的

不用追逐學習新技術，但應該保持關注，對其要有一定了解，因為遇到的問題用新技術可能很容易解決

7. 不要只做分內的事情，需要有大局觀

專案成功是團隊所有成員的第一目標

##一.前輩們給出的前端開發要求

###1.累積設計，產品和互動方面的知識

###2.學習前端新技術：

• 前端自動化工具（Gulp/Grunt 等）

• 模組化（CommonJS，AMD/CMD 模組載入器，各種 Bundler，ES2015 Modules 等）

• 前端 MV* 框架（Backbone，Angular 等）

• 編譯到 CSS 和 JS 的一些語言（Less/Sass/CoffeeScript 等）

• 前端自動化測試工具（Karma，Mocha，Web Driver 等）

• NodeJS 學習方法：

  1. 首先你先要學會 Js。

  2. 在 github 上面找一個簡單的專案去仿照做：譬如：https://github.com/felixge/node-mysql

  3. 寫一個基於 Nodejs 的部落格管理系統：文章發表，管理，會員管理，權限，檔案管理。並且把它提交到自己的 github 上面。

  4. 一步一步的完善。做出 wordpress 的樣子。

  5. 到這一步你就知道該幹嘛幹嘛了

• 熟練掌握 TweenMax 等 JS 動畫類庫（新興的 ThreeJS）

###3.大概懂基礎的視覺傳達/色彩構成/平面構成的知識

###4.網站性能優化、SEO 和伺服器端的基礎知識也是必須掌握的

##二.前輩推薦的還沒看完的書

1. 《javascript 模式》

2. 《高效能 javascript》

3. 《Javascript 框架設計》

4. 《jQuery 技術內幕》

5. 《基於 mvc 的 javascript web 富應用開發》

你需要在以上基礎上去了解 jsMVC 這個概念，看看本書作者是怎樣構建一個 JSMVC 框架的，要理解這些東西要站在對 Js 語言和框架都較為熟悉的基礎上，如果想更加深入學習的話，去用一下 backbone，angular，Ember 等這些前端 JSMVC 的類庫，分析他們各自優勢，用好他們並解讀他們，自己架構和語言能力會進一步提升。

6. 讀源碼

可以去嘗試著讀取一下 js 的一些源碼，好的源碼推薦：backbone.js，lazyLoad.js，oz.js，sea.js，sizzle.js，underscore.js，當然你也可以去讀一下 jquery 的源碼，不過個人不大推薦讀 jquery 源碼，讀起來有點吃力，但是上面的程式碼無論從結構還是對 js 技巧，演算法都有很清楚的描述，實為不錯的學習 js 源碼的典範啊。

7. 堅持編碼

要不斷的寫 js 程式碼，這可是提高編碼能力的唯一檢驗標準，讀書可以讓你知道，但實際編碼卻讓你深刻體會，最好是自己能夠寫一套類庫，其一能讓別人用你的類庫感覺很爽，其二意在不斷提高自己的編碼水平。

##三.其他

待續