從前端產(chǎn)生到現(xiàn)在,已經(jīng)從簡陋的HTML,CSS,JavaScript三把刷子做出來靜態(tài)網(wǎng)頁的時代,發(fā)展到現(xiàn)在視覺效果酷炫,適用終端廣泛,開發(fā)手段豐富多樣的更廣闊的發(fā)展時代。
HTML、CSS,JavaScript是學(xué)習(xí)前端的基礎(chǔ),特別是JavaScript,我們對前端基礎(chǔ)的掌握程度,極大程度上體現(xiàn)在對JavaScript的掌握程度上。所有的瀏覽器引擎運(yùn)行的腳本語言都是JavaScript,我們使用的框架也是用JavaScript開發(fā)的。此外,我們還需要學(xué)習(xí)運(yùn)行的機(jī)制和原理。不僅是框架的原理,也還包括JavaScript語言和瀏覽器引擎的原理。高級前端工程師對于框架和語言的理解絕不會停留于了解API的層面上,需要深入到了解內(nèi)部原理和運(yùn)行機(jī)制的層面上。
給你學(xué)習(xí)前端的新手幾個建議:
一、切記學(xué)習(xí)前端開發(fā)不可以依賴任何人,我做了開發(fā)這么久,十年了,見過很多依賴?yán)蠋煹膶W(xué)生,這樣的后果就是自己沒有解決問題的能力,也沒有自主學(xué)習(xí)的能力,面試不能通過,找工作會非常難,因為學(xué)習(xí)開發(fā)就是鍛煉這種自我學(xué)習(xí)的能力。
二、必須而且一定要有一個老師帶著學(xué),無論是學(xué)習(xí)JAVA還是前端,根據(jù)我見過的人的經(jīng)驗,如果沒有一個明白人幫你解決一下問題,首先會浪費(fèi)非常多的時間。而且學(xué)習(xí)的不專業(yè),對于基礎(chǔ)的把握不牢靠,后面的都是白扯。
三、堅持很重要,確實(shí)有很多學(xué)習(xí)前端的人在學(xué)習(xí)JS的時候?qū)W著學(xué)著就放棄了,這叫知難而退,JS確實(shí)難,但是就是因為難才有價值,我們評判一個前端開發(fā)者是什么水平,就是用JS來說話。
下面是基本的學(xué)習(xí)路線,跟著這個基本沒有什么問題:
一階段:HTML+CSS/HTML5+CSS3
1. HTML+css
2. pc端網(wǎng)頁重構(gòu)
3. HTML5+css3
4. 移動端網(wǎng)頁重構(gòu)
5. css預(yù)處理、版本管理
項目實(shí)戰(zhàn)參考:淘寶官網(wǎng)、京東官網(wǎng)、小米官網(wǎng)等等?;究梢宰隽宋鍌€靜態(tài)這樣的網(wǎng)頁,靜態(tài)部分就不會有任何的問題。
二階段:JS
1. js數(shù)據(jù)類型、語法
2. js對象
3. Js內(nèi)置對象
4. BOM、DOM
項目實(shí)戰(zhàn):實(shí)戰(zhàn)小游戲項目開發(fā)
三階段:JS高級/Ajax/JQ
1. AJAX、瀏覽器緩存
2. JS對象高級
3. 設(shè)計模式
4. ES6
5. JQuery
6. 組件化開發(fā)、插件
項目實(shí)戰(zhàn):自動義插件封裝
四階段:前端主流框架
1. 前端工程化
2. AngularJs
3. VueJs
4. React Native
5. 微信小程序
項目實(shí)戰(zhàn):大型網(wǎng)站建設(shè)