前端學習路線建議
本文寫給剛入門前端,或者對前端感興趣的朋友,希望能對你的學習之路有所幫助,謝謝~
應用方向
(介紹前端有哪些方向)
-
網頁開發
用css+html+javascript開發靜態/動態網頁。
這個是初級階段。 -
游戲
開發Html5 2d,3d 游戲 -
3D可視化展示
基于WebGL技術,在線展示互動的3D場景。
如在線糧倉管理系統,物聯網在線展示等。
可參考hightop, wonder等。 -
單頁面富應用
與android,ios上的app一樣,使用web技術也可以開發本地app -
網站,管理系統
使用web前端技術+服務器技術(node.js,jsp...)+數據庫(mysql, ...), 搭建整個網站、管理系統等。 -
移動端(手機)開發
主要是開發移動端的網頁,也可以開發html5 小游戲、小程序等。 -
設計師
偏設計方向,設計網頁,主要應用html+css+photoshop
階段學習
(介紹如何分階段學習前端)
1.學習html+css+javascript基本知識,
完成網頁開發,并加上一些javascript特效。
2.學習node.js等服務器技術和mysql等數據庫技術。 然后開發一個個人網站,或者簡單的管理系統。
3.根據你個人情況,再看學習上面哪個應用方面的知識(如游戲、富應用等)
學習建議
(給出我個人的學習建議)
1.建議先不要用前端框架,使用原生javascript開發一個網頁和一個簡單的網站。自己可以進行一些封裝,如封裝dom操作等,從而為以后開發框架打下基礎。
2.完成第一個網站項目后,建議看一些增加內功的書籍,關注代碼質量。如:
<<重構:改善既有代碼的設計>>
<<冒號課堂>>
<<測試驅動的javascript開發>>
...
詳見<<分享我收集的計算機內功修煉的經典資源>>
3.學習進階的學習資料,如<<深入理解JavaScript系列>>
4.學習前端框架源碼。
如prototype.js, jquery.js的源碼等。
我重點看了prototype.js的源碼(網上也有很多源碼學習的筆記和資料),它寫得很精妙,對學習如何寫一個前端框架很有幫助,建議花一個月的時間,把它看3遍,然后就可以開始寫框架了。
5.學習和使用react或者vue框架,模塊化開發網頁
浙公網安備 33010602011771號