https://www.w3school.com.cn以文字教程，有附例子，影片教程可以去b站找，www.bilibili.com

學習資源網上一大把、多關注前端的系統性才行。零散的學習可能會讓人越學越懵逼。我的同學們都是自學的前端、從啃紅皮書到鋒利的jQuery、再到CSS、NodeJS等等都是基於前端的知識圖譜、然後針對性的對症下藥。最後百度、去哪兒、美團、阿里都有人去了。當然、刷面試題也是一個好的發現問題的方法。只是說前提是心裡有一個前端大概的輪廓、然後基於這個大概的輪廓去發現解決問題。

其實、我不太建議去看前端的學習影片、感覺影片講的都過於淺顯、沒法深入到問題的本質、特別是前端都是寫一個簡單的demo、看完了也沒啥效果。慕課網、黑馬程式設計師什麼都差不多（黑馬的後端講的還不錯）。所以我的建議是、多去動手實踐、親手敲敲程式碼、遇到問題去stackoverflow上查查、多逛逛github、基於它去深入瞭解問題背後的原理。

還有一個好的習慣是善於總結、遇到問題是必定的、但每次遇到同一個問題都需要花費同等的時間去解決就是問題所在。這也是程式設計師應該重點關注的。在還沒開始工作之前、前面講的同學都在寫部落格、雖然只是課本內容的自我轉述、但這種方式對於知識點本身的把握程度絕對是無可替代的。所以、我對於學習資源的定義分為以下幾種、重要性由深入淺：

1）專業書籍：把握系統性、深入性的不二之選

2）外文網站：github、stackoverflow、medium、google開發者網站

3）國內網站：jobble、知乎問答等