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

首先要學(xué)習(xí)的是

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

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

基礎(chǔ)6個月就夠了，學(xué)習(xí)過程建議:

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

學(xué)習(xí)方法:

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

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

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

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

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

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

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

完成這一步，你應(yīng)該就是菜鳥前端了。

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