很多同學想學習WEB前端開發，雖然網際網路有很多的教程、網站、書籍，可是卻又不知從何開始如何選取。看完網友高等遊民白烏鴉無私分享的原標題為《寫給同事的前端學習路線》這篇文章，相信你會有所收穫。

前端開發入門學習有：HTML、CSS、JavaScript（簡稱JS）這三個部分。所以在學習之前我們需要先明確三個概念：

1. HTML——內容層，它的作用是表示一個HTML標籤在頁面裡是個什麼角色。
2. CSS——樣式層，它的作用是表示一塊內容以什麼樣的樣式（字型、大小、顏色、寬高等）顯示。
3. JS——行為層，它的作用是當用戶觸發某些行為時，會給內容和樣式帶來什麼樣的改變。

一、HTML，CSS部分

入門之後，學習CSS的精華，即佈局，推薦李炎恢的教學視訊，佈局這一章：http://edu.51cto.com/lesson/id-14895.html第27章，如果覺得不夠，需要實戰，則再學習接下來的28，29章。注意，這時候一定要老師講一塊程式碼，自己就要照著實現一次，切勿只看不做。

二、JavaScript部分

初學者推薦看視訊：http://edu.51cto.com/course/course_id-166-page-1.html，特別注意JavaScript的OOP寫法（重點，可多看幾遍），以及閉包、原型鏈，非同步程式設計部分（次重點），前者寫專案都在用，後者涉及JS這個語言本質特點。

然後需要學習JS和HTML/CSS在瀏覽器下的除錯方法，推薦用Google Chrome下的chrome developer tools除錯，可以看這個視訊學習：http://happycasts.net/episodes/40

看完視訊並經過實踐後，可以看《Javascript good parts》（http://book.douban.com/subject/2994925/）這本書，不必細看，看它的思想即可。用於鞏固，提升JS方面的程式設計思想。

三、web前端學習路線思維導圖

web前端學習路線思維導圖

上www.w3cschool.cn下載w3cschool官方app，隨時隨地學程式設計