優秀的前端工程師養成，並非一朝一夕，需要大量的學習和積累。作爲初學者，該怎麼入門呢，怎麼選擇我的學習路線和各種工具呢？
1. 學習之前
1，不要着急看一些複雜網頁效果的代碼，這樣除了打擊你自信心，什麼也學不到。沒達到一定的武功水平，割了小JJ也學不會葵花寶典的2，別急着加技術交流QQ羣，加牛人QQ。如果你找張三丰交流武功，你上去第一句問“豐哥，where is 丹田？”，你會被他一掌劈死的
3，看網上什麼多少天精通web開發，啥啥啥從入門到精通，這種教程直接跳過吧，太多的事實證明，以一種浮躁的心態去做任何事都會以失敗而告終
4，千萬別去弄啥電腦培訓，花了錢和時間不說，關鍵是學不到東西。本來你買兩本好書自學3個月能學會的，他們硬是能折騰你兩年
2. 學習大綱
先看看我們要學習的內容，讓你心裏有個底，來一張圖恐嚇下
前端工程師需要掌握的東西並不少（這裏面我很多也沒接觸過），優秀的前端工程師的養成並不比後端工程師容易。不能一口吃成胖子，所以得一步一步來，把基礎打紮實。
基礎部分： HTML、css、javascript
如果學好了這幾個，找工作什麼的不是問題，這個是最基礎的東西，也是最重要的。在學習語言的期間，開發工具和瀏覽器的知識也會一起學習到，所以我們會在這裏花費很多時間。
高級部分：jQuery、plugin的使用、css3、前端UI框架、移動web
(ps : 這裏學完，加上完成2-3個網頁，就可以出師了)
其他： 編程規範、前端性能調優
(ps:這裏纔是成爲優秀開發者的關鍵)
3. 開始學習html
1. 如果你英語還ok，就跟着這個教程開始學習，http://www.codecademy.com/tracks/web 非常優秀的在線學習平臺。
2. 如果你想像看書那樣系統的學習， 那就跟着這個教程 http://www.w3cschool.cn/index-5.html 一邊看一邊實現。這個網站裏面有很多學習資源和文檔。
3. 如果你懶一點，那就看視頻教程吧，跟着這個老師一起學 http://edu.51cto.com/lesson/id-14775.html
每天保證2-4個小時的學習時間即可。剛剛學習都是很枯燥的，如果能堅持下來，你會嚐到編程的樂趣的。
注意：對於不同的瀏覽器，對同一標記符可能會有不完全相同的解釋，因而可能會有不同的顯示效果。 我們的開發首選瀏覽器爲 Google Chrome 下載地址：http://www.google.cn/intl/zh-CN/chrome/browser/
編輯器選擇， 入門者還是 Dreamweaver 好，簡單易用，快速入門。
待續。。。