怎麼樣培訓前端工程師？

12-28

有一種培養叫放手

世界上最困難的就是把一件你很拿手的工作交給別人，
再眼睜睜看著他把事情搞砸，
而你卻還能心平氣和不發一言，
那是培養人。

世界上最容易的就是把一件你很拿手的工作交給別人，
再手把手地教他把事情做對，
不給他犯錯機會，
那不是培養人，而是鍛煉你自己。

前端工程師不是培訓出來的，是干出來的。放心大膽的干吧。

12周零基礎前端【業餘】培訓方案（手頭主業、女朋友、業餘學習前端只有兩者能輕鬆共存，這裡說的業餘默認沒有女朋友。你每天只需要學習2小時。一方面，科班出身的人可能不需要這種培訓，而轉業者鮮有破釜沉舟；另一方面，對於入門，過多地學習未必有睡覺帶來的頓悟鞏固效果好。）：
——
2016.02.23有重大更新。在我的教材出版之前，暫時沒有發現像w3school上html/css教程那樣，特別適合入門的js教程。

這是全棧入門三部曲的第一部分：前端入門學習。

準備工作半小時講解伺服器、瀏覽器、域名、代碼、富文本網頁與記事本關係等基本入門信息。下載配置好編程軟硬體環境（控制面板文件夾選項去掉隱藏後綴名的√，editplus編程記事本（有中文版）學完培訓計劃後買一年個人版WebStorm（IDE）鳥槍換炮（配合固態硬碟的電腦），Chrome+Firefox瀏覽器（學js階段善加利用f12），有mini DP口的筆記本配合23寸以上外接顯示器推薦蘋果，可設定多鍵滑鼠推薦羅技G600，無數字小鍵盤但含完整尺寸控制鍵區的青軸機械鍵盤）。

打開 www w3school com cn

1周目 html欄目基本教程熟悉語法
2周目 html欄目參考手冊擼一遍標籤列表備查
（不看xhtml html5等衍生欄目）

3周目 css欄目基本教程熟悉語法
4周目 css欄目參考手冊擼一遍選擇器和樣式列表備查
（不看css3。display:inline-block;和vertical-align:top;是重點）

5周上嘗試憑空手工原生【非table】彈性頁面布局，並在老師指導下改進幾次，務必驗收完成後再做下一個
5周下嘗試憑空手工原生【純css】二級漸變下拉菜單，並在老師指導下改進幾次，務必驗收完成後再做下一個

關閉 www w3school com cn

6周目以某種方式熟悉js語法
7周目以某種方式擼一遍原生對象、函數列表備查

8周目嘗試憑空手工原生【低耦合高重用、分離數據與模板、對象樹或閉包封裝減少污染、高兼容漸變純js實現】滾動圖片欄，並在老師指導下改進幾次，務必驗收完成後再做下一個

9 10周找一個公司官網照著樣子做一遍。

打開 cn vuejs org

11周目將教程欄目中的：
data {{}} computed
v-model
v-if/else
v-for
v-bind:style/class
v-on: methods
擼一遍。嘗試分離數據和模板樣式，將圖片滾動欄的案例作為對外提供數據介面的獨立模塊重做一遍。

12周目學習一個萬能框架的使用（如J，推薦nodejs+nginx伺服器端版本），結合vue引擎的組件章節，把之前的網站重做一遍。之前的整個Vue實例在這裡作為一個組件來理解和封裝。
這時你正需要買WebStorm個人版（IDE）+升級SSD電腦硬碟獎勵一下自己。
是時候加深對html5和css3的理解了！

除此之外配合過來人一針見血的少量指導（把你要折騰半個月的東西一語帶過），和最優的入門軟硬體環境（使你要折騰半個月的東西一目了然），另外覺得編程比玩遊戲吃飯睡覺有意思（否則我教程中理所當然默認的東西全都不可行）、僅次於女朋友（否則就走火入魔了）。

如果沒有過來人指導必須自己折騰，那麼有三件法寶輪番使用一定能解決問題：搜索（必須是谷歌）/提問，官方文檔，動手實驗。（英文在這裡才體現作用，而非入門代碼時。說實話那些反而只是符號，英語再好沒卵用。當然這也是因為有了功不可沒的w3school和vue中文教程。建議大家多點點廣告和捐款。）

我學了十年，但乾貨其實只有這些。不過說實話，這是寫給當年沒有好老師的自己的，並沒有幾個學員能完全貫徹方案，當年冷嘲熱諷我浮躁的那些話對大多數人倒通常是對的。

個人認為語法和知識是可以自學，做項目真的是需要指點或者至少和其他的初學者一起做項目。我一般建議一個項目不要太大，以一種技術為主，例如實現基本用戶系統，實現基本的聊天系統，實現一個弱智微信遊戲等。做完十個左右的項目，簡歷就可以拿的出手了吧。

正在試著帶幾個人做一些小的項目練練手，一周左右的項目備選 · Issue #1 · qianxueseng-com/js-projects · GitHub

這個也是我最近在思考的問題。首先是要看你培養前端的目的是什麼。
我這裡簡單把前端培訓分為3個層面：
1、入門層面，即主要面向於入門者，學生。主要目的是為了能幹活，或者能找到一個糊口的工作。
2、中級，即目前市面上大家需要的前端工程師，有一定架構能力。
3、高級，即高級前端工程師的角色，在垂直領域有所精通。

針對3個方面，我的建議方式是：
1、入門。目前這方面的資料、書籍和課程是比較多的。所以建議這部分同學可以通過 http://ke.qq.com 慕課網等不同平台進行學習，不斷的實踐即可以達成。
2、中級。這塊就需要專業的知道。建議關注國內各大前端博客例如： http://imweb.io ，擴大自己的知識面，並在項目中做大量的開發和實踐。積累是最好的成長
3、高級。這塊基本是大型項目和沙龍方式了。基本上這部分培養主要是靠沙龍，技術峰會，人才交流等方式。需要在大項目中進行磨練。這裡舉例：velocity會議，qcon，jsconf等。

給個東西讓他做，就培訓出來了，人都是逼出來的

培訓、講座只能算是催化劑，技術能力的提升還是要靠一行一行地代碼堆積。

我看的是妙味的教學視頻，很認證的看的，然後把他的課後聯繫也很認證的做了。js就這樣入門了。至於html和css，我那個時候一天切一個psd。然後順利實習了。工資還不錯。

放手讓他去刨坑，然後帶他去找坑，讓他自己填，再帶他找坑。

剛到公司實習的時候，老大隻告訴我，需要用到哪些技術，給我推薦了學習資源，學習方式，然後放我自己去刨坑。還是比較喜歡自我探索的這種過程。

看你需求或者那個崗位需求是什麼

挖坑，填坑。