首先要學習的是a靜態(tài)頁面布局:H5 CSS3 B JS交互設計C節(jié)點開發(fā)D前端框架(Vue/React/Angular)E小程序和App，這些都是前端工程師需要掌握的知識。所以如果你只是想從基礎開始學

首先要學習的是

a靜態(tài)頁面布局:H5 CSS3 B JS交互設計C節(jié)點開發(fā)D前端框架(Vue/React/Angular)E小程序和App，這些都是前端工程師需要掌握的知識。所以如果你只是想從基礎開始學習，你應該先掌握H5 CSS3。

如果你已經(jīng)掌握了初級前端工程師所具備的基礎知識，那么你還需要進一步學習html的結構合理性，以及一些HTML模板的使用，比如jade。你會用高級的css3代替一些js來實現(xiàn)特效，優(yōu)雅的代碼，使用less，stylus等動態(tài)css語言。來加入我們吧！)

基礎6個月就夠了，學習過程建議:

第一步:花一個月的時間在w3cschool上完成HTML/CSS和Javascript模塊的教程。

學習方法:

1)將HTML/CSS和Javascript模塊中的知識點拆分到每天。你只需要每天完成這么多，堅持下去。

2)每個知識點完成后，網(wǎng)站上有測試功能，測試你學的怎么樣。

3)唐 不用擔心網(wǎng)站頁面的設計開發(fā)，先搞清楚哪些頁面用了這個東西，看看人家是怎么寫前端代碼的。

第二步:再花一個月的時間練習幾個不同風格和布局的模仿站，找到最簡單的開始。首先，把網(wǎng)站分解，每天分配到幾個頁面。否則參考他們的網(wǎng)站源碼，用他們現(xiàn)成的圖片。

第三步:從網(wǎng)上找一個psd格式的網(wǎng)頁設計，根據(jù)網(wǎng)上教程學習如何剪圖，然后根據(jù)網(wǎng)頁設計稿完成網(wǎng)頁界面開發(fā)。

完成以上步驟后，基本可以算是網(wǎng)頁開發(fā)新手了。讓 ■開始向前端進發(fā):

第四步:學習Jquery、AngularJS、React、Bootstrap等前端框架。這個可以按照建站的文檔、DEMO、練習、模仿的步驟來學習。PC端和移動端都做幾個模仿站。這一步可以算是至關重要的階段，做模仿站的時候最好選擇一些簡單但是完整的應用來模仿。一個框架需要一兩個月的時間，根據(jù)情況學習和實踐。

完成這一步，你應該就是菜鳥前端了。

第五步:如果你覺得可以入門，那就試著找一些做私活的網(wǎng)站。好吧，從最簡單的開始，你可以找一個藝人和你合作。你會遇到很多問題，都是你工作后會遇到的問題。耐心分析解決每一個問題，有助于你進入職場。