摘要：前言自從上次在掘金發(fā)布年山地人的前端完整自學(xué)計(jì)劃講一個(gè)站主山地人的天前端自學(xué)故事以來(lái)，一眨眼山地人老哥在站做主已經(jīng)有天了。所以這個(gè)體系里的一些框架包括也是山地人年自學(xué)計(jì)劃的一部分。月底，山地人老哥開(kāi)啟了的兩個(gè)專(zhuān)題。

自從上次在掘金發(fā)布【2019年山地人的前端完整自學(xué)計(jì)劃——講一個(gè)B站UP主山地人的40天前端自學(xué)故事】 以來(lái)，一眨眼山地人老哥在B站做Up主已經(jīng)有85天了。

時(shí)隔一個(gè)半月，這位山地人老哥現(xiàn)在究竟咋樣了呢？他的2019年的前端自學(xué)計(jì)劃目前進(jìn)展的又如何了呢？

你是否和我一樣好奇，那么接下來(lái)讓我們一起去看看這位山地人老哥最近這45天又干了些啥吧。

上次發(fā)文后沒(méi)隔幾天，我們微信上的前端自學(xué)交流1群里的一位小伙伴私信我說(shuō)看了一些我的視頻，覺(jué)得對(duì)他幫助挺大，希望我能出一期RequireJS的專(zhuān)題，說(shuō)他們學(xué)校要用RequireJS，但是講這塊的資料比較少，希望我能幫幫他。

本來(lái)是沒(méi)有RequireJS的計(jì)劃的，因?yàn)镽equireJS屬于較早期的模塊化方案，但是被他的誠(chéng)意所打動(dòng)。也許還是有很多項(xiàng)目會(huì)用RequireJS，所以在1月19號(hào)到20號(hào)花了2天時(shí)間，查閱了RequireJS官網(wǎng)和RequireJS的源碼，出了下面這套5集得RequireJS教程。

我把它歸在了模塊化工程構(gòu)建的類(lèi)別下。

去B站瞅瞅

上次發(fā)文前記得老哥的微信前端交流群才幾十人，現(xiàn)在已經(jīng)漲到了三百多人，可見(jiàn)渴望自學(xué)前端的小伙伴還是很多的。但是人多了隨之而來(lái)問(wèn)題也就增多了。每天山地人要花不少精力幫小伙伴們解決各種編程過(guò)程中遇到的問(wèn)題，但是有些問(wèn)題問(wèn)的人比較多，重復(fù)的回答只能解決個(gè)別人的問(wèn)題，所以就有了這個(gè)做成專(zhuān)題的想法。這個(gè)專(zhuān)題會(huì)收集大家常見(jiàn)的問(wèn)題，然后做成對(duì)應(yīng)的視頻來(lái)解決山地人覺(jué)得有價(jià)值的常見(jiàn)問(wèn)題。目前雖然這個(gè)專(zhuān)題里只有四個(gè)視頻，但是相信隨著時(shí)間的推移，人數(shù)的增多，這個(gè)專(zhuān)題的價(jià)值會(huì)慢慢顯現(xiàn)。

去B站瞅瞅

前端很散技術(shù)框架很多，當(dāng)然山地人還是想做前端系統(tǒng)化的工作。當(dāng)然對(duì)于前端知識(shí)體系要做系統(tǒng)化的整理，這個(gè)工作量尤其對(duì)于一個(gè)個(gè)人來(lái)說(shuō)是很困難的一件事件。但是山地人相信再難的事只要堅(jiān)持下去一定會(huì)越來(lái)越簡(jiǎn)單，山地人相信很多事情放到一個(gè)很長(zhǎng)的事件維度下去看，就會(huì)變得簡(jiǎn)單。之前的計(jì)劃是Vue,React,Angular三大框架都要學(xué)習(xí)都要講。那么React光講一個(gè)React.js肯定是不夠的，所以這個(gè)系列就是在還React框架的債。其實(shí)還沒(méi)有全部還完，還剩一個(gè)負(fù)責(zé)數(shù)據(jù)流管理的Redux沒(méi)有講。這個(gè)先記賬，以后會(huì)還的（(^__^) 嘻嘻……）。

去B站瞅瞅

出JavaScript的專(zhuān)題是因?yàn)樽詫W(xué)群里的群友有不少覺(jué)得自己的JavaScript學(xué)的不好，想要有一套系統(tǒng)的講解JavaScript的教程幫助提高，然后就有了做JavaScript的專(zhuān)題教程的想法。講語(yǔ)言我還是第一次，首先遇到的就是選擇教程的問(wèn)題。當(dāng)時(shí)有幾個(gè)可以選擇的教程，《JavaScript高級(jí)編程》、《JavaScript權(quán)威指南》和MDN上的JavaScript。最終選擇了MDN，原因是MDN是在線的更新及時(shí)，而且MDN的權(quán)威性也足夠，另外我想讓小伙伴通過(guò)學(xué)這套MDN上的教材，養(yǎng)成遇到問(wèn)題查一手資料MDN的習(xí)慣。

回到開(kāi)頭，為啥出了兩套JavaScript教程？主要是MDN的編排，有一個(gè)JavaScript的快速入門(mén)專(zhuān)題和一個(gè)JavaScript指南部分?？焖偃腴T(mén)里帶你快速的認(rèn)識(shí)JavaScript能做啥，當(dāng)然因?yàn)槭强焖贋g覽的思路所以講的不是特別細(xì)。而JavaScript指南呢，是比較系統(tǒng)的講解JavaScript的各個(gè)知識(shí)點(diǎn)。所以?xún)商捉坛滩⒉粵_突，一套適合你快速瀏覽JavaScript，讓你現(xiàn)有一個(gè)大致的概念印象。另一套則是詳細(xì)的給你講解JavaScript里的知識(shí)點(diǎn)，詳細(xì)系統(tǒng)。

跟山地人學(xué)JavaScript快速入門(mén)

跟山地人學(xué)JavaScript指南

去B站瞅瞅

去B站瞅瞅

微信:colin3dmax（ 請(qǐng)備注：你來(lái)自思否 | 是否要加入前端自學(xué)交流群 ）

現(xiàn)在不少招聘前端崗位的公司，會(huì)要求前端也懂一些后端的語(yǔ)言。比如我們熟知的阿里的前端，就會(huì)用很多node做一些連接后臺(tái)API的中間層。所以這個(gè)node體系里的一些框架包括node也是山地人2019年自學(xué)計(jì)劃的一部分。2月底，山地人老哥開(kāi)啟了Koa的兩個(gè)專(zhuān)題。

當(dāng)然一個(gè)是應(yīng)用層面，講解Koa的常規(guī)使用。當(dāng)然思路還是沿用的解讀官網(wǎng)文檔的方式。如果你看過(guò)很多期跟山地人學(xué)XXXX的系列教程，就會(huì)明白山地人會(huì)帶著你過(guò)各種技術(shù)的官網(wǎng)文檔。至于為什么要這么做。主要是山地人覺(jué)得官網(wǎng)的更新速度和權(quán)威性和整體性是其他大多數(shù)資料所比不了的。與其花時(shí)間去找第三方的資料，不如直接來(lái)從官網(wǎng)文檔入手，及早培養(yǎng)閱讀各類(lèi)技術(shù)官網(wǎng)文檔的習(xí)慣，這一點(diǎn)也不吃虧。當(dāng)然對(duì)于新手或者沒(méi)有太多接觸過(guò)官網(wǎng)文檔的小伙伴可能自己閱讀官網(wǎng)文檔會(huì)比較吃力。

所以山地人老哥帶著你一起過(guò)文檔，我們一同學(xué)習(xí)進(jìn)步(^__^) 嘻嘻……。

這次的Koa專(zhuān)題，山地人出了兩個(gè)專(zhuān)題

跟山地人學(xué)Koa系列教程

跟山地人一起閱讀Koa源碼

去B站瞅瞅

去B站瞅瞅

當(dāng)然前一套是使用層面的一共17集，后一套跟山地人一起閱讀Koa源碼是屬于進(jìn)階課程，一個(gè)7集。至于為何會(huì)出一套Koa源碼的教程，原因是我在做Koa第一套教程的時(shí)候，看官網(wǎng)的文檔發(fā)現(xiàn)文檔的示例和講解都比較少，然后在視頻錄制過(guò)程中，順手翻了下文檔。發(fā)現(xiàn)Koa的主源碼部分就四個(gè)js文件。而且寫(xiě)的也非常干凈，挺好閱讀的。所以就順帶除了這套Koa源碼的解讀教程。如果你沒(méi)有閱讀過(guò)源碼，Koa作為你閱讀的第一套開(kāi)源代碼是個(gè)不錯(cuò)的選擇。

這個(gè)系列是上面所有專(zhuān)題中工作量最大的一個(gè)專(zhuān)題。對(duì)于一個(gè)個(gè)人要想分析完一整套element源碼里的每一個(gè)組件，并且自己實(shí)現(xiàn)一套功能跟element里組件功能一致的UI庫(kù)，這工作量可想而知。

這個(gè)專(zhuān)題在過(guò)年前就開(kāi)始了制作，到目前一共出了六十多個(gè)視頻。分析了element里的Layout布局組件、Cotainer容器組件、Icon原理、Button按鈕組件、Radio單選框組件、CheckBox多選框組件、Input輸入框組件和InputNumber計(jì)數(shù)器組件。每個(gè)組件的分析思路，都是從官網(wǎng)組件的使用文檔的閱讀，到自己大多數(shù)情況下不看源碼直接實(shí)現(xiàn)對(duì)應(yīng)的組件的各個(gè)功能特性，最后再閱讀element源碼比對(duì)自己的封裝和element源碼的封裝思路。每個(gè)組件都是這樣一點(diǎn)點(diǎn)做過(guò)去的。

當(dāng)然，因?yàn)楣こ塘亢秃竺娌糠纸M件的封裝難度的增加。所以這個(gè)專(zhuān)題后續(xù)會(huì)慢慢處，所以這是一個(gè)長(zhǎng)期的專(zhuān)題。

去B站瞅瞅

https://www.idev365.com/

山地人打算把做過(guò)的這些視頻專(zhuān)題，在idev365上做聚集。方便自學(xué)的小伙伴能夠快速的找到對(duì)應(yīng)的專(zhuān)題。當(dāng)然這個(gè)網(wǎng)站現(xiàn)在還只是一個(gè)毛培，后面還會(huì)持續(xù)給網(wǎng)站添加新的功能。

上面就是山地人從2019年1月16日到3月2日，這最近的45天里所做的全部事情。

當(dāng)然這85天的B站Up主，對(duì)于山地人來(lái)說(shuō)也才是剛剛開(kāi)始。山地人會(huì)長(zhǎng)期專(zhuān)注在前端領(lǐng)域，通過(guò)自學(xué)的形式，記錄自己的前端學(xué)習(xí)足跡，并用這種公開(kāi)學(xué)習(xí)的方式來(lái)督促自己的學(xué)習(xí)，同時(shí)山地人也希望自己所做的這點(diǎn)事能夠給同樣懷著自學(xué)前端想法的同學(xué)帶來(lái)一些幫助。

2019年的前端自學(xué)計(jì)劃是一個(gè)漫長(zhǎng)的計(jì)劃，當(dāng)然我會(huì)每隔一段時(shí)間向你講述一段關(guān)于這位B站Up主——山地人的故事。

另外附上山地人的2019年學(xué)習(xí)計(jì)劃Timeline 前往GitHub一探究竟
如果你和我一樣，也都一直在自學(xué)前端，如果自學(xué)的過(guò)程中遇到了坎，不管是學(xué)習(xí)過(guò)程中遇到什么問(wèn)題，或者有什么好的意見(jiàn)和建議想和我交流，歡迎你在文章底部留言、加我微信或者加入我們的微信前端自學(xué)交流組，期待在自學(xué)小組與你相遇！
這里我為你準(zhǔn)備了微信——前端自學(xué)交流群，歡迎你加入我們一起學(xué)習(xí)。（一群快滿(mǎn)，想入群的小伙伴可以加我微信:colin3dmax）  
山地人微信:colin3dmax（ 請(qǐng)備注：你來(lái)自思否 | 是否要加入前端自學(xué)交流群 ）