前端小白必看學習路線

2022-09-09 16:51:27 字數 2310 閱讀 9570

前端知識變化的太快,東西太多,太雜,你今天學乙個框架,明天出來兩個,1年前學的東西沒怎麼用,然後1年後忘的差不多了,是不是有點尷尬?

不過最近,我發現前端新技術、新框架的更新也放緩了。

今天跟大家聊聊小白想要入門前端、深入前端、在前端領域工作,需要學習哪些必備的知識?

不廢話直接上最終的圖

沒有程式語言怎麼能算工程師,因此j**ascript簡稱js,賦予了前端開發人員靈魂。

程式語言是對操縱計算機的一種高階抽象,我們通過操縱js來對頁面的互動進行封裝,最經典的就是輸入使用者名稱,密碼,然後點選登入,噠噠!。

對於js語言的深入學習,在熟練掌握js的各種語法之後,可以嘗試通過做專案來達到,以戰代練。不過此時,你需要學習基本的html和css

通過瀏覽w3school(我們可以很快速的掌握html、css大概是什麼樣子,還是推薦大家繼續去freecodecamp上去學習相關html、css相關知識

推薦教程:

react 可以非常輕鬆地建立使用者互動介面,設計簡潔的狀態檢視,在資料改變時,高效地更新渲染介面,

詳細地來講,它有以下的優勢:

1.使用虛擬dom的概念,效能好,速度快。

2.虛擬dom幫助解決了跨瀏覽器問題,並為我們提供了標準化的api。

3.**一切皆是元件,更加模組化,重用**更..

vue框架也起著同樣的作用,筆者認為目前react、vue不分伯仲,但是在學習成本上,vue更容易學一些,更規範一些。

推薦教程:

vue還有乙個優勢,因為是中國人開發的框架,中文文件永遠是最及時的,但是react推薦看英文,中文文件比較滯後,這也是缺點。

為了能更快的開發頁面,很多團隊通過react/vue框架進一步封裝了元件庫, 一是因為原生的太過醜陋無法滿足正常人的美感,二是現在的互動越來越沉浸式,可以認為瀏覽器就是乙個作業系統,每乙個**就像一款軟體。

當頁面越來越多,越來越複雜的時候,會需要對頁面間的資料進行管理,或者元件間的資料,你就需要有管理資料的能力了,redux等框架正是提供了以上的能力,還是推薦官網學習,不過此時希望大家對react掌握的比較熟悉了。

redux官網( vuex官網(

當js原生的方法map, filter直接使用無法滿足你的需求, 比如下面的場景

找出兩個陣列中不一樣的資料[3, 2, 1], [4, 2]

我們可以考慮引入lodash這樣的庫,它提供很多api來操縱我們常見的資料結構,比如array陣列,object,型別判斷,深copy等等

既然有前端、有後端,那兩者肯定是需要共同完成一件大事的。如何配合,其實就是通過http這個網路傳輸資料的協議,http的一些知識是你必須要了解的,比如狀態碼,請求方式,請求引數,返回值等等。axios是目前最推薦的,完成前端給後端發http請求的乙個工具庫。簡單來說 前端傳給後端需要的資料, 後端返回前端需要的展示資料,或者儲存前端的資料。

使用場景:對於程式設計師來說,**就是一切,可以作為程式設計師之間打交道的工具,**也可以是說明文件,所以很容易出現寫的**有錯誤,需要還原到正確的**,或者兩個人修改同乙個頁面**。

如何做到**的改動不會丟失

保證兩個人改乙個檔案的**最終不會衝突

本地**失誤被刪除,需要還原

為了解決以上問題,git**版本管理工具是你必須要學會的。

git官網( git如何使用(

npm使用場景:

當你使用react開發,使用redux等資料管理工具

當你為了保證你使用的react版本和其他合作開發者相同時

當你需要把你的**開源,提供給其他人使用

為了解決以上問題,npm已經成為任何乙個專案中必備的乙個使用工具。

npm官網(

webpack使用場景:

在本地與後端開發者進行介面除錯

在本地進行頁面的快速除錯,無重新整理除錯

專案上線時,**壓縮到最精簡狀態,一方面安全,一方面節省網路資源

為了解決以上問題,webpack已經成為任何乙個專案中必備的乙個使用工具。

隨著前端頁面越來越複雜,單元測試成為保障前端頁面安全的一道必備保障,

這些年jest 一路崛起,超越曾經最常用的單元測試框架 mocha,以 61.2% 的使用率成功佔據榜首

以上是我總結的入門到精通都要必須學的前端領域, 打好基礎才是最重要的。大家加油!!!

《前端》學習路線

01.環境搭建 前端環境很好搭建,乙個開發工具即可,webstorm,hbuilder,vscode,sublime。初學者建議sublime 也不要裝外掛程式,沒有語法提示,可以打基礎 02.html基礎 帶你去認識html,讓你學習去執行html,等瀏覽器上面開啟你的頁面的時候,你會有很強的成就...

前端學習總路線

隨著網際網路發展越來越快,對前端工程師的需求也越來越多,那麼競爭力也就越來越激烈。我本是一名ui設計師,但是在國內北上廣深的一線城市競爭過於激烈。俗話說多掌握一門技能,就多乙個就業機會。所以經過考慮和前期的整理決定學習前端開發。首先要想學會整個前端我們需要必備一下技能 需要掌握 html標籤 css...

小白入手mui的學習路線

yanrong的心得 小青年部落格 當我列出上面的這些 我發現其實文件並不算少,但是新手為啥感覺還是很難呢?我們會發現乙個問題,官方文件很分散,或許分散了導致開發者每次遇到問題查詢文件的範圍可能或許片面,其實也許他把所有的看完了就會找到答案,但是一般人恐怕沒那麼耐心吧,還有新手根本就沒有乙個清晰的思...