轉載鏈接：https://www.zhihu.com/question/39721183/answer/83536633
綜述：當不知道自己的學習方向時，可以看看這個進階路線，
比較推薦的學習過程應該是以興趣爲驅動的，用搜索做輔助：
1. 我想做一個個人網站，或者給我們團隊或者小組做一些介紹頁面。怎麼做？搜索發現要學習：HTML、CSS。
2. 發現一個網站設計的好漂亮，交互真贊，動畫效果真好。我想在我自己網站上也放上，可是我看不懂它的代碼？搜索發現要學習：交互視覺、CSS3 動畫等。
3. 他們網站上都有那種點擊彈出浮層的功能，還有一些其他的更復雜的交互效果。怎麼實現的？學習 JavaScript。
4. 有小學同學說我的個人網站錯位了，問了下他用的是 IE7 訪問的，怎麼辦？搜索瞭解一些瀏覽器兼容性問題（不是很必要）、學習使用 jQuery。
5. 我想在微信朋友圈分享一下我的網站，結果縮放的好小，而且有錯位。怎麼解決這個問題？搜索發現要學習 響應式相關。
6. 分享了之後，發現打開速度好慢啊，要等十幾秒才能打開。怎麼辦？學一下前端性能優化相關。
7. 網站交互功能和效果越來越多，寫的 JS 和 CSS 代碼越來越多，感覺寫起來好慢，出了 bug 很難定位問題。怎麼辦？搜索發現要學習：Emmet、Less、SCSS 等輔助工具用法，JS 模塊化 require.js、sea.js 以及對應的 AMD、CMD 以及 CommonJS 模塊化規範等。
8. JS 更復雜了，而且要與其他同學合作開發。發現需要學習一些前端框架來提高開發效率，比如 React、Angular、Vue，此外還需要一些打包構建工具，將 JS 編譯之後發佈使用。需要學習 Webpack、Grunt、Gulp 等工具用法。
9. 網頁和應用是開發好了，可是是靜態的，沒法有數據更新，怎麼辦？學習前後端數據溝通，Ajax 請求、JSON 數據格式、Fetch API。當然由此延伸，最好還要瞭解 PHP、Java Velocity、Nodejs 這些後端的知識，還要對 HTTP 的一些狀態碼、請求類型等有所瞭解。
10. 應用部署到哪裏？搜索瞭解：虛擬主機、域名註冊、VPS、雲主機、Paas、Laas、DNS 解析、在中國做網站要備案但是服務器放在國外就不需要等等。
11. 每次新創建應用，在我的服務器上都要配置一遍 PHP 環境、Nodejs 環境，有的應用對 PHP 版本要求還不同，怎麼辦？搜索瞭解虛擬化技術，Docker 幫你極好的解決這個問題。
12. 每次發佈還要自己手動上傳代碼到服務器，而且要自己在本地打包、運行單元測試，好麻煩啊。搜索發現可以自己搭建一套持續集成系統，用 git push 代碼，自動觸發構建，運行單元測試，成功後自動 build 然後給你上傳到服務器上面。你只需要寫代碼就可以了。推薦：gogs + drone + docker。
13.其他知識和技能點
nginx的使用,數據結構和算法，設計模式，根據業務設計前端架構，組件，項目管理，團隊管理，溝通，工作彙報等等