B站Up主-山地人-這位老哥2019年的前端自學計劃進展如何?——講一個B站Up主自學前端85天的故事

山地人發表於2019-03-02

前言

自從上次在掘金髮布【2019年山地人的前端完整自學計劃——講一個B站UP主山地人的40天前端自學故事】 以來,一眨眼山地人老哥在B站做Up主已經有85天了。

時隔一個半月,這位山地人老哥現在究竟咋樣了呢?他的2019年的前端自學計劃目前進展的又如何了呢?

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

不好推辭的RequireJS專題

上次發文後沒隔幾天,我們微信上的前端自學交流1群裡的一位小夥伴私信我說看了一些我的視訊,覺得對他幫助挺大,希望我能出一期RequireJS的專題,說他們學校要用RequireJS,但是講這塊的資料比較少,希望我能幫幫他。

本來是沒有RequireJS的計劃的,因為RequireJS屬於較早期的模組化方案,但是被他的誠意所打動。也許還是有很多專案會用RequireJS,所以在1月19號到20號花了2天時間,查閱了RequireJS官網和RequireJS的原始碼,出了下面這套5集得RequireJS教程。

我把它歸在了模組化工程構建的類別下。

跟山地人學RequireJS

去B站瞅瞅

跟山地人聊前端-你問我答專題的由來

上次發文前記得老哥的微信前端交流群才幾十人,現在已經漲到了三百多人,可見渴望自學前端的小夥伴還是很多的。但是人多了隨之而來問題也就增多了。每天山地人要花不少精力幫小夥伴們解決各種程式設計過程中遇到的問題,但是有些問題問的人比較多,重複的回答只能解決個別人的問題,所以就有了這個做成專題的想法。這個專題會收集大家常見的問題,然後做成對應的視訊來解決山地人覺得有價值的常見問題。目前雖然這個專題裡只有四個視訊,但是相信隨著時間的推移,人數的增多,這個專題的價值會慢慢顯現。

B站Up主-山地人-這位老哥2019年的前端自學計劃進展如何?——講一個B站Up主自學前端85天的故事
B站Up主-山地人-這位老哥2019年的前端自學計劃進展如何?——講一個B站Up主自學前端85天的故事
B站Up主-山地人-這位老哥2019年的前端自學計劃進展如何?——講一個B站Up主自學前端85天的故事

B站Up主-山地人-這位老哥2019年的前端自學計劃進展如何?——講一個B站Up主自學前端85天的故事

去B站瞅瞅

跟山地人學React Router系列——欠下的債是要還的

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

B站Up主-山地人-這位老哥2019年的前端自學計劃進展如何?——講一個B站Up主自學前端85天的故事

去B站瞅瞅

老被問到的問題——為啥你出了兩套JavaScript教程

出JavaScript的專題是因為自學群裡的群友有不少覺得自己的JavaScript學的不好,想要有一套系統的講解JavaScript的教程幫助提高,然後就有了做JavaScript的專題教程的想法。講語言我還是第一次,首先遇到的就是選擇教程的問題。當時有幾個可以選擇的教程,《JavaScript高階程式設計》、《JavaScript權威指南》和MDN上的JavaScript。最終選擇了MDN,原因是MDN是線上的更新及時,而且MDN的權威性也足夠,另外我想讓小夥伴通過學這套MDN上的教材,養成遇到問題查一手資料MDN的習慣。

回到開頭,為啥出了兩套JavaScript教程?主要是MDN的編排,有一個JavaScript的快速入門專題和一個JavaScript指南部分。快速入門裡帶你快速的認識JavaScript能做啥,當然因為是快速瀏覽的思路所以講的不是特別細。而JavaScript指南呢,是比較系統的講解JavaScript的各個知識點。所以兩套教程並不衝突,一套適合你快速瀏覽JavaScript,讓你現有一個大致的概念印象。另一套則是詳細的給你講解JavaScript裡的知識點,詳細系統。

  • 跟山地人學JavaScript快速入門
  • 跟山地人學JavaScript指南

B站Up主-山地人-這位老哥2019年的前端自學計劃進展如何?——講一個B站Up主自學前端85天的故事

去B站瞅瞅

B站Up主-山地人-這位老哥2019年的前端自學計劃進展如何?——講一個B站Up主自學前端85天的故事
去B站瞅瞅

文章閱讀過半——中途休息5分鐘——下面還有精彩的故事哦

微信:colin3dmax( 請備註:你來自掘金 | 是否要加入前端自學交流群 )

微信:colin3dmax

快上車拉——小火車前往終點站——繼續往下閱讀

開啟前端的後端之路——Koa

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

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

所以山地人老哥帶著你一起過文件,我們一同學習進步(^__^) 嘻嘻……。

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

  • 跟山地人學Koa系列教程
  • 跟山地人一起閱讀Koa原始碼

跟山地人學Koa系列教程

去B站瞅瞅

跟山地人一起閱讀Koa原始碼

去B站瞅瞅

當然前一套是使用層面的一共17集,後一套跟山地人一起閱讀Koa原始碼是屬於進階課程,一個7集。至於為何會出一套Koa原始碼的教程,原因是我在做Koa第一套教程的時候,看官網的文件發現文件的示例和講解都比較少,然後在視訊錄製過程中,順手翻了下文件。發現Koa的主原始碼部分就四個js檔案。而且寫的也非常乾淨,挺好閱讀的。所以就順帶除了這套Koa原始碼的解讀教程。如果你沒有閱讀過原始碼,Koa作為你閱讀的第一套開原始碼是個不錯的選擇。

一個巨大的工程——跟山地人一起分析element原始碼

這個系列是上面所有專題中工作量最大的一個專題。對於一個個人要想分析完一整套element原始碼裡的每一個元件,並且自己實現一套功能跟element裡元件功能一致的UI庫,這工作量可想而知。

這個專題在過年前就開始了製作,到目前一共出了六十多個視訊。分析了element裡的Layout佈局元件、Cotainer容器元件、Icon原理、Button按鈕元件、Radio單選框元件、CheckBox多選框元件、Input輸入框元件和InputNumber計數器元件。每個元件的分析思路,都是從官網元件的使用文件的閱讀,到自己大多數情況下不看原始碼直接實現對應的元件的各個功能特性,最後再閱讀element原始碼比對自己的封裝和element原始碼的封裝思路。每個元件都是這樣一點點做過去的。

當然,因為工程量和後面部分元件的封裝難度的增加。所以這個專題後續會慢慢處,所以這是一個長期的專題。

去B站瞅瞅

這45天的時間,除了做專題山地人還幹了啥?

idev365的誕生

www.idev365.com/

山地人打算把做過的這些視訊專題,在idev365上做聚集。方便自學的小夥伴能夠快速的找到對應的專題。當然這個網站現在還只是一個毛培,後面還會持續給網站新增新的功能。

後續計劃

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

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

2019年的前端自學計劃是一個漫長的計劃,當然我會每隔一段時間向你講述一段關於這位B站Up主——山地人的故事。

另外附上山地人的2019年學習計劃Timeline 前往GitHub一探究竟

如果你和我一樣,也都一直在自學前端,如果自學的過程中遇到了坎,不管是學習過程中遇到什麼問題,或者有什麼好的意見和建議想和我交流,歡迎你在文章底部留言、加我微信或者加入我們的微信前端自學交流組,期待在自學小組與你相遇!

這裡我為你準備了微信——前端自學交流群,歡迎你加入我們一起學習。(一群快滿,想入群的小夥伴可以加我微信:colin3dmax)

山地人微信:colin3dmax( 請備註:你來自掘金 | 是否要加入前端自學交流群 )

微信:colin3dmax

相關文章

相關文章