關於前端開發的資源推薦與總結【持續更新】

時間 2019-11-10

標籤關於前端開發資源推薦總結持續更新简体版

原文原文鏈接

咱們不少人總會有這樣一個問題，就是喜歡收藏不少東西，自我安慰說等有時間了必定好好看，以致於網頁收藏夾、微信收藏欄、百度網盤等處積累了太多資源，給人一種學富五車的樣子，而只有本身才知道，被收藏的東西，真正看了多少，掌握了多少。
對於我本人來說，能夠絕不誇張的說，若是能將本身收藏的東西徹底學習掌握，至少會是某個領域的專家，我想，對於大多說人來講，狀況可能和我也有很大的類似之處。因此說，咱們須要時刻激勵本身，不能讓相似「先收藏了，等之後有時間再看」這樣的話語來腐蝕本身、消磨本身，最終讓只是隨手收藏而不去閱讀成爲一種習慣。
關於個人一些基本狀況，有興趣的能夠看看我上次由於失眠，凌晨三四點發的提問，也請你們多提建議，多指教：誠意求教：關於前端/數據分析求職的一些問題javascript

這篇文章將會持續更新，主要是分享我本人在學習過程當中看過的一些好的資源、一些經驗總結，但願可以和你們更多的交流，共同進步。
一些內容，可直接移步個人掘金社區收藏夾和segmentfault收藏夾。html

學習網站和APP推薦

入門：

建議使用w3cschool和慕課網。
推薦理由：w3cschool提供的教程全面、基礎，且每一個知識點都經過在線編輯器內置了小案例，只需點擊「嘗試一下」，即可直接在線運行，也能夠在裏面對提供的代碼進行更改編輯，形象直觀的對知識點進行實踐掌握，不用本身一個個去寫demo，便捷高效。在首頁「編程學院」裏還提供了「編程實戰訓練」，用的是著名的freecodecamp的項目，通關能夠申請證書。同時，w3cschool還提供了編程微課、代碼實例、測驗等等內容，再也不贅述，你們能夠自行體驗，w3cschool也提供有手機客戶端。這也算是我入門的網站之一，目前經驗值榜第二，閱讀、貢獻值榜均前20（不過總感受這個網站的貢獻值榜有些虛，在上面提問回答也很慢）。
慕課網主要提供視頻教程，同時，課程裏也穿插有不少相似w3cschool的邊學邊練，也有手機客戶端可供使用。

視頻學習：

主推騰訊課堂、51CTO學院和網易雲課堂，至於課程，可根據評價、熱度等進行篩選。

零散閱讀提升：

學習編程，就是一個隨時隨地，利用零散時間進行提升的過程，w3cschool手機APP能夠知足零散時間的基礎學習，掘金社區也有不少優質內容（有掘金手機客戶端可供使用），這個社區的一大好處是你能夠經過「標籤管理」進入你想關注的領域，根據文章熱度去選擇閱讀，好文無數，極力推薦掘金手機客戶端。還有一個就是segmentfault，也就是你如今正在看文章的這個網站，我一般的作法是用微信打開思否閱讀相關文章，很便捷，手機客戶端目前作的還不夠好。

好文推薦

好文推薦這一部分，我主要想把它用來分享本身閱讀過的一些優質文章，力求通俗易懂的讓每一個人理解前端開發領域一些核心的、底層的東西，共同進步。【這一部分將持續更新】

HTML和CSS：

史上最全的前端資源大彙總：從HTML到JS，從jQuery到Vue，從node到PHP，從正則表達式到求職面試，能夠說從類目上來看，應有盡有，不過彷佛沒有網絡安全方面的內容。優勢是多而全，缺點也是太多，有時間的能夠慢慢看看，無時間可忽略，畢竟我以爲學習前端，須要利用的是零散時間。
CSS 常見佈局方式：雖然說是常見佈局方式，可是對傳統佈局方式（經過盒模型），使用 display 屬性（文檔流佈局） + position 屬性（定位佈局） + float屬性（浮動佈局）的佈局沒有過多的說起，重點講了 flex 佈局和 grid 佈局，以及 CSS 常見的居中方式和兩種經典的佈局方式「聖盃佈局」和「雙飛翼佈局」。筆者以爲文章開頭的思惟導圖非常受用。
如何實現 font-size 的響應式：實現響應式佈局的方式有不少，這一篇文章講述了使用rem、calc等進行實現，比較通俗易懂，值得參考學習。

JavaScript：

ECMAScript 6 入門：阮一峯老師的ES6入門，目前最好的ES6教材，沒有之一。
JavaScript八張思惟導圖：5年前端開發經驗的前輩的實力總結，值得拜讀，經過思惟導圖，能夠更好的回憶知識，創建知識體系。
JavaScript 開發人員須要知道的簡寫技巧：實用，有逼格，顯水準的簡寫。
js 深拷貝 vs 淺拷貝：文章主要講了 js 的基本數據類型以及一些堆和棧的知識，以及什麼是深拷貝、什麼是淺拷貝，深拷貝與淺拷貝的區別，怎麼進行深拷貝和淺拷貝。堆和棧是數據結構裏面的內容。我相信，經過這篇文章，你必定可以真正理解深拷貝和淺拷貝。
JS正則表達式完整教程：關於正則表達式，網上的資源不少，相似《正則表達式30分鐘入門》等等，我認爲這些都只是講了正則表達式的用法，並不能讓每一個人徹底理解和領會正則表達式，而這篇文章，我以爲算是目前我見到的最好的正則表達式教程了，沒有之一。文章略長，做者在前三章詳細而通俗的講解了正則表達式的字符匹配、位置匹配、括號的做用這些其餘教程中都存在的東西（但比其餘教程更容易理解），第四章講解了正則表達式回溯法原理，讓你對正則表達式的匹配原理有更清晰的認識，加深對正則的理解與掌握；最後三章正則表達式的拆分、構建、編程則是真正讓你學以至用，避免紙上談兵。這篇教程雖略長，可是不可多得。我認爲：關於正則表達式，這篇文章，就夠了。
JavaScript算法和數據結構：這個是GitHub上的項目，優勢是對算法和數據結構講的比較全面，圖文並茂，缺點是不少是英文的，須要必定英語基礎。
this、apply、call、bind：若是對this、apply、call、bind還有疑問，你能夠看看這個，做者解析的很具體很到位。
破解前端面試：閉包 DOM 如何搞定紙上代碼環節：模擬真實面試環節，選擇一個切入點，層層遞進，詳細解讀。
幾道高級前端面試題解析：這篇文章，將告訴你學習開發過程當中， 0.1 + 0.2 != 0.3的原理，以及Event loop等內容。
比較 Angular、React、Vue 三劍客：若是學習過程當中。你還在糾結 Angular、React、Vue 該學習哪一個時，我建議你能夠先看看這個。
JavaScript、underscore、ES6等系列：GitHub上一個已經擁有近6000star，近1000fork的項目，主要包括JavaScript深刻系列、JavaScript專題系列、ES6系列、React系列等，若是你願意，你能夠關注和學習。
JavaScript收藏：這是我在掘金社區關於JavaScript的一些收藏，我的以爲，收藏的文章仍是比較經典實用的，能夠做爲參考。