本文寫給剛入門前端，或者對前端感興趣的朋友，希望能對你的學習之路有所幫助，謝謝～

應用方向

(介紹前端有哪些方向)

• 網頁開發
  用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框架，模塊化開發網頁