2020年最新版Web前端學習路線圖-前端小白入門必讀-pink老師推薦


Hello,大家好,相信很多學習前端的小伙伴,會有很多的疑惑: 我要學習那些技術? 我要到哪里去學習這些技術呢? 學習這些技術的目的對就業有什么幫助呢? 我學到什么程度可以勝任工作? ...  

這里,pink老師給你們最全的解答。 

 1. HTML5 + CSS3 

根據web前端發展史,建議大家先學習pc端頁面開發。 包含: HTML5、CSS3、浮動、定位、盒子模型、高級技巧等等。 不用說,這是我們前端入門的最基本要求,目的是能完成頁面的布局開發,這部分必須精通。  這部分知識比較簡單,不要去買書看了(太浪費時間),直接看pink老師視頻就夠了哈。 https://www.bilibili.com/video/av80149248

學完之后,只要網上看到喜歡的頁面,就可以模仿下來,意味着你掌握成功。

2. 移動端頁面開發

我們先學習了pc端頁面開發,但是現在移動端太常見了,所以我們也需要做移動端頁面開發。  主要學習移動端常見布局:流失布局、flex布局、rem布局、響應式布局等。其中市場rem布局用的最多了,重點掌握。 網上相應的布局視頻很多,可以重點學習。 最終起碼把幾個大廠的移動端首頁寫出來才可以。比如淘寶、京東、小米等。

3. JavaScript 系列

JavaScript是我們前端的核心,需要精通掌握,可以直接學習ES5,ES6就可以了。這樣就可以讓我們頁面交互效果動態展示起來了。 包含:  JavaScript 基礎語法及 Web API 開發動態交互(⽹⻚特效)的⽹⻚、JavaScript ⾼級特性,如⾯向對象、閉包、事件循環等技術、 jQuery也要了解一些,現在市場很多老項目還是大量有jQuery的,你說不會jQuery,人家不相信你前端工作過。。。

 學習渠道:

1. 最權威的JavaScript網站 MDN:  https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/JavaScript_basics 當然還可以去菜鳥教程等。

2. 各種視頻網站, 首推B站, 還有 慕課,騰訊課堂等。搜索相關關鍵字即可。

3. JavaScript 相關面試題可以去 掘金、牛客網、github 等網站。

4. 相信我,最好的還是百度。 學到js ,你應該要有自己的 github 或者碼雲的賬號了,里面有大量資源可以讓你去查閱學習。

推薦的書籍:  《JavaScript DOM 編程藝術 》、     《JavaScript高級程序設計》、   《你不知道的JavaScript 》、    《鋒利的jQuery  》等, 建議直接網上搜電子書即可。

4. Ajax 和 git

前面我們寫的所有頁面都是靜態的,也就是所有的數據都是假數據,實際開發的時候,數據都是從后台獲取過來的,那么如何獲取后台的相關數據呢? 答案就是 ajax。

前端必備哦 通過 Ajax 實現與服務器的通信,獲取服務器提供的數 據,然后動態渲染輸出,實現動態⽹⻚的開發。

學習 git 版本管理⼯具,實現企業級多⼈協同開。 學到這里,最好有個項目練習,  這樣可以更好的明白動態網站是如何開發的。 現在網站都是流行前后端分離,這個階段我們能知道如何調用后端接口。

5. Node.js

相信學ajax 的時候,很多教程搭配php或者其他后台語言來學習,但是我更推薦ajax和node來學習,畢竟都屬於我們前端內容,省去在學習另外一門語言的痛苦。

目的: 通過學習 Nodejs 和 MySQL 深⼊理解⽹站的本質,以及前端在整個⽹站開發中的⻆ ⾊,為在企業中前后端協同開發提供幫助。體會 Nodejs 在前端⼯程化開發中的重要作⽤。

學習推薦地址:  推薦一個博客: https://cnodejs.org/getstart  

6. VUE  

前端三大框架 你肯定聽過  vue 、react 、 angular。 國內最火的框架是 vue,而且vue3.0 馬上也要發布了,肯定還會火一把。 有了這些框架,我們開發頁面更加快速和高效,性能維護有了極大提高。 目的是:掌握 MVVM、模塊化、組件化、狀態管理、路由等技術在實戰項⽬的應⽤,豐富開發經 驗、提升實戰能⼒,為⾼薪就業提供保障。

Vue官網就非常全面: https://cn.vuejs.org/ 而且b站上面也非常多的視頻教程。 學完開發一個pc端和移動端的網站練手。

7. React

如果說vue國內最火,那么國外react是最火的,而且 現在react在國內大廠使用非常普遍,也有越來越多人選擇react。

8. 微信小程序

小程序也能增加我們就業方向,也需要我們學習。 學習並掌握⼩程序開發的相關知識,能夠獨⽴完成⼩程序的開發。通過學習跨平台⼩程 序技術⽅案,實現⼩程序的跨平台⽀持。 首推 uni-app 和  taro  來學。也是火的一塌糊塗。

最后一句話, 一個人自學很難,要么參加培訓,要么拉個志同道合的人一起監督學習, 要是能找個師傅最美了。。。 加油吧,各位前端大神們~~~~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM