提高 JavaScript 技能的 25 個免費 JavaScript 教程
已發表: 2022-03-08前端編程在 2021 年繼續上升，我們只能預見 2022 年前端語言的另一個巨大增長階段。數以百萬計的新網絡用戶正在連接，他們最終都會學習計算機科學、網絡開發, 和編程。 JavaScript 已經確立了自己在編程語言庫中的領先地位，超越了 Java 等古老的經典； 有人說 JavaScript 正在達到頂峰。 我們認為它仍有上升空間，並主導編程語言的選擇。
ECMAScript 6 已經如火如荼，每天都有人不寫 ES6 以及它為新老 JavaScript 開發人員帶來的東西。 JavaScript 的未來看起來很棒，對於兩者而言； 網絡和軟件開發人員。 硬件和軟件工程是 JavaScript 佔據主導地位的兩個新領域，尤其是通過 Node.js 等流行框架——JavaScript 每時每刻都在進入新市場。 許多語言會發現很難跟上，JavaScript 背後的社區力量已經超過了許多可能暗示其他語言更好的邏輯和合理的論點。 分析某件事以查看它是否適合您的下一份工作，歸結為問自己一些誠實的問題。
JavaScript 作為一種編程語言已經向世界證明了它是可持續的、強大的和可靠的。 學習 JavaScript 從未如此有趣，有大量全職和自由職業者的工作，有很多有趣的項目可以在 GitHub 上工作，來自 JavaScript 社區的新文章和教程源源不斷，語言生態系統非常健康，歸根結底，超級有用。 我們希望通過徵集過去 2-3 個月內發布的幾十篇 JavaScript 教程文章來為社區方面做出貢獻，以確保文章的質量符合最新的 JavaScript 提示、技巧，當然還有標準，例如 ES6。
在 ECMAScript 6 中編寫下一代可重用 JavaScript 模塊
Jim Cowart 一直在花費大量時間試圖了解 ES6 並找出其最秘密的怪癖和特徵，以幫助開發人員更好、更快、更有彈性地構建。 這篇文章的主要目的是幫助新老 Web 開發人員構建可在 ES5 上下文中使用的 ES6 庫，這意味著 Jim 還將解釋和展示如何使用 Babel 將 ES6 庫轉換為功能齊全的 ES5 庫，這樣做的原因是因為網絡瀏覽器仍在努力趕上新標準。 為了使庫可重用並易於其他開發人員使用，Jim 非常關注模塊，以一種感覺正確的方式為幾乎所有東西提供一個模塊。
了解如何使用 D3.js 製作數據可視化
在當前網絡增長、通過技術實現業務增長和通用數據科學目的的時代，數據可視化再重要不過了。 而且它可能非常具體，以至於有時只有少數非常有天賦的人正在創建能夠吸引地球上一些最知名媒體網站注意力的可視化，儘管並不總是合法的。 數據可視化可以幫助可視化簡單的數據集，分析您的網站的性能，深入研究分析數據等。
多年來，JavaScript 已成為希望在瀏覽器中高效準確地處理數據的數據科學家的最愛。 自 2011 年 D3.js 發布以來，該庫已經超越了任何可能的競爭。 對於需要復雜工具來完成複雜數據科學任務的 JavaScript 開發人員來說，它是家喻戶曉的名字。
前端應用程序庫和組件架構
Cody Lindley 寫了一篇自以為是的 JavaScript 文章，它更像是一篇教程，幫助開發人員了解最流行的 JavaScript 框架和庫中的原生 JavaScript 組件是如何變得相同的。 理解這個概念可以更容易地在要使用的框架或庫之間進行選擇，因為你突然意識到學習新東西不會有那麼多工作，因為它將使用與上一個框架相同的組件結構。
2016 年 React.js 最佳實踐
React 是 2015 年的新聞。它是社區在過去幾年中看到的增長最快的 JavaScript 庫，並且每天仍然被數十萬開發人員積極使用。 React 讓構建原生 UI 界面變得非常簡單，不會干擾你正在工作的項目的其他方面，所以從某種意義上說，你可以使用 React 來構建你的 UI，或者你可以使用 React 來幫助自己構建一個更好的 UI，並且 React 絕不會承擔主庫的角色，而是僅在您要求時才起作用。 雖然這一切聽起來很簡單，但仍有一條學習曲線，RisingStack 的 CTO Peter Marton 從他的角度講述了 React 的最佳實踐。
剛接觸 Ember？ 從這裡開始！ （2016教程）
我們已經確立了對 Ember 的看法，它是一個現代 Web 開發框架，非常適合我們最近的一篇文章； 最好的 JavaScript 框架。 Ember 使 JavaScript 開發人員能夠快速創建適用於桌面和移動設備的現代 Web 應用程序，而不會影響其他拼接庫可能提供的功能。 如果您是 Ember 的新手並且最近碰巧聽說過它，我們強烈建議您查看 Frank Treacy 的本教程。 他的寫作風格和指導非常適合更深入地理解 Ember 框架。
如何學習 ES6
許多 JavaScript 開發人員在標準發布之前就知道 ES6 是什麼。 這是編程語言的方式，標准在任何最終確定之前作為草案提供給社區進行試驗。 ECMAScript 7 或 ES7也是如此，這些功能已經可用，但每個人都在等待瀏覽器跟上，這並不總是一個順利的過程。 Eric Elliott 在他的 Medium 帖子中編寫了一組方便的文章和技巧，介紹如何更好地接近 ES6 學習過程。
JavaScript 中的函數定義
Marius Schulz 為 JavaScript 開發人員提供了一些關於函數定義如何在 JavaScript 中工作的見解，以及如何以三種不同的方式處理它們，尤其是自 ES6 和箭頭函數發布以來。
使用 webpack 和 ES6 啟動你自己的 JavaScript 庫
JavaScript 庫是很小的 JavaScript 腳本（並不總是很小），可以幫助開發人員使用您需要單獨創建的特定功能擴展他們的項目。 有人說 React.js 充當庫，有人說它更像是一個框架。 無論如何，Krasimir Tsonev 正在縮小使用 ES6 和 WebPack 幫助創建 JavaScript 庫的過程。
7 個基本的 JavaScript 函數
David Walsh 是許多前端開發人員的最愛，一位始終如一的開發人員，也是一位不怕與前端世界分享他的想法、觀點和經驗的作家。 他的網站是一個很好的例子，說明了本地開發可以走多遠，以及它可以以內容網站的形式執行得多麼漂亮。 然而，他的帖子不是關於設計，而是關於 JavaScript 函數； 語言的一個重要部分是函數。 大衛給出了另外七個我們在學習語言及其更重要方面時可能已經放棄的功能。
使用 GMaps.js 輕鬆實現 Google 地圖
網絡上的一切都歸結為一個元素，一個執行選擇功能的特定元素。 對於地圖，我們可以使用 Google 官方頁面中的原生 Google Maps 小部件，或者我們可以依賴第三方庫，這些庫提供的功能比我們從獨立小部件中獲得的功能要多一點。 在這裡，我們有一個關於如何最好地使用 GMaps.js 庫並充分利用構建地圖的教程。
JavaScript 開發者調查結果
調查聽起來可能根本不像教程，但在某種意義上它們是。 它們是針對社區的教程，社區的思維方式，以及社區認為最好的語言 JavaScript，鑑於其現代發展。 所以是的，我們建議使用此調查來了解有關 JavaScript 開發人員的更多信息，他們的意見和建議是什麼，並可能將其中一些見解納入您自己的高效工作流程中。
通用反應
像 React 這樣的庫已經改變了客戶端應用程序的生成方式。 這種編程方式有很多好處，提高了性能，並且更容易訪問。 儘管如此，也存在缺陷，其中一個缺陷是必須向沒有啟用 JavaScript 的瀏覽器或搜索引擎機器人的用戶提供 JavaScript 內容，這些用戶不能很好地使用 JavaScript。 好消息是，這個問題已經被認識到，並且可以構建一個功能齊全的客戶端應用程序，可以在服務器上呈現。 React 在使服務器端和客戶端 JavaScript 執行成為現實方面處於領先地位，Jack Franklin 發布了一個教程，深入研究了這些問題以及如何解決這些問題。
如何在 JavaScript 中安排後台任務
Craig Buckler 簡要解釋了後台任務在 JavaScript 中的工作原理，以及如何最好地處理它們。 Craig Buckler 為 SitePoint 撰寫了數千篇文章，並且在 JavaScript、HTML5 和 CSS3 等語言方面擁有豐富的經驗——所以當他談論如此廣泛的話題時，你可以相信他的話。
RSS 提要使 Web 發布的內容更易於訪問。 今天 99% 的博客都支持 RSS 提要，這使得其他人可以輕鬆地通過使用提要定期接收內容。 提要的其他用途包括解析它們的能力，然後以不同的方式使用解析的數據，無論是用於鏈接農場網站，還是需要來自已解析的 RSS 提要的特定數據集的應用程序，Raymond Camden 更多地探討了這個主題並為希望使用 JavaScript 解析 RSS 提要的 JavaScript 開發人員倒計時。
Dudley Storey 分享了他如何將自己的網站轉變為完全擺脫任何 JavaScript 框架的故事，而是使用 Vanilla JavaScript 為他的讀者構建交互式網頁瀏覽體驗，他的最新作品是關於如何旋轉單個頁面元素的教程使用香草 JavaScript。 這是一個引人入勝的教程，它將為在您的 Web 項目中使用 JS 的許多其他交互方式打開大門。
如何使用 React、Redux 和 Immutable.js 構建 Todo 應用程序
React、Redux 和 Immutable.js 正在快速發展 JavaScript 庫名稱，這些名稱正在改變我們感知開發的方式以及我們為所有設備構建應用程序的方式。 Emre Guneyler 在本文中為我們簡要介紹了所有三個庫，以及如何構建單個“待辦事項應用程序”，這將使您更好地了解如何使用現代框架和庫構建應用程序。
準備 Angular 1 代碼到 Angular 2 的 5 個步驟
我們是 Angular.js 的忠實粉絲——只需查看我們最好的 Angular.js 內容，例如響應式 AngularJS 網站模板、AngularJS 管理模板和 Angular 2 的社區資源——我們已經為迎接 Angular 2 做好了充分準備，甚至再加上 Oren Farhi 的本教程，更是如此。 Angular 2 的到來是不可避免的，如果您現在是一名活躍的 Angular.js 開發人員，請閱讀本教程為即將到來的更改做好準備，並準備好您的代碼以便輕鬆過渡到新版本。
350 個要點中的 ES6 概述
ES6 是近幾年來對 JavaScript 標準的最大更新，它是對已經很穩固的編程語言的巨大補充，但這一補充確實改變了 JavaScript 在 Web 上的工作方式。 隨著瀏覽器開始集成更多棘手的功能，它將繼續工作的方式。 這個 GitHub 存儲庫是 350 多個要點的組合，這些要點討論了 ES6 的大量不同方面，比如特性，以及如何使用這些特性。 還有函數，新函數長什麼樣子，還有大量的資源鏈接可以幫助你加深對 ES6 的理解。
並發 JavaScript：關於 JS 並發的 3 部分系列
Kyle Simpson 花點時間分享他對 JavaScript 並發和異步性的看法，以及如何在開發環境中使用這些相同的概念。 引人入勝的內容，以及更深入的教程，分為三個不同的部分。
框架的成本
嘗試學習如何在 JavaScript 中編碼，而不是遇到關於如何使用框架將解決所有問題的強烈建議，如今大部分 JavaScript 學習都是基於框架，如 React、Angular、Backbone 等。 是的，框架使快速構建 Web 和移動應用程序變得容易，但是使用框架而不是原生（普通）JS 的真正成本是多少？ Paul Lewis 通過匯總簡潔的基準分析來描述這一點，幫助新的（也許是經驗豐富的）開發人員做出更好的框架選擇。
一個大型 Angular 應用程序的剖析
Angular 目前是用於構建快速 Web 應用程序的領先 JavaScript 框架。 然而，構建擴展和大型 Angular 應用程序可能會很棘手，有人會說它會讓你處於瘋狂的邊緣，所以 Kristian Poslek 正在花時間通過提供教程來回饋社區關於如何在不發瘋的情況下構建大型 Angular 應用程序。
使用 JavaScript 進行人臉接近檢測
編程語言每天都變得越來越智能。 在他的教程中，Peter Bengtsson 解釋了我們如何使用 JavaScript 構建一個人臉接近檢測引擎，您可以立即在您的應用程序和項目中使用該引擎。
JavaScript 能做什麼？
不完全確定 JavaScript 能做什麼？ David Small 對 JavaScript 可以做的事情以及這種語言的主要目的進行了簡單而有效的演示。 對任何對 JavaScript 感興趣的人都可以閱讀，這是一個教授該語言更廣泛方面的教程。
擺脫 JavaScript 疲勞 - React 版
疲勞是一種生產力殺手，工作時間過長可能會導致一個人經歷可能會持續很長時間的深度疲勞，當然，也有一種我們歸因於特定框架的疲勞，在這種情況下會發生這種情況成為反應。 那麼，我們如何擺脫對 React 的疲勞呢？ Reto Schlapfer 對這個問題有一個答案，請深入研究。
在線學習 JavaScript 的資源
我們已經探索了 Web 提供的一些關於 JavaScript 的最新最佳教程，但是如果您對 JavaScript 沒有任何先驗知識，您將如何處理所有這些教程？ 我想這不太可能，因為您特別關注 JavaScript 教程。 儘管如此，您還是希望擴展您的 JS 知識，或者在長時間缺席後重新了解它。 在這種情況下，這裡有一個非常容易訪問的網站和平台列表，這些網站和平台提供免費在線學習 JavaScript。 只有最好。
- Codecademy — 一個掌握 Web 開發基礎的平台，尤其是 JavaScript。 Codecademy 是新的和有抱負的前端開發人員開始其職業生涯的首批網站之一。 這很有趣，它是互動的，而且做得很好。
- Learn-JS — 是一個與 Codecademy 類似的平台，具有不同的任務和學習曲線，在完成 Codecademy 後非常有用，可以改進您新學到的技能，並可能注意到您可能錯過的內容。
- freeCodeCamp — 一個快速發展的基於社區的編碼平台，網站的每個成員都可以參與解決問題和挑戰，然後幫助為無法負擔專業編碼人員的非營利組織推出新的、令人興奮的應用程序。 這是一個雙贏的局面。
- 樣式指南——樣式指南幫助構建代碼，使其易於他人構建，AirBNB 發布了他們自己的樣式指南，它很快成為你可以在 GitHub 或其他任何地方找到的最流行的 JavaScript 樣式指南。
總而言之，很明顯，學習 JavaScript 應該不是什麼大問題，活躍的開發人員不斷分享他們的建議、見解和教程，以了解如何變得更好，以及如何最大程度地使用這門語言。 我們真誠地希望這些資源對您的學習過程大有裨益。