1、繪製原型圖、實現效果圖：熟練掌握一種原型設計工具，能夠將構思透過工具繪製成原型圖，並將設計出的原型圖透過頁面程式碼的方式表現出來。2、與設計師溝通及專案參與：前端開發人員需要和設計師就原型圖進行某些效果實現的探討3、精通HTML：搭建良好的頁面結構；先分析佈局，劃分框架，然後規劃結構，編寫程式碼4、精通CSS：最佳化頁面；合理的使用標籤、良好的註釋、清晰的程式碼結構等5、熟練掌握JavaScript、jQuery、ajax，工作過程中不一定會用到，但一定要會6、熟練使用 Vue、React、angularjs等框架7、會一點後端語言，比如Java；知道怎麼和後臺互動資料8、保障效率9、針對伺服器的最佳化：頁面開發也需要了解伺服器的最佳化，儘量減小伺服器負擔。10、永不止步的學習

　1、前端頁面重構。主要內容為PC端網站佈局、Photoshop 工具及切圖、H5移動端網頁佈局、HTML5+CSS3新特性與互動。學習目標是完成PC端網站佈局，可實現響應式佈局，一套程式碼適配 PC 端、移動端、平板裝置等。

　　2、前後端網頁互動。主要內容為JavaScript 語法全面進階、ES6 到 ES10 新語法實踐、jQuery 應用及外掛使用、設計模式及外掛編寫、封裝 JS 工具庫及Web APIS、AJAX+PHP+MySQL前後端互動、前端工程化與模組化應用以及PC 端全棧開發專案等。學習目標是可以掌握前端工程化工具，如 git、gulp、webpack 等，搭建專案及開發專案。

　　3、Node.js + 前端框架。主要內容為Node.js 全面進階、Koa2+MongoDB搭建服務、Vue.js 框架、React.js 框架、小程式雲開發與小程式框架、原生 APP與混合APP、資料視覺化與桌面應用等。學習目標是掌握桌面應用及視覺化大資料，實現複雜資料展示類專案，能夠獨立完成前後臺相關功能，勝任H5全棧開發工程師職位。

　　以上就是web前端要學什麼內容的詳細介紹了，大家可以清楚的瞭解到每個階段都學習什麼，並且學完後可以勝任什麼職位。