hello，同學(xué)們大家好，我是老尚，

今天想跟同學(xué)們聊一個(gè)話題，

嗯，就是零基礎(chǔ)自學(xué)web前端的開發(fā)，

怎么樣能夠達(dá)到月薪12,000元，

然后呢，我在這做了一個(gè)思維導(dǎo)圖啊，

零基礎(chǔ)自學(xué)web前端達(dá)到月入額，12,000元，

這個(gè)我是指的工資，啊

然后呢，如果同學(xué)們覺(jué)得我說(shuō)得還行，

請(qǐng)給我三連操作啊，

點(diǎn)擊、收藏 、投幣，

如果能轉(zhuǎn)發(fā)一下那就更好了，謝謝

這個(gè)話題呢，我將分成以下幾個(gè)部分啊，

就是12345678一直是8個(gè)部分啊，8個(gè)部分，

第一個(gè)部分呢，首先肯定是html、css，

因?yàn)槭橇慊A(chǔ)的學(xué)生嘛，是吧，

所以肯定要先學(xué)html、css

那么我給大家找的這個(gè)啊，叫什么呢？

就是很簡(jiǎn)單啊，

html、css嘛它就是很簡(jiǎn)單的一個(gè)東西啊，

就是這個(gè)w3school，

就是這些網(wǎng)站啊，w3school，

他這里邊這個(gè)html、css這些東西啊，

所以看起來(lái)就是啊，

挺好用的，就是一些常用的標(biāo)簽啊，

同學(xué)們一邊啊，看一看啊，

這里面有些資料，可以看一看就可以啊，

html有很多的標(biāo)簽啊，那我們?cè)趯W(xué)習(xí)當(dāng)中呢，

你不必去學(xué)習(xí)所有的標(biāo)簽，

你只需要學(xué)習(xí)一些常用的標(biāo)簽就可以啊，

例如這個(gè)div啊，

label，span p b ul ol li dt dd i em h1 h2 h3 input

基本這些就可以

然后在這一階段啊，html5可以先不學(xué)，

html這一階段啊，

我們的目的啊，就是掌握一些基本的html標(biāo)簽，

例如說(shuō)你看一些東西啊，

你有一些標(biāo)簽的，你不知道干嘛，

那我們大概得再去看一下啊，就可以，

現(xiàn)在幾個(gè)階段了啊，

html不用太深的研究，沒(méi)有啥用

然后第2個(gè)階段呢，就是這個(gè)css，

首先還是一個(gè)基本的語(yǔ)法啊，

那就是css也是這個(gè)w3school，

這個(gè)玩意兒挺好用的，

因?yàn)樗锩嬗行〇|西呢，也是介紹得很詳細(xì)是吧

然后呢，同學(xué)們?cè)趯W(xué)東西的時(shí)候，

啊，不必去盲目地追新，

因?yàn)?，太新的東西都需要比較好的基礎(chǔ)啊，

這樣的能夠比較快速地去了解，

那如果說(shuō)你一味地說(shuō)我覺(jué)得追求去新的東西啊，

這個(gè)效果呢反而不好，

那么學(xué)習(xí)css呢，首先就是語(yǔ)法，

比如說(shuō).操作符，由class引用

#號(hào)操作符，由id引用，在這過(guò)程當(dāng)中啊，

在語(yǔ)法這個(gè)階段，

什么層級(jí)呀兄弟呀，啊級(jí)聯(lián)啊，群組啊，

各種各樣的選擇器的寫法不用太深究啊，

不用太深究，

因?yàn)槲覀冎皇窍胍日莆栈镜腸ss語(yǔ)法，

然后掌握了css語(yǔ)法之后呢，

就是基本的一些概念，

什么層疊式樣式表是什么意思？

怎么層疊的，css模型是什么？

定位是什么？文檔流是什么？

定位是4種定位是什么？

position、relative、absolute,啊，

position、relative、static、fixed

常用的4種定位方式啊，定位和這個(gè)浮動(dòng)對(duì)吧？

css的優(yōu)先級(jí)，可以大概地了解一下，

比如說(shuō)這個(gè)定位的權(quán)重!important啊

這個(gè)，然后在網(wǎng)上找一些例子，

網(wǎng)上找一個(gè)例子的話呢，可以做一做，

呃比較典型的可以做一個(gè)這個(gè)京東的首頁(yè)啊，

或者說(shuō)網(wǎng)易的首頁(yè)啊，對(duì)吧啊，

或者說(shuō)你可以看一看我的這個(gè)

在我b站的首頁(yè)里面啊，有這個(gè)，

嗯，有什么呢？html、css仿京東電商的項(xiàng)目，

這個(gè)的競(jìng)拍頁(yè)面可以做一下啊，

做一下還有一個(gè)還有一個(gè)這個(gè)就是這個(gè)訪問(wèn)京東官網(wǎng)啊，

這個(gè)是舊版本，但是這個(gè)呢，

說(shuō)得也蠻詳細(xì)啊，對(duì)于學(xué)習(xí)html、css也是比較有幫助的，

然后呢，這是html、css的這個(gè)階段的，

css3相關(guān)的東西，在此階段不需要去學(xué)。

這個(gè)階段呢，

我們只需要做一兩個(gè)靜態(tài)的html頁(yè)面啊，做一兩個(gè)就可以

不必在這個(gè)階段浪費(fèi)太多的時(shí)間

css花費(fèi)太多的時(shí)間去鉆研，沒(méi)有什么的意義。

為什么呢？因?yàn)楝F(xiàn)在前端開發(fā)嘛，都是在寫js，

在面試的過(guò)程當(dāng)中他也是問(wèn)你js的東西占絕對(duì)多數(shù)，

那我們的目的是干嘛？是要就業(yè)啊。

我們是要成為html、css專家嗎？

不是的。我們的目的，是做好項(xiàng)目啊，

做好準(zhǔn)備，然后呢，通過(guò)面試找到工作，

也就是說(shuō)我們是針對(duì)面試學(xué)習(xí)，我們的目的是通過(guò)面試對(duì)吧，

那你把這個(gè)自學(xué)當(dāng)做一個(gè)應(yīng)試，也是可以的，

那接下來(lái)第3階段，就是這個(gè)javascript

三板斧嘛，那js是這個(gè)東西呢，

我還是給同學(xué)們推薦了這個(gè)什么啊，

這個(gè)js的話就直接說(shuō)他，

就這個(gè)javascript，它就可以

就這個(gè)東西，一些一些常用的啊，常用的一些東西，

什么語(yǔ)法函數(shù)啊，賦值啊，字符串啊，簡(jiǎn)介輸出啊，

運(yùn)算符也都很詳細(xì)，

同學(xué)們不要覺(jué)得這個(gè)w3school啊，它很舊啊，是

很這個(gè)800年前就有了，不新不酷是吧，

咱們學(xué)的東西啊，你不要追求酷啊，

他時(shí)間久，說(shuō)明他出的早啊，

這么長(zhǎng)時(shí)間以來(lái)他出的錯(cuò)就少

另外這東西很經(jīng)典啊，還是要基本的先從語(yǔ)法開始，

js的語(yǔ)法呢，它也很簡(jiǎn)單啊，var 創(chuàng)建變量，

function函數(shù)，function()xx，

函數(shù)的傳參與調(diào)用，this是個(gè)什么東西？

for循環(huán)數(shù)組和對(duì)象啊，然后forin，document是什么東西對(duì)吧，

我們把這些基本的東西這幾個(gè)基本語(yǔ)句先搞清楚，

那我們就可以做一些東西了，

什么if else true 基本數(shù)據(jù)類型，

然后在這里邊，我們就可以做一些操作dom的基本操作

比如說(shuō)，

createElement、appendChild、innerHTML、setAttribute

我們創(chuàng)建dom節(jié)點(diǎn)，附加dom節(jié)點(diǎn)，向dom節(jié)點(diǎn)里面寫入內(nèi)容

然后呢，給dom節(jié)點(diǎn)添加屬性，這個(gè)是一條線啊，

我們通過(guò)這個(gè)最新的語(yǔ)法，我們就能完成一些個(gè)，

基本簡(jiǎn)單的業(yè)務(wù)邏輯，就可以寫好了。

就是在語(yǔ)法這一階段嘛，

你不必說(shuō)在語(yǔ)法這個(gè)階段你就去深入研究document，

深入研究數(shù)組對(duì)象啊之類的哈，

咱們學(xué)的東西要有一條主線，

在這個(gè)主線的每一個(gè)階段我們要完成不同的任務(wù)，

而不是說(shuō)啊，遇到一個(gè)難點(diǎn)我們就往里鉆，

遇到一個(gè)端端端端端，

這樣的話呢，如果這么學(xué)習(xí)這樣的話，

你學(xué)出來(lái)是一條折線，而不是一條直線，

有時(shí)它不光是一條折線

，還是一線彎線，浪費(fèi)時(shí)間就浪費(fèi)在這里

這一階段啊，語(yǔ)法它的目的呢，學(xué)到這就行，

不用太多啊，不要去研究什么，

在這個(gè)階段不要研究太深入的東西，

沒(méi)有必要，你也研究不了啊，

因?yàn)槟懔慊A(chǔ)初學(xué)者嘛，

你的目的是要保證能寫基本業(yè)務(wù)邏輯，

建立基本的這個(gè)開發(fā)思維，然后是事件，

事件，js支持很多的事件，啊，

移入、移出啊，焦點(diǎn)獲取、失去啊，

但是在這一階段onclick，

我們只需要知道是一個(gè)onclick就可以，

因?yàn)樯赌兀驗(yàn)閖s它是事件驅(qū)動(dòng)的，

咱們呢你知道一個(gè)，你其他的也就一通百通了。

啊，實(shí)例的話呢，可以寫個(gè)輪廓圖啊啊，靜態(tài)留言板，

然后帶菜單的橫向?qū)Ш綏l啊，二維數(shù)組的是吧？

這一階段，你不用去做太多的原生js的例子，

你在這一階段，你猛勁的研究原生js，沒(méi)有啥大用，

因?yàn)槟闶且粋€(gè)初學(xué)者，

你在這個(gè)階段你沒(méi)有一定的代碼量的積累的情況下，

你猛勁研究你研究不下去，

對(duì)吧，你沒(méi)有積累，你沒(méi)有量變，所以你達(dá)不到質(zhì)變。

在這一階段的目的，我們是通過(guò)一些簡(jiǎn)單的例子。

也不用太多，寫太多沒(méi)有用。把原生js基本的寫熟練

，啊，就上面那些 基本的方法

唉，你不要有拼寫錯(cuò)誤，對(duì)吧？然后呢，

并且基本的理解了基本的開發(fā)業(yè)務(wù)的啊，

這個(gè)邏輯和需求的分析，你比如說(shuō)留言板，

呃，輪播圖、還有這個(gè)靜態(tài)留言板，

二維數(shù)組，這種東西寫簡(jiǎn)單的話，幾行代碼就ok，

你要寫復(fù)雜的話，那一個(gè)輪播圖呢，

能擴(kuò)展出好多功能，

這個(gè)目的，

就是想解決你開發(fā)時(shí)沒(méi)有思路的這個(gè)問(wèn)題，

因?yàn)檫@個(gè)思路吧，它是一點(diǎn)一點(diǎn)，在你腦子里面生長(zhǎng)出來(lái)的，

你像有些同學(xué)吧，他就跟我說(shuō)，經(jīng)常跟我說(shuō)，

網(wǎng)上好多例子特別特別簡(jiǎn)單，就跟哄小孩一樣，為什么呢？

他說(shuō)他想找一些個(gè)完整的啊，

全面的啊，跟實(shí)際生產(chǎn)環(huán)節(jié)一樣的，

線上的這種，全面的例子。

但是你說(shuō)，網(wǎng)上為什么沒(méi)有這樣的例子呢？

這有二個(gè)原因

第1個(gè)呢，實(shí)際生產(chǎn)環(huán)境的例子它拿不下來(lái)，

它需要好多啊，前后端的支撐，

第2個(gè)呢，就是對(duì)于前端新人學(xué)習(xí)來(lái)講，

真給你一個(gè)生產(chǎn)環(huán)境的例子，

那里面的邏輯很復(fù)雜，你根本看不明白，

所以說(shuō)前端新人吧，很多時(shí)候呢，它存在著眼高手低的情況，

甚至存在的眼不高，手還挺低，這么一個(gè)情況，

他分不出來(lái)哪個(gè)好或者是不好，

但是他只是覺(jué)得啊，

然后他也寫不了啥玩意，就這么一個(gè)階段，

然后還一直要找一些比較復(fù)雜的例子

這情況就陷入了一個(gè)怪圈，啊

這個(gè)說(shuō)的，希望同學(xué)們能正確的理解啊，

不要曲解我的意思，

這是這個(gè)在原生js這個(gè)地方

原來(lái)js這里連，就語(yǔ)法、事件、基本的寫幾個(gè)例子啊，如果不出錯(cuò)

有一些基本的思路，就可以了。然后呢？下一階段，nodeJs，

nodeJs的話呢，

你就看這個(gè)就可以，這個(gè)菜鳥教程?。靠催@個(gè)菜鳥教程

這個(gè)地方有一個(gè)，nodeJs

它也是很全面的，這個(gè)菜鳥教程，

真的這個(gè)nodeJs挺不錯(cuò)的，淺顯易懂，

我當(dāng)初，我不是在這學(xué)的

我是會(huì)nodeJs之后我回過(guò)頭來(lái)看，這個(gè)寫的真不錯(cuò)，

然后nodeJs也不用深研究

，nodeJs是什么？安裝成功，npm，

nodeJs基本應(yīng)用、使用

nodeJs在這一階段，

你能把這個(gè)vue-cli腳手架安裝成功運(yùn)行就可以

然后其它的，

什么nodeJs的回調(diào)啊、事件啊、buffer、stream啊，

流啊，緩存啊等等文件哈，

你不要弄這些東西沒(méi)有用啊，沒(méi)有用

你在現(xiàn)在這個(gè)階段啊，就是剛剛自學(xué)到第4階段，

你可以研究什么，這個(gè)那個(gè)你根本不知道干嘛，

你就是，能成功安裝vue-cli腳手架，

讓它成功運(yùn)行，就ok

第五階段vue啊，vue的話呢，它也很簡(jiǎn)單的一個(gè)東西，

還是看這個(gè)菜鳥教程里面，你跟著它，把它這些個(gè)

常用的啊，語(yǔ)法指令啊，都過(guò)一遍就行了啊，

vue-cli安裝成功，模板語(yǔ)法，掌握

常用的一些指令，

show if bind onclick model v-for這些，

基本的路由、組件，

還是把之前的輪播圖、靜態(tài)留言板、二維數(shù)組

把之前啊，用原生js寫過(guò)的例子在用vue寫一遍，

因?yàn)橹澳銓戇^(guò)了，所以業(yè)務(wù)邏輯你是知道的，

那么就是掌握熟練vue是一方面，另外呢？

對(duì)于這個(gè)業(yè)務(wù)邏輯會(huì)有一些，更啊，抽象一些的想法，

因?yàn)橹坝迷鷍s來(lái)寫是面向過(guò)程，

你用vue來(lái)寫，它是面向?qū)ο螅@兩種開發(fā)思路，

你變成一個(gè)對(duì)比，會(huì)會(huì)有一些自己的感受，

這開發(fā)思路這東西，它是慢慢，我再說(shuō)一遍啊，

是在你腦子里慢慢的長(zhǎng)出來(lái)的，

那不是說(shuō)你看了一篇文章，做了一個(gè)例子啊，

然后你就biu的一下，你就有了開發(fā)思路！

不是那樣啊，不是那樣，

然后呢，這個(gè)啊，這樣啊，然后，啊，

第6階段我們回到nodeJs，因?yàn)槲覀円鋈珬＃?/p>

剛才我們是視圖層這一邊的，

現(xiàn)在我們要把數(shù)據(jù)層這邊再搞一搞，

你要去看一下get、post請(qǐng)求啊，

很簡(jiǎn)單，無(wú)非就是兩個(gè)事件而已，

你可以用一下啊，

安裝一下express或者是Koa2來(lái)用來(lái)響應(yīng)get請(qǐng)求，

然后呢，你把a(bǔ)xios這個(gè)玩意兒啊，

異步獲取數(shù)據(jù)的把它裝上，

那目的呢是我們要寫自己的接口啊，

響應(yīng)get、post請(qǐng)求，變身為全棧開發(fā)

這邊是視圖，這邊是數(shù)據(jù)，

nodeJs變成一個(gè)中間件，兩邊連接起來(lái)，

這是這么一個(gè)東西

目的呢啊，是寫接口啊，變成全棧哈，

然后呢，你可以自己在網(wǎng)上找一些項(xiàng)目代碼來(lái)做，

也可以跟著我在b站的全棧項(xiàng)目來(lái)做，

目的就是擁有全棧的開發(fā)，思想啊，

你比如說(shuō)這個(gè)，我在b站有這個(gè)，啊在這兒啊，

你可以跟著我這個(gè)，

這有一個(gè)網(wǎng)易嚴(yán)選的APP啊這個(gè)應(yīng)用，

這個(gè)應(yīng)用啊，有同學(xué)說(shuō)沒(méi)有寫完啊，就太短了啊，

但是，雖然它只有短短的7節(jié)啊，短短的7節(jié)，

不是這個(gè)哈，這個(gè)是一個(gè)只完成一個(gè)視圖層，

好在這啊，在這個(gè)地方，

網(wǎng)易嚴(yán)選移動(dòng)端app，這個(gè)剛剛更新到第5節(jié)，

但它它會(huì)是一個(gè)全棧的這么一個(gè)東西，

從前到后包括mysql數(shù)據(jù)持久化，

都會(huì)有，啊，都會(huì)有

然后呢，或者是這個(gè)高仿的boss直聘，

這個(gè)boss直聘的話呢，

噢，他也是一個(gè)視圖層，

這我有一些例子都沒(méi)寫完哈，然后呢，

但是這個(gè)呢，這個(gè)視頻教程呢，

它是一個(gè)完整的一個(gè)東西，

它是我這個(gè)收費(fèi)課程里面的一部分，

這個(gè)例子呢，我并沒(méi)有把它完整的放出來(lái)啊，

我也只放了7節(jié)課，這個(gè)實(shí)例教程啊，

它是我一對(duì)一零基礎(chǔ)課的內(nèi)容，

然后呢，如果說(shuō)你覺(jué)得不太夠你也可以呢，在網(wǎng)上，

找一些全棧的demo來(lái)做，這類的網(wǎng)上有很多，

然后呢，自學(xué)學(xué)到這一步，

相應(yīng)的知識(shí)點(diǎn)結(jié)構(gòu)啊，就已經(jīng)有了，

接下來(lái)，就要向縱深的方向去發(fā)展，

首先第一個(gè)啊，就是es6啊，

你看，就一件事情，es6呢，

它的語(yǔ)法很簡(jiǎn)單啊，它就是一個(gè)es5的一個(gè)語(yǔ)法糖，

那么掌握es6最好的辦法就是，

上面剛才提到的實(shí)力demo，都用es6重新再實(shí)現(xiàn)一遍，

目的是掌握es6的使用，然后接下來(lái)把這些例子啊，

你比如說(shuō)那幾個(gè)什么啊，輪播圖啊什么啊，導(dǎo)航條啊，

留言板啊，這些東西

因?yàn)榱粞园迥憧梢约由蠑?shù)據(jù)

輪播圖的話，你也可以加上數(shù)據(jù)的生成，

對(duì)吧自動(dòng)的更新、獲取，

你把這個(gè)玩意或擴(kuò)展一下這個(gè)，很多東西可做了，

你比如說(shuō)靜態(tài)留言板你可以改加上數(shù)據(jù)改成動(dòng)態(tài)的啊，

留言板你加上登錄注冊(cè)呀，

對(duì)吧，留言你可以加上修改啊，

這就變成了一個(gè)數(shù)據(jù)的增刪改查crud，

你這個(gè)東西慢慢擴(kuò)展，可以做的很復(fù)雜，

然后到這一階段，

你已經(jīng)在網(wǎng)上找了一些個(gè)demo來(lái)做，

不用太多，你找兩個(gè)就可以，做熟了就可以了，

接下來(lái)啊，es6剛才說(shuō)了要寫，

接下來(lái)就是第8階段相關(guān)的理論，

那相關(guān)的理論呢，這個(gè)呢，

它都是要在代碼量的基礎(chǔ)之上進(jìn)行抽象，

然后你才能在腦子里面，對(duì)他們有一個(gè)相應(yīng)的理解，

然后形成你自己的前端知識(shí)體系，

并且不斷的去豐富它，擴(kuò)展它，

那么這里面有哪些呢？

首先是一個(gè)設(shè)計(jì)模式有23種啊，常用的16種，

但是呢，我們?cè)谇岸擞玫谋容^多的就是單例、工廠、觀察者，

然后，

OO是面向?qū)ο螅缓竽?，而且是http、Tcp/Ip協(xié)議，

http最起碼你要了解HTTP它是無(wú)狀態(tài)的，對(duì)吧？

Tcp/Ip呢，七層網(wǎng)絡(luò)三次握手

這個(gè)基本的東西，

然后呢原型鏈、函數(shù)、prototype、constructor

new一個(gè)函數(shù)，被new的函數(shù)就是構(gòu)造器，

對(duì)吧？繼承有幾種方式啊，prototype原型繼承，

call、apply的this轉(zhuǎn)移的繼承

有很多種，

es6里的 class A extends B，對(duì)吧es6的繼承，很多的

模塊化啊，

模塊化的前世今生，這個(gè)模塊化呢，你要要是有時(shí)間的話，

你可以看一下我這個(gè)，

我這個(gè)里面講模塊化，我覺(jué)得講的還不錯(cuò)，

那簡(jiǎn)單講解這個(gè)啊，簡(jiǎn)單講解，前端模塊化，很簡(jiǎn)單，

其實(shí)我的標(biāo)題寫的很明白，這個(gè)好像只有10、12分鐘，

你只需要十多分鐘的，這個(gè)玩意很簡(jiǎn)單的，

那個(gè)*子都能聽懂，我相信同學(xué)們都能聽懂啊，

然后呢，公共方法、私有方法，什么叫公共方法呀？

函數(shù)，構(gòu)造器里邊個(gè)this，它是公共方法

私有方法是函數(shù)里面的子函數(shù)，這個(gè)私有方法這怎么用??？

它是放在了函數(shù)的公共屬性上，對(duì)吧？

嗯，因?yàn)闀r(shí)間的關(guān)系，我就不去演示了啊，

然后呢，數(shù)據(jù)結(jié)構(gòu)啊，數(shù)據(jù)結(jié)構(gòu)的話呢，

你最起碼你要了解什么啊？啊，

隊(duì)列啊，數(shù)組啊什么啊，棧啊，

什么這個(gè)這些東西啊，先入后出啊，

后入先出啊，先入先出啊，對(duì)吧唉，基本的一些東西哈，

常用算法啊，快排對(duì)吧？插值啊，還有什么換？

他常用的算法的話呢，

你最起碼你要知道js里面那個(gè)sort，

sort它是一個(gè)排序函數(shù)啊，他接受一些排序的函數(shù)，

這些東西都怎么用，然后相關(guān)的理論呢，

還包括這個(gè)瀏覽器渲染原理與機(jī)制，

我這個(gè)地方有個(gè)視頻，上在哪里呢？在這個(gè)地方，

發(fā)個(gè)呆的功夫?yàn)g覽器渲染原理和打開機(jī)制就搞懂了，

你要不要試一試？

這個(gè)視頻我說(shuō)了66分鐘啊，時(shí)間挺長(zhǎng)的，

同學(xué)們可以看一看啊，我覺(jué)得這個(gè)說(shuō)的還可以，

而且這不是我自夸呀，

你剛才同學(xué)們覺(jué)得都覺(jué)得還不錯(cuò)的啊，都覺(jué)得還不錯(cuò)，

這評(píng)論什么都覺(jué)得還不錯(cuò)啊，

再往下javascript性能優(yōu)化、移動(dòng)端適配方案，

它的性能還有它的優(yōu)化啊，

這個(gè)呢，就要求你對(duì)js本身了解非常深入，

這些東西你在網(wǎng)上一搜就有，

移動(dòng)端的適配方案的話呢，其實(shí)無(wú)非就是那4種

那個(gè)meta瀏覽器的適配，要么就是rem的那個(gè)適配，

要么就是修改viewport視口的那個(gè)適配，

移動(dòng)端的設(shè)備方案呢，你可以看一下我這個(gè)，第2版網(wǎng)易嚴(yán)選

這個(gè)里邊啊，我著重的講解了適配的方案，在這個(gè)地方啊啊，

這是一個(gè)介紹，這是一個(gè)實(shí)現(xiàn)，有兩節(jié)的東西啊，

專門的去講了這個(gè)移動(dòng)端的適配，

還可以啊，從這個(gè)同學(xué)們的反應(yīng)來(lái)看還可以，

你再來(lái)看來(lái)看一html5、css3、前端工程化的相關(guān)知識(shí)，

為什么放在這兒呢，因?yàn)閔tml5、css3啊，

看起來(lái)好像很新的很潮啊，

其實(shí)這兩個(gè)東西啊，

在前端開發(fā)里邊沒(méi)有什么太多好說(shuō)的，

html5呢，它是有很多新的東西，

websocket，頁(yè)面數(shù)據(jù)庫(kù)啊等等的一些新的API，

但是同學(xué)們啊，但是html5在前端開發(fā)實(shí)際業(yè)務(wù)當(dāng)中啊，

咱不把話說(shuō)死啊，

有大多數(shù)情況下，就是一些新標(biāo)簽，然后css3呢，

它在實(shí)際工作當(dāng)中，

要么就是圓角，要么就是陰影，

要么就是什么transform變形，

要么就是animation動(dòng)畫，

這些個(gè)東西他們都跟業(yè)務(wù)邏輯沒(méi)關(guān)系，你看一看你就會(huì)了，

然后呢，前端工程化的話，

那無(wú)非就是webpack，這些打包的一些東西啊，

很簡(jiǎn)單，所以呢，咱們說(shuō)啊，你怎么樣的說(shuō)前端自學(xué)？

達(dá)到工資12,000塊是吧，

你就按照我大概說(shuō)的這么一個(gè)路徑來(lái)搞，

基本問(wèn)題不大啊，問(wèn)題不大，

當(dāng)然了，這里面也需要一些個(gè)，自律對(duì)吧，自律

就是，你看我這個(gè)方案吧，

我這里邊包含的知識(shí)點(diǎn)是非常的有限的，

那我這里邊貫徹了一個(gè)什么思想呢，就是，

學(xué)習(xí)東西啊，在不同的階段要講究不同的深度，

不是說(shuō)你剛一開始學(xué)就要把，

某一個(gè)或者某幾個(gè)點(diǎn)一直學(xué)到最深，一直學(xué)到最多

不是那樣的啊，不是那樣的，

學(xué)到一定程度，然后呢，你就可以進(jìn)入下一個(gè)階段啊，

就是這樣啊，那當(dāng)然，這也需要相當(dāng)?shù)淖月砂。?/p>

我相信同學(xué)們都能做到，

我相信自學(xué)的同學(xué)們都能做到，

因?yàn)槲耶?dāng)初我就是自學(xué)的，

然后呢，如果說(shuō)看書的話呢，

也不用看什么書啊，不用看什么書，

這些資料網(wǎng)上都有，你哪里不會(huì)？搜哪里，就ok

時(shí)間的關(guān)系就說(shuō)到這吧，

祝同學(xué)們，學(xué)有所成，再見