想了解開(kāi)發(fā)javascript學(xué)習(xí)嗎？想了解web前端開(kāi)發(fā)之JavaScript學(xué)習(xí)線路圖（附視頻教程），從2.4萬(wàn)篇文章中挑出的最棒的 JavaScript 學(xué)習(xí)指南（2018版）?? 嗎？......本文帶你一探究竟。

1.web前端開(kāi)發(fā)之JavaScript學(xué)習(xí)線路圖（附視頻教程）

web前端是一個(gè)龐大而復(fù)雜的技術(shù)體系，它的復(fù)雜程度其實(shí)并不亞于任何一門(mén)后端語(yǔ)言。而作為一名前端基礎(chǔ)學(xué)習(xí)者，的學(xué)習(xí)至關(guān)重要。而且對(duì)于編程小白或者新手來(lái)說(shuō)十分友好，因?yàn)樗苋菀讓W(xué)習(xí)和實(shí)現(xiàn)。因?yàn)槔肈OM模型， 提供大量的預(yù)編制的功能性對(duì)象代碼，使得開(kāi)發(fā)一個(gè)滿足用戶需要的腳本變得輕而易舉。最為重要的是，和其他語(yǔ)言可以很好的交互，并且廣泛應(yīng)用于各個(gè)領(lǐng)域。舉個(gè)例子，如果你曾經(jīng)使用node.js的Express框架bootstrap，使用一個(gè)文檔數(shù)據(jù)庫(kù)如mongodb，并且在客戶前端使用，那么完全可以只使用開(kāi)發(fā)一個(gè)從前端到后端的App應(yīng)用。如何系統(tǒng)完善地學(xué)習(xí)，我認(rèn)為可以從以下三習(xí)步驟入手。（后面我相應(yīng)的附了幾套視頻教程和不錯(cuò)的參考書(shū)籍，覺(jué)得回答實(shí)用的小伙伴不妨收藏一波~）1、原生交互功能開(kāi)發(fā)基本語(yǔ)法循環(huán)語(yǔ)句函數(shù)與數(shù)組String與DateBOM與DOM事件拖拽效果cookie存儲(chǔ)正則表達(dá)式Ajax面向?qū)ο蠡A(chǔ)運(yùn)動(dòng)與游戲開(kāi)發(fā)2、面向?qū)ο筮M(jìn)階與ES5/ES6/ES7應(yīng)用Promise設(shè)計(jì)模式原型鏈構(gòu)造函數(shù)執(zhí)行上下文棧與執(zhí)行上下文變量對(duì)象與活動(dòng)對(duì)象作用域鏈閉包、工具庫(kù)自主研發(fā)DOM庫(kù)事件庫(kù)AJAX庫(kù)原型和繼承庫(kù)MVVM核心庫(kù)基于SPA的路由庫(kù)web前端基礎(chǔ)入門(mén)視頻推薦：HTML5基礎(chǔ)教程（持續(xù)更新中）PC及移動(dòng)端頁(yè)面布局程序設(shè)計(jì)及PC全棧項(xiàng)目開(kāi)發(fā)移動(dòng)端WebApp及混合APP開(kāi)發(fā)相關(guān)書(shū)籍推薦：推薦一：《語(yǔ)言精粹》內(nèi)容簡(jiǎn)介（來(lái)自豆瓣）：通過(guò)對(duì)語(yǔ)言的分析，甄別出好的和壞的特性，從而提取出相對(duì)這門(mén)語(yǔ)言的整體而言具有更好的可靠性、可讀性和可維護(hù)性的的子集，以便能用它創(chuàng)建真正可擴(kuò)展的和高效的代碼。雅虎資深架構(gòu)師Douglas Crockford傾力之作。向讀者介紹如何運(yùn)用創(chuàng)建真正可擴(kuò)展的和高效的代碼。推薦二：《數(shù)據(jù)結(jié)構(gòu)與算法描述》內(nèi)容簡(jiǎn)介（來(lái)自豆瓣）：通過(guò)本書(shū)的學(xué)習(xí)，讀者將能自如地選擇最合適的數(shù)據(jù)結(jié)構(gòu)與算法，并在開(kāi)發(fā)中懂得權(quán)衡使用。此外，本書(shū)也概述了與數(shù)據(jù)結(jié)構(gòu)與算法相關(guān)的特性。本書(shū)主要內(nèi)容如下：數(shù)組和列表：最常用的數(shù)據(jù)結(jié)構(gòu)。棧和隊(duì)列：與列表類(lèi)似但更復(fù)雜的數(shù)據(jù)結(jié)構(gòu)。鏈表：如何通過(guò)它們克服數(shù)組的不足。字典：將數(shù)據(jù)以鍵-值對(duì)的形式存儲(chǔ)。散列：適用于快速查找和檢索。集合：適用于存儲(chǔ)只出現(xiàn)一次的元素。二叉樹(shù)：以層級(jí)的形式存儲(chǔ)數(shù)據(jù)。圖和圖算法：網(wǎng)絡(luò)建模的理想選擇。算法：包括排序或搜索數(shù)據(jù)的算法。高級(jí)算法：動(dòng)態(tài)規(guī)劃和貪心算法。推薦三：《 函數(shù)式編程》內(nèi)容簡(jiǎn)介（來(lái)自豆瓣）： 是近年來(lái)非常受矚目的一門(mén)編程語(yǔ)言，它既支持面向?qū)ο缶幊蹋仓С趾瘮?shù)式編程。本書(shū)專(zhuān)門(mén)介紹函數(shù)式編程的特性。全書(shū)共9章，分別介紹了函數(shù)式編程、一等函數(shù)與編程、變量的作用域和閉包、高階函數(shù)、由函數(shù)構(gòu)建函數(shù)、遞歸、純度和不變性以及更改政策、基于流的編程、類(lèi)編程。除此之外，附錄中還介紹了更多函數(shù)式。本書(shū)內(nèi)容全面，示例豐富，適合想要了解函數(shù)式編程的程序員和學(xué)習(xí)的函數(shù)式程序員閱讀。我是胖虎，一個(gè)正在創(chuàng)業(yè)的前端工程師，如果你同樣迷茫不知道前端該如何學(xué)習(xí)，可以加入我的自學(xué)團(tuán)，會(huì)有知識(shí)分享，匹配學(xué)習(xí)伙伴，還可以參加我組織的上線項(xiàng)目及活動(dòng)。想加入的伙伴給我留言或者直接私信。作者：碼農(nóng)王也

2.從2.4萬(wàn)篇文章中挑出的最棒的 JavaScript 學(xué)習(xí)指南（2021版）

譯者注：原文作者研究了近2.4萬(wàn)篇 文章得出這篇總結(jié)，全文包含學(xué)習(xí)指南、新人上手、Webpack、性能、基礎(chǔ)概念、函數(shù)式編程、面試、教程案例、Async Await、并發(fā)、V8、機(jī)器學(xué)習(xí)、數(shù)據(jù)可視化、調(diào)試、單元測(cè)試等章節(jié)，非常適合用于對(duì)自己 技術(shù)棧的比對(duì)，用于查漏補(bǔ)缺，適合收藏閱讀。有刪減。文中如有錯(cuò)誤，歡迎評(píng)論指出。如果你對(duì)整體前端技術(shù)、React 生態(tài)技術(shù)棧或者 Web 開(kāi)發(fā)關(guān)注較多，可以移步這里查看更多2021前端技術(shù)發(fā)展回顧從1.8萬(wàn)篇文章中脫穎而出45個(gè)最棒的 React.js 學(xué)習(xí)指南（2021版）從1.6萬(wàn)篇文章中挑出的最棒的 Web 開(kāi)發(fā)學(xué)習(xí)指南（2021版） 從1萬(wàn)篇文章中挑出的40篇最棒的 Vue 學(xué)習(xí)指南（2021版）在過(guò)去的一年間（2021年），我們對(duì)比了近24000篇 文章，并從中挑選出了最好的55篇。我們做了這個(gè)目錄，認(rèn)為閱讀有經(jīng)驗(yàn)的程序員寫(xiě)的文章是一個(gè)很好的學(xué)習(xí)方式。在學(xué)習(xí)了一兩門(mén)課程之后，您可能在構(gòu)建和發(fā)布實(shí)際應(yīng)用時(shí)面臨許多挑戰(zhàn)。通過(guò)這個(gè)目錄，您可以更輕松地找到去年的最佳 教程，在這里有經(jīng)驗(yàn)的開(kāi)發(fā)人員會(huì)分享他們學(xué)習(xí) 的課程、見(jiàn)解和遇到的錯(cuò)誤。這個(gè)目錄有15個(gè)關(guān)鍵的主題，如下所示。他們分別是學(xué)習(xí)指南、新人上手、Webpack、性能、基礎(chǔ)概念、函數(shù)式編程、面試、教程案例、Async Await、并發(fā)、V8、機(jī)器學(xué)習(xí)、數(shù)據(jù)可視化、調(diào)試、單元測(cè)試。指南Modern-js-: 一份針對(duì)現(xiàn)代項(xiàng)目中經(jīng)常遇到的 知識(shí)的備忘清單。不同著名的計(jì)算機(jī)科學(xué)算法的 實(shí)現(xiàn)。30-seconds-of-code: 有用的 代碼片段，你可以在30秒或更少的時(shí)間內(nèi)理解。一個(gè)簡(jiǎn)單的交互式 ES6 功能列表去他*的 ：有趣和棘手的 示例列表Airbnb 的 風(fēng)格指南. 核心內(nèi)容：第二版 - Dmitry Soshnikov上手萌新也能懂的現(xiàn)代 開(kāi)發(fā)為遠(yuǎn)古 Web 開(kāi)發(fā)者準(zhǔn)備的的現(xiàn)代 年的 模式 - Scott Allen為新手準(zhǔn)備的帶示例的 ES6當(dāng)我沒(méi)有關(guān)注時(shí)， 變得更好了我剛問(wèn)過(guò) 23,000 個(gè)開(kāi)發(fā)人員對(duì) 的看法。這是我學(xué)到的。我是如何在拋棄 90%的內(nèi)容后，又重新找回對(duì)他的熱愛(ài)的。Vanilla 中的 DOM 操作基礎(chǔ)（無(wú) jQuery） - 一篇 Webpack 的詳細(xì)介紹 – Smashing Magazine我維護(hù) webpack，盡情向我提問(wèn)！webpack bits: 充分利用 ()性能 的代價(jià) - Addy 氣動(dòng)性能 - Addy 是如何工作的：內(nèi)存管理 + 如何處理四種常見(jiàn)的內(nèi)存泄漏概念理解 中的作用域現(xiàn)代 概念詞匯表：第一部分在 中處理 undefined 的7個(gè)技巧 - Dmitri Pavlutin?深入淺出編程概念在漢堡排隊(duì)中解釋 中的 Promise編程技巧：嘗試不用 If 語(yǔ)句編程 – Samer Buna函數(shù)式編程精通 面試：什么是函數(shù)式編程？函數(shù)式編程（編寫(xiě)軟件）的興起與衰落面試為開(kāi)發(fā)者面試準(zhǔn)備的最終版 面試最常見(jiàn)的十個(gè)問(wèn)題面試中你必須知道的10個(gè) 概念教程案例在4分30秒內(nèi)編寫(xiě)“貪吃蛇”（使用純?yōu)g覽器端 ）我們是如何在三周內(nèi)開(kāi)發(fā)出我們的第一個(gè)全棧 web app 的開(kāi)發(fā)一個(gè) Thrones Map 互動(dòng)游戲（第二部分） - Leaflet.js 和 Webpack使用 創(chuàng)建一個(gè)區(qū)塊鏈（區(qū)塊鏈，第一部分）我們是如何使用 黑掉咖啡機(jī)的Google 地圖 API 教程Async Await六個(gè)為什么 中的 Async/Await 完虐 Promise 的原因（教程）Async/Await: 中的現(xiàn)代并發(fā) 是如何工作的：事件循環(huán)機(jī)制和異步編程的興起 + 更好使用 async/await 編程的五種方式 中的 async / await - What, Why and How - Fun Fun Function圖文并茂的解釋 Await 和 Async并發(fā)并發(fā)：可以工作！ 是如何工作的：V8 引擎內(nèi)部機(jī)制及如何編寫(xiě)優(yōu)化代碼的 5 個(gè)訣竅理解 V8 的字節(jié)碼 是如何工作的：引擎，運(yùn)行時(shí)以及調(diào)用堆棧概覽機(jī)器學(xué)習(xí)使用 deeplearn.js 嘗試 中的神經(jīng)網(wǎng)絡(luò)如何只用30行代碼在 中構(gòu)建一個(gè)神經(jīng)網(wǎng)絡(luò)在 使用機(jī)器學(xué)習(xí)：第一部分?jǐn)?shù)據(jù)可視化更好的編程方式：d3.express 介紹：集成的探索環(huán)境。調(diào)試你可能不知道的14個(gè) 調(diào)試技巧如何充分利用 控制臺(tái)單元測(cè)試中的單元測(cè)試[第1部分]：為什么要進(jìn)行單元測(cè)試？ - Fun Fun 年 測(cè)試技術(shù)回顧 原文 - Learn Plain from Top Articles for the Past Year 原文作者 - Mybridge 原文地址 - learn- 譯者 - 譯文地址 - [譯]從2.4萬(wàn)篇文章中挑出的最棒的 學(xué)習(xí)指南（2021版）最后如果喜歡使用微信的同學(xué)可以關(guān)注個(gè)人公眾號(hào)，微信搜索「黯曉」或者掃描 二維碼 關(guān)注，會(huì)同步我在知乎以及個(gè)人博客上發(fā)表的文章，談?wù)勄岸思夹g(shù)與日常有趣事。喜歡使用知乎的同學(xué)可以關(guān)注我的專(zhuān)欄初級(jí)前端工程師。生活中難免犯錯(cuò)，請(qǐng)多多指教！

上述文章了解到關(guān)于web前端開(kāi)發(fā)之JavaScript學(xué)習(xí)線路圖（附視頻教程），從2.4萬(wàn)篇文章中挑出的最棒的 JavaScript 學(xué)習(xí)指南（2018版）?? ，讓我們對(duì)開(kāi)發(fā)javascript學(xué)習(xí) 有一個(gè)直觀的認(rèn)知。我們發(fā)現(xiàn)，作為一個(gè)優(yōu)秀的Java程序員是多么的自豪。