如何自學計算機前端開發(fā)?精細的自學步驟是什么樣的?

發(fā)布時間：2020-01-07 16:31:28 作者：BOM前端工程師

我要評論

這篇文章主要介紹了如何自學計算機前端開發(fā)？精細的自學步驟是什么樣的？小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

比較推薦的學習過程應(yīng)該是以興趣為驅(qū)動的，用搜索做輔助：

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

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

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

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

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

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

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

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

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

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

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

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

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