提高 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 应该不是什么大问题，活跃的开发人员不断地分享他们的建议、见解和教程，以了解如何变得更好，以及如何最大限度地利用这门语言。 我们真诚地希望这些资源对您的学习过程大有裨益。