提高 JavaScript 技能的 25 个免费 JavaScript 教程

前端编程在 2015 年持续上升，我们只能预见 2016 年前端语言的另一个巨大增长阶段。数以百万计的新网络用户正在连接，他们最终都会学习计算机科学、网络开发，尤其是编程。 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 进行数据可视化

在当前 Web 增长、通过技术实现业务增长和一般数据科学目的的时代，数据可视化非常重要。 它可能非常具体，以至于有时只有少数非常有天赋的人在创建能够吸引地球上一些最知名媒体网站注意的可视化效果，尽管并不总是合法的。 数据可视化有助于可视化简单的数据集、分析您的网站的性能、深入研究分析数据等等。

多年来，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 Framework。

如何学习 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 函数； 语言最重要的部分是函数，David 给出了我们在学习语言及其更重要方面的过程中可能已经放弃的另外七个函数。

使用 GMaps.js 简化 Google 地图

网络上的每一件事都归结为一个元素，一个执行选择功能的特定元素。 在地图的情况下，我们可以使用来自官方 Google 页面的原生 Google 地图小部件，或者我们可以依赖第三方库，这些库提供的功能比我们从独立小部件中获得的要多一些。 在这里，我们有一个关于如何最好地使用 GMaps.js 库并充分利用构建地图的教程。

JavaScript 开发者调查结果

调查可能听起来根本不像教程，但在某种意义上它们确实如此。 它们是针对社区的教程，社区的思考方式，以及社区认为最适合处理 JavaScript 语言（考虑到它的现代演变）的教程。 所以是的，我们建议使用此调查作为一种方式来更多地了解 JavaScript 开发人员，了解他们的意见和建议，并可能将其中一些见解纳入您自己的高效工作流程中。

通用反应

像 React 这样的库确实改变了客户端应用程序的生成方式。 这种编程方式有很多好处，提高性能，更容易访问，但也有缺点，缺点之一是必须向没有启用 JavaScript 的浏览器的用户或搜索提供 JavaScript 内容引擎机器人不能很好地使用 JavaScript。 好消息是这个问题已经被认识到，并且可以构建一个可以在服务器上呈现的全功能客户端应用程序。 React 在使服务器端和客户端 JavaScript 执行成为现实方面处于领先地位，Jack Franklin 发布了一篇教程，深入探讨了这些问题以及如何解决这些问题。

如何在 JavaScript 中安排后台任务

Craig Buckler 简要解释了 JavaScript 中的后台任务是如何工作的，以及如何最好地处理它们。 Craig Buckler 为 SitePoint 撰写了数以千计的文章，并且在 JavaScript、HTML5 和 CSS3 等语言方面拥有丰富的经验——因此当他谈论如此广泛的话题时，您可以相信他的话。

在 JavaScript 中解析 RSS 提要 - 选项

RSS 提要使网站发布的内容更易于访问。 今天 99% 的博客都支持 RSS 提要，这使得其他人可以轻松地通过使用提要定期接收内容。 提要的其他用途包括解析它们的能力，然后以不同的方式使用解析的数据，无论是用于链接农场网站，还是用于需要来自已解析 RSS 提要的特定数据集的应用程序，Raymond Camden 对此主题进行了更多探讨并为希望使用 JavaScript 解析 RSS 提要的 JavaScript 开发人员计算可能的选项。

使用 JavaScript 在滚动时旋转元素

Dudley Storey 分享了他如何将他的网站转变为完全摆脱任何 JavaScript 框架的故事，而是使用 Vanilla JavaScript 为他的读者构建交互式 Web 浏览体验，他的最新作品是关于如何旋转单个页面元素的教程使用香草 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 在网络上的工作方式，以及它将继续作为浏览器工作的方式开始集成更多棘手的功能。 这个 GitHub 存储库是 350 多个要点的组合，讨论了 ES6 的大量不同方面，比如特性，以及如何使用这些特性。 还有函数，以及新函数是什么样子，提供大量外向资源链接，帮助您加深对 ES6 的理解。

并发 JavaScript：关于 JS 并发的 3 部分系列

Kyle Simpson 花点时间分享了他对 JavaScript 并发性和异步性的看法，以及如何在自己的开发环境中使用这些相同的概念。 引人入胜的内容，更重要的是分为三个不同部分的深入教程。

框架的成本

尝试学习如何在 JavaScript 中编码，而不会遇到关于如何使用框架将解决所有问题的强烈建议，如今大部分 JavaScript 学习实际上是基于框架，如 React、Angular、Backbone 等。 是的，框架使快速构建 Web 和移动应用程序变得容易，但是使用框架而不是原生（普通）JS 的实际成本是多少？ 保罗刘易斯通过将简洁的基准分析放在一起来描述这一点，帮助新的（也许是经验丰富的）开发人员对框架做出更好的选择。

大型 Angular 应用程序剖析

Angular 目前是用于构建快速 Web 应用程序的领先 JavaScript 框架。 然而，构建扩展的大型 Angular 应用程序可能会被证明是棘手的，有人会说它已经到了让你发疯的地步，所以 Kristian Poslek 正在花时间通过提供教程来回馈社区关于如何在不发疯的情况下构建大型 Angular 应用程序。

使用 JavaScript 进行人脸接近检测

编程语言每天都变得越来越智能。 Peter Bengtsson 在他的教程中解释了我们如何使用 JavaScript 构建一个人脸接近检测引擎，您可以立即在您的应用程序和项目中使用它。

JavaScript 能做什么？

不完全确定 JavaScript 实际上可以做什么？ David Small 简单而有效地介绍了 JavaScript 可以做的事情，以及这种语言的主要目的是什么。 任何对 JavaScript 感兴趣的人都可以阅读，这是一个教授该语言更广泛方面的教程。

摆脱 JavaScript 疲劳 – React 版

疲劳是生产力的杀手，长时间处理某件事会导致深度疲劳，这种疲劳可能会持续很长时间，当然，还有一种疲劳是我们归因于特定框架的，在这种情况下会发生成为反应。 那么，我们如何摆脱对 React 的疲劳呢？ Reto Schlapfer 对这个问题有一个答案，深入研究。

在线学习 JavaScript 的资源

我们已经探索了网络必须提供的一些关于 JavaScript 的最新最佳教程，但是如果您没有任何 JavaScript 方面的先验知识，您将如何使用所有这些教程？ 我想这不太可能，因为您特别寻找 JavaScript 教程，但您可能想扩展您的 JS 知识，或者在缺席很长时间后更新它。 在这种情况下，这里有一个非常容易访问的网站和平台列表，这些网站和平台提供免费在线学习 JavaScript。 只有最好。

• Codecademy — 一个掌握 Web 开发基础知识的平台，尤其是 JavaScript。 Codecademy 是新的和有抱负的前端开发人员开始职业生涯的首批网站之一。 它很有趣，它是互动的，而且它做得很好。
• Learn-JS — 是一个与 Codecademy 类似的平台，具有不同的任务集和学习曲线，在完成 Codecademy 后非常有帮助，可以提高您新学到的技能，并且可能会注意到您可能错过的内容。
• freeCodeCamp——一个快速发展的基于社区的编码平台，网站的每个成员都可以参与解决问题、挑战，然后帮助为无法负担专业编码人员的非营利组织推出新的和令人兴奋的应用程序。 这是一个双赢的局面。
• 风格指南——风格指南有助于构建代码，使其他人更容易构建，AirBNB 发布了他们自己的风格指南，它很快成为你可以在 GitHub 或其他任何地方找到的最受欢迎的 JavaScript 风格指南。

总而言之，很明显，学习 JavaScript 不应该是一个大问题，活跃的开发人员不断分享他们的建议、见解和教程，关于如何变得更好，以及如何最大程度地使用该语言。 我们真诚地希望这些资源对您的学习过程大有裨益。