基礎知識：

1、HTML + CSS 這部分建議在 W3school 線上教程 上學習，邊學邊練，每章後還有小測試。 之後可以模仿一些網站做些頁面。在實踐中積累了一些經驗後，可以系統的讀一兩本書，推薦《Head First HTML 與 CSS 中文版》，這本書講的太細了，我沒能拿出耐心細讀。你可以根據情況斟酌。也可以去w3school和慕課網學習。

2.Javascript 要學的內容實在很多，如果沒有其他程式語言的基礎的話，學起來可能要費些力，還是建議先在 W3school上學習。之後建議馬上看《Javascript語言精粹》，JS是一門很混亂的語言，這本書能夠幫助你區分哪些是語言的精華，哪些是糟粕，對於語言精華，應該深入學習。糟粕部分能看懂別人寫的程式碼就行，自己就不用嘗試了。對於有需要的小夥伴，推薦找一個培訓班或者裙進行系統學習，下文會講到呢 。

有了以上基礎，就可以進行一般的靜態網頁設計，不過對於複雜的頁面還需要進一步學習。

3.jQuery，簡單易用，在W3school簡單學習js後，直接上手jQuery即可完成一些簡單的專案。學習方法也很簡單，照著產品文件做幾個頁面就行了，不用面面俱到，以後遇到問題查文件就行了。框架可以幫你遮蔽瀏覽器的差異性，讓你能更專注與Web開發學習的精髓部分。補充： 可以使用 Codecademy 學習 Javascript，jQuery，使用者體驗真的很好

想要成為一名合格的web前端工程師就必須掌握企業所需要的Web前端技能，那麼對於Web前端崗位來說，大致需要掌握的有瀏覽器核心、計算機知識儲備、程式語言、頁面佈局編譯、開發工具、前端庫/框架、前端標準/規範、部署流程、程式碼組織、移動Web、視覺化等內容，當然上邊所提到的是對於前端崗位所需要掌握的基本技能，如果想要進一步精進技術水平，還需要在工作的過程中不斷的積累和學習新的知識，網際網路行業一直處於不斷髮展更新中，對於開發人員而言，肯定是需要不斷學習新的技能，才能夠不在快速發展的市場中被淘汰。

其次，在大家學習Web前端技術的時候，還需要把握好方向，瞭解在實際工作崗位中都需要具備哪些技能，小編透過瀏覽招聘網站中Web前端崗位的工作職責瞭解到，一個初級的Web工程師需要負責PC端和移動端Web前端專案架構和開發;參與規範制定、技術文件編寫;與產品經理和UI設計師合作，研究並改善產品的使用者體驗;保障專案質量等，這些都是作為一名初級前端開發人員需要完成的工作內容。對於中級和高階工程師來說，還需要在這個基礎上繼續提升。