比較推薦的學習過程應該是以興趣為驅動的，用搜索做輔助： 1. 我想做一個個人網站，或者給我們團隊或者小組做一些介紹頁面。怎麼做？搜索發現要學習：HTML、CSS。 2. 發現一個網站設計的好漂亮，交互真贊，動畫效果真好。我想在我自己網站上也放上，可是我看不懂它的代碼？搜索發現要學習：交互視覺、CSS ...
比較推薦的學習過程應該是以興趣為驅動的，用搜索做輔助：
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、IaaS、DNS 解析、在中國做網站要備案但是伺服器放在國外就不需要等等。
11. 每次新創建應用，在我的伺服器上都要配置一遍 PHP 環境、Nodejs 環境，有的應用對 PHP 版本要求還不同，怎麼辦？搜索瞭解虛擬化技術，Docker 幫你極好的解決這個問題。
12. 每次發佈還要自己手動上傳代碼到伺服器，而且要自己在本地打包、運行單元測試，好麻煩啊。搜索發現可以自己搭建一套持續集成系統，用 git push 代碼，自動觸發構建，運行單元測試，成功後自動 build 然後給你上傳到伺服器上面。你只需要寫代碼就可以了。推薦：gogs + drone + docker。
。。。。。。後面還有很多可以玩的
自己是從事了五年的前端工程師，自己整理了一份最全面前端學習資料，從最基礎的HTML+CSS+JS到HTML5的項目實戰的學習資料都有整理，送給每一位前端小伙伴，有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，正在學習的小伙伴，需要可以私聊我喲，這是我的前端開發qun，【四八四】【七五七】【七六零】，直接群里下載，對於學習web前端有任何問題（學習方法，學習效率，如何就業）都可以問我，最後可以點一波關註喲！
