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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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