比較推薦的學習過程應該是以興趣為驅動的，用搜索做輔助：

1. 我想做一個個人網站，或者給我們團隊或者小組做一些介紹頁面。怎么做？搜索發(fā)現要學習：HTML、CSS。

2. 發(fā)現一個網站設計的好漂亮，交互真贊，動畫效果真好。我想在我自己網站上也放上，可是我看不懂它的代碼？搜索發(fā)現要學習：交互視覺、CSS3 動畫等。

3. 他們網站上都有那種點擊彈出浮層的功能，還有一些其他的更復雜的交互效果。怎么實現的？學習JavaScript。

4. 有小學同學說我的個人網站錯位了，問了下他用的是 IE7 訪問的，怎么辦？搜索了解一些瀏覽器兼容性問題（不是很必要）、學習使用 jQuery。

5. 我想在微信朋友圈分享一下我的網站，結果縮放的好小，而且有錯位。怎么解決這個問題？搜索發(fā)現要學習響應式相關。

6. 分享了之后，發(fā)現打開速度好慢啊，要等十幾秒才能打開。怎么辦？學一下前端性能優(yōu)化相關。

7. 網站交互功能和效果越來越多，寫的 JS 和 CSS 代碼越來越多，感覺寫起來好慢，出了 bug 很難定位問題。怎么辦？搜索發(fā)現要學習：Emmet、Less、SCSS 等輔助工具用法，JS 模塊化require.js、sea.js 以及對應的 AMD、CMD 以及 CommonJS 模塊化規(guī)范等。

8. JS 更復雜了，而且要與其他同學合作開發(fā)。發(fā)現需要學習一些前端框架來提高開發(fā)效率，比如React、Angular、Vue，此外還需要一些打包構建工具，將 JS 編譯之后發(fā)布使用。需要學習Webpack、Grunt、Gulp 等工具用法。

9. 網頁和應用是開發(fā)好了，可是是靜態(tài)的，沒法有數據更新，怎么辦？學習前后端數據溝通，Ajax 請求、JSON 數據格式、Fetch API。當然由此延伸，最好還要了解 PHP、Java Velocity、Nodejs 這些后端的知識，還要對HTTP 的一些狀態(tài)碼、請求類型等有所了解。

10. 應用部署到哪里？搜索了解：虛擬主機、域名注冊、VPS、云主機、PaaS、IaaS、DNS 解析、在中國做網站要備案但是服務器放在國外就不需要等等。

11. 每次新創(chuàng)建應用，在我的服務器上都要配置一遍 PHP 環(huán)境、Nodejs 環(huán)境，有的應用對 PHP 版本要求還不同，怎么辦？搜索了解虛擬化技術，Docker 幫你極好的解決這個問題。

12. 每次發(fā)布還要自己手動上傳代碼到服務器，而且要自己在本地打包、運行單元測試，好麻煩啊。搜索發(fā)現可以自己搭建一套持續(xù)集成系統(tǒng)，用 git push 代碼，自動觸發(fā)構建，運行單元測試，成功后自動 build 然后給你上傳到服務器上面。你只需要寫代碼就可以了。推薦：gogs + drone + docker。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。