寫給前端技術小白、初級前端的一點學習建議

前言

首先，簡單介紹一下本身，20 屆普通二本畢業生，非計算機專業。2018 年 3 月開始開始自學編程，早期學的是 Java、C 語言、PHP。從去年 4 月份開始正式入坑前端。

而後，這段時間剛入職，工做上的東西搞得有點暈頭轉向。全新的技術內容、工做任務，確實充滿了挑戰，我也從一個算是有必定經驗的再一次變成了小白。

回到正題，咱們此次來簡單聊聊對於前端技術小白、初級前端如何學習前端。

1、視頻學習

對於技術小白而言，讓你一開始就抱起一本幾百頁的《JavaScript 高級程序編程》或者《JavaScript 權威指南》。我想你可能幾天就放棄了編程這條路。

由於，技術書籍在必定程度只適合已經習慣這個技術棧的人閱讀，這樣纔不會感受枯燥。因此，對於技術小白而言，我建議從視頻學習開始入門，這樣你能夠經過別人給你暫時描述出你一段時間後會是怎麼樣，你才能從一而終地保持好奇心。

慕課網

首先，我比較推薦的視頻學習網站是「慕課網」。雖然，我歷來沒在上面看過入門的課程。可是，不管是從講師水平、課程質量來講，「慕課網」上涵蓋了初級、中級、高級工程師所須要的知識體系。

而後，對於初級前端，我推薦「黃秩」前輩的課程，就我而言我買了兩門《Vue.js 源碼全方位深刻解析》和《下一代前端開發語言TypeScript從零重構 axios》。

這裏簡單講講《Vue.js 源碼全方位深刻解析》這門課程給我帶來的收穫，讓我從一個 console.log 流變成了 debugger 流，而且，能夠說我如今看 Vue2x 和 Vue3.0 源碼爲所欲爲。

而且，頗有趣的是有時候你會發現 Vue2x 其實在一些小小的很狗血的地方 PS: 面試的時候，能夠用於和麪試官吹吹牛逼。

極客時間

其次，我比較推薦的網站就是「極客時間」，固然「極客時間」並不能說是純粹的視頻學習網站，它上面還有一些很是優秀的電子書。

對於極客時間來講，我其實褒貶不一，由於上面有一些腦殘講師流水帳的課程被我買到，不忍吐槽。因此，這裏我推薦兩門我我的收穫很是大的兩門課程。

首先，是李兵前輩的《瀏覽器工做原理與實踐》。若是，你是一個對瀏覽器相關知識很是薄弱的同窗，推薦閱讀。

而後，是覃超前輩的《算法面試通關 40 講》。這個能夠說是面試算法題的殺手，按課程的節奏刷一遍 LeetCode，不少算法面試題均可以暢通無阻。

小結

視頻學習也是我在早期學習前端途徑，可是，當時並無人告訴我一些網站的好與壞，視野很窄，因此我也曾經入坑過「CSDN」 和一些不知名的視頻教學網站。因此，對於以上推薦的課程，都是我排過坑後學習的課程，都給我帶來了很大的提高。

你們若是有興趣均可以放心買它，哈哈。

2、技術社區學習

對於技術社區學習，我把它大體分爲兩種「中文技術社區」和「英文技術社區」。

中文技術社區

「中文技術社區」，首當其衝的固然是「掘金」和「思否」。對於前者，很慚愧也很惋惜的是我是去年 10 月份註冊的，接觸的時間能夠說不是很長，可是收穫很是很是多。好比，春秋招的時間點，各類面經層出不窮，從個人學習角度看待面經，它有時候並非爲了面試而存在，很大同樣上是對本身學習方式的糾正和完善，所謂是博採衆長，進一步提高本身。

惋惜的地方，是 2019 年 10 月我以前並不知道掘金，說出來感受也很羞恥，因此以前的技術學習至關於閉門造車了，致使不少時間都浪費了，學習方法不對、途徑很少。不過，換個角度想，人生就是這般 魚和熊掌不可兼得。

其次就是「思否」，對於思否而言，我的感受更加偏向於開源和技術的廣度，對 AI 之類的技術都有所涉獵，以及相比較「掘金」，思否的寫文章的推薦算法也大有不一樣，至於不一樣在哪，你們懂得哈哈。而後，思否上還有一個比較有趣的地方就是問答模塊，在這裏回答一些問題，很大程度也是測量咱們解決 Bug 能力、技術基礎是否紮實等等。

英文技術社區

「英文技術社區」，對於這個我推薦的可能有所侷限。可是就我體驗而言，首先，我推薦的是「Hacker noon」。不知道，你們有沒有注意過不少譯文的文章來源都是「Hacker noon」，例若有時候阮一峯老師翻譯的文章。而且，有一點感受很友好的是，國內是能夠訪問的，這個不會給你的閱讀形成必定困擾。

提到「英文技術社區」，我這裏還推薦你們訂閱一下 JavaScript Weekly，它會每週末給你郵箱發郵件，郵件的內容是這一週和 JavaScript 相關的事件，例如以前的 Vue 3.0 beta realease、Deno、ES 新特性等等。

JavaScript Weekly 其實在必定程度上起到了一個信息篩選的做用。畢竟，前端已經學不動了。因此，很須要這個信息的篩選。

小結

可能推薦的「英文技術社區」有點少，由於像 「GitHub」、「StackOverflow」之類的，我就沒有說起，由於這個應該算是經常使用的學習途徑。若是，有其餘更好的「英文技術社區」推薦的，歡迎各位同窗補充。

3、公衆號技術推文學習

公衆號技術推文學習，也是我很是推薦學習的一種方式。由於，正確的學習規劃，它必定是片斷化的，而不是成塊成塊地去學一個東西。只有片斷化的學習，咱們的效率和吸收能力纔是最高的。而，公衆號技術推文的閱讀，咱們能夠在如何場合，坐公交、坐地鐵、吃飯、躺牀上等等，這些零碎的時間，咱們均可以利用起來閱讀技術推文。

前端早讀課

首先，我推薦的是「前端早讀課」。固然，它不只有公衆號，掘金、微博上都有它。「前端早讀課」的文章，一直都是我打破視野的一種方式，每次均可以看到一些很是新的和架構性的文章，例如最近攜程一位前輩寫的面向 Model 的編程方式以及今天推送的對於中後臺可視化界面搭建工具等等。

前端工匠

「前端工匠」對於我來講意義非凡，由於在面試中的不少問題的準備，我都是借鑑了一番浪裏行舟前輩寫的文章進行必定程度的擴展，而後才能和麪試官扳手腕（吹牛逼）。其中，寫的很好的幾篇關於類型判斷、Event Loop、瀏覽器緩存等等。

小結

固然，優秀的公衆號還有不少，例如「全棧修仙之路」、「前端 Q」、「前端開發」、「奇舞週刊」、「前端桃園」等等。這裏，我就不一一介紹，有興趣的同窗能夠一個個點關注哈哈。

4、技術書籍學習

可能技術書籍對技術小白不太友好。可是，貫穿你整個技術生涯而言，技術書籍是一個不可或缺的技術學習方式。可能有時候，書本上的內容會比 MDN 上的文檔有所落後。可是，須要強調的是編程的本質就是追溯本源的過程，例如在 Vue2x 源碼中用了不少柯里化，那麼什麼是柯里化，我想若是你看過《JavaScript 高級程序設計》，那麼在你看源碼的過程就不會由於這個形成你的阻礙。固然，看書籍還有一點很重要的是，你能夠經過看書瞭解到這項技術的刀耕火種的時期，這很是有趣。

因此，這裏推薦幾本我閱讀過的很好的書籍：

• 《JavaScript 高級程序設計》
• 《JavaScript 權威指南》
• 《學習 JavaScript 數據結構和算法》
• 《深刻理解 ES6》
• 《TypeScript 實戰指南》
• 《CSS 世界》
• 《Vue.js 實戰》
• 《深刻 React 技術棧》
• 《了不得的 Node.js》
• 《Node.js 實戰》
• 《圖解 HTTP》
• 《Web 前端性能優化》
• 《Three.js 開發指南》

小結

其實，在文章開頭的照片中就是目前個人藏書，因爲我接觸前端的時間不長，因此仍是有點少，也存在幾本還沒看和看完。目前，比較想買的基本例如圖解系列書籍、HTTP權威指南等等。固然，你們有推薦的，歡迎留言。

博客分享學習

這裏爲何說起博客分享學習，對於技術小白而言，可能不會意識到寫博客的重要性。可是，對於學習編程一段時間的同窗而言，一個很重要的東西就是技術覆盤，這個技術覆盤多是工做上的須要，也多是面試準備須要。那麼，這個時候博客的重要性就體現出來了，有它在會很大地縮短咱們技術覆盤的時間，而且還能把當初咱們學習總結的優秀點從新 Get 到，而不是從新學，或者一頭蒙地翻以前的學習資料從新過。因此，博客分享的總結相當重要對於咱們每一個從事技術的人來講。

這裏再提一下，寫的博客最好能經過社區分享出去，幫助他人的同時，也在樹立本身的我的品牌（方便跳槽）

寫在最後

固然，若是還有一些文檔類的網站很是好，例如你們耳熟能詳的「MDN」、「W3C」、「菜鳥手冊」。而且，若是具體到學習某一項技術，首當其衝的就是官方文檔閱讀，由於它是最權威和最基礎的一手資料。固然，還有一些零零碎碎的學習途徑，例如一些優秀的 GitBook。此次總結分享的學習方式，可能還存在不足的地方，歡迎你們補充和批評。

寫做不易，若是你以爲有收穫的話，能夠帥氣三連擊！！！