如何自學計算機前端開發？精細的自學步驟是什麼樣的？

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

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前端有任何問題（學習方法，學習效率，如何就業）均可以問我，最後能夠點一波關注喲！