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

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

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

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

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

本來是沒有RequireJS的計劃的，因為RequireJS屬于較早期的模塊化方案，但是被他的誠意所打動。也許還是有很多項目會用RequireJS，所以在1月19號到20號花了2天時間，查閱了RequireJS官網(wǎng)和RequireJS的源碼，出了下面這套5集得RequireJS教程。

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

去B站瞅瞅

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

去B站瞅瞅

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

去B站瞅瞅

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

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

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

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

去B站瞅瞅

去B站瞅瞅

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

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

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

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

這次的Koa專題，山地人出了兩個專題

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

跟山地人一起閱讀Koa源碼

去B站瞅瞅

去B站瞅瞅

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

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

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

當(dāng)然，因為工程量和后面部分組件的封裝難度的增加。所以這個專題后續(xù)會慢慢處，所以這是一個長期的專題。

去B站瞅瞅

https://www.idev365.com/

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

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

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

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

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