第一階段：Web基礎(chǔ)知識要點：web工作原理、HTML4及HTML5、常見標簽、相對路徑與絕對路徑、HTML5標簽布局知識要點：CSS基本語法、基本選擇器、復(fù)合選擇器、背景圖片、盒子模型、精靈圖、常見網(wǎng)頁布局、浮動定位、Flex布局、響應(yīng)式布局、移動端適配、網(wǎng)頁動畫、CSS3新特性、Less預(yù)處理器第二階段：基礎(chǔ)知識要點：ECMA基本語法、數(shù)據(jù)類型、運算符、分支結(jié)構(gòu)、循環(huán)結(jié)構(gòu)、函數(shù)、常見內(nèi)置對象的屬性和方法、Array、Math、Date、知識要點：DOM模型、節(jié)點類型、節(jié)點的基本操作、JS操作樣式表、克隆節(jié)點、獲取坐標位置、獲取元素尺寸、節(jié)點的各種屬性和方法。知識要點：History、Location、Navigate、定時器、線程、事件循環(huán)、web工作原理、性能優(yōu)化、事件對象、正則表達式、jQuery框架第三階段：企業(yè)級框架框架基本語法知識要點：vue基本語法、雙向綁定、組件傳值、條件渲染、列表渲染、事件處理、表單綁定、自定義事件、插槽、過渡、動畫、動態(tài)路由、嵌套路由、編程式導(dǎo)航、導(dǎo)航守衛(wèi)、路由懶加載、腳手架、生命周期、vuex、axios、ts、案例知識要點：將知識點融會貫通到案例中。基本語法知識要點：react簡介、jsx語法、元素渲染、組件和props、state、生命周期、表單、條件渲染、組合繼承、hooks、性能優(yōu)化、案例知識要點：將知識點融會貫通到案例中新增內(nèi)容：微信小程序及uni-app框架知識要點：小程序框架（配置/程序與頁面注冊/路由），開發(fā)者工具小程序框架組件學(xué)習(xí)（基礎(chǔ)/視圖/表單/地圖/媒體/導(dǎo)航/開發(fā)能力）小程序框架組件學(xué)習(xí)（地圖/媒體/導(dǎo)航/開發(fā)能力）小程序API（基礎(chǔ)/路由/界面/網(wǎng)絡(luò)/數(shù)據(jù)緩存/位置服務(wù)）小程序API（設(shè)備/媒體/開放接口/授權(quán)/登錄/支付）第四階段：前端全棧服務(wù)器與數(shù)據(jù)庫及框架知識要點：Node原生模塊、跨域、安全校驗、數(shù)據(jù)加密、數(shù)據(jù)庫基本操作、express框架、koa框架 項目周/WebPack知識要點：需求、效果圖、編碼

1、必須掌握基本的Web前端開發(fā)技術(shù)，其中包括：HTML5、CSS3、JavaScript、DOM、BOM、Ajax、SEO等，在掌握這些技術(shù)的同時，還要清楚地了解它們在不同瀏覽器上的兼容情況、渲染原理和存在的Bug。

2、在一名合格的前端工程師的知識結(jié)構(gòu)中，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識也是必須掌握的。

3、必須學(xué)會運用各種工具進行輔助開發(fā)。

4、除了要掌握技術(shù)層面的知識，還要掌握理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持，等等。

下面我來告訴你如何從小白成為一名前端開發(fā)工程師。

Web前端現(xiàn)在很火熱么？不過我并沒有感覺，現(xiàn)在火熱的是大數(shù)據(jù)、人工智能、區(qū)塊鏈。如果你想成為一名web前端工程師，其實不困難，自學(xué)即可。

成為web前端工程師第一步

了解web前端工程師必備的技能，以下匯集自各大企業(yè)招聘的前端工程師的職位要求。

如何學(xué)習(xí)成為前端開發(fā)工程師

我現(xiàn)在把你當做一個零基礎(chǔ)的小白，你應(yīng)該從下面幾步開始學(xué)習(xí)。

1.學(xué)習(xí)HTML的基礎(chǔ)知識，包括每個標簽的位置和意義，在什么位置寫什么代碼。

2.學(xué)習(xí)CSS的相關(guān)知識，注意id、類、標簽的優(yōu)先級等，嘗試寫一個web頁面出來，可以先寫嵌入式的CSS，然后再寫引入外部文件中的CSS，寫CSS要注意瀏覽器兼容，主流就是谷歌內(nèi)核和IE內(nèi)核，IE內(nèi)核一般兼容到IE8，前面的瀏覽器使用不多。

3.學(xué)習(xí)JavaScript，我覺得在前端中最重要的是js，基礎(chǔ)知識學(xué)習(xí)完成后你再學(xué)習(xí)使用js的框架，當然還有很多的js庫需要學(xué)習(xí)，比如你如果想在web頁面展示3D模型，那你需要學(xué)習(xí)使用。

4.有了基礎(chǔ)之后你可以寫一些靜態(tài)頁面，開發(fā)酷炫的頁面特效，開發(fā)一些js插件，這些你都可以上傳到你自己的github倉庫，有個github倉庫在找工作過程中還是很有用的。

5.雖然講究前后端分離，但是現(xiàn)在前端開發(fā)最好還是要會一些后端開發(fā)語言，比如PHP、nodejs等。

6.最后你可以自己寫一個完整的網(wǎng)站，注意前后端分離，json傳數(shù)據(jù)等。

如果按照上述步驟來，我想你成為一名初級的前端開發(fā)工程師師沒問題的，找工作也應(yīng)該沒問題。

暫時想到這些，不足的可以提醒補充。

我是萌新程序猿，科技圈的事情歡迎邀請我來回答！

碼了這么多字，點個贊關(guān)注下再走吧?。?！

關(guān)注萌新程序猿（本人咯），了解更多IT以及程序猿的知識?。?/p>