开始学习 JavaScript：为什么应该以及如何免费学习

已发表: 2022-04-23

您是否想开始学习 JavaScript 但不知道如何或从哪里开始？ 在这篇文章中，我们将为您提供开始使用流行编程语言自学所需的指导。

我们将讨论为什么您可能会考虑从难度和职业前景两个方面学习 JavaScript。 在那之后，这篇文章将介绍如何开始，通常是免费的。 完成后，我们希望您对如何从零开始自己学习 JavaScript 有一个很好的理解。

什么是 JavaScript，为什么要学习它？

在开始学习如何开始学习 JavaScript 之前，让我们先谈谈这样做的原因。 为此，了解可以使用编程语言做什么是很有用的。

JavaScript 应用程序

我们先来谈谈网页设计。 在构建网站时，JavaScript 是使它们具有交互性的部分。 HTML 提供框架和内容，CSS 定义站点的布局和设计，而 JavaScript 则用于添加功能和行为。 您可以在下拉菜单、弹出窗口和其他模式、联系表格、动画和交互式地图中找到它最常见的部分。

javascript 应用程序示例：交互式地图

就像 HTML 和 CSS 一样，JavaScript 也是每个浏览器都可以理解和处理的东西。

在 WordPress 中，我们也看到 JavaScript 的应用越来越多。 Calypso，WordPress.com 的桌面应用程序完全基于 JavaScript，特别是 React 和 Node.js。

Calypso 堆栈：开始学习 javascript 的原因之一
Calypso 建立在现代 JavaScript 堆栈之上。

Gutenberg 编辑器在 2018 年取代了经典的 WordPress 编辑器成为默认的写作界面，它也使用 JavaScript 作为其主要技术。

wordpress gutenberg 编辑器：javascript 应用程序示例

虽然最初是一种客户端语言（意味着它在用户浏览器中被解释和处理），但由于 Node.js，它现在也可以运行在服务器端。 此外，React Native 和 Iconic 将其带到了移动设备，将 Electron 带到了桌面。

因此，JavaScript 的应用远远超出了 Web。 您可以使用它来创建 Web 应用程序和后端产品、运行智能电视、物联网设备和原生移动应用程序。 另外，由于它是跨平台兼容的，它可以为在任何地方工作的桌面应用程序提供动力。

JavaScript 的优缺点

除了知道你可以使用 JavaScript 做什么之外，它还有助于检查它的优缺点。

JavaScript 专家

让我们从 JavaScript 作为编程语言的优势开始：

  • 多功能性——我们已经在上面提到了 JavaScript 的无数应用领域。 从网站、移动和桌面应用程序，到智能设备和游戏，甚至机器学习——几乎没有什么是您不能使用的。 JavaScript 也适用于前端和后端，并且可以与其他编程语言很好地配合使用。 简而言之，JavaScript 是一个多功能性强者。
  • 初学者友好——JavaScript 的语法很容易学习。 也不需要构建开发环境，您可以在浏览器中开始编码。 此外，该语言还有一个庞大的在线社区，可提供建议和支持。 另外，JavaScript 非常适合学习适用于其他语言的基本概念（例如面向对象编程）。 最后，有许多框架可以帮助您。
  • 速度——与其他编程语言相比，尤其是那些像 PHP 那样运行服务器端的编程语言，JavaScript 通常执行得更快。 这并不奇怪，因为它可以直接在浏览器中运行，而无需编译或与服务器对话（除非它需要外部资源）。 它还导致对服务器的需求减少。 因此，它通常是具有大量交互性的应用程序或网站的选择。

JavaScript 的缺点

JavaScript有什么缺点吗？ 当然，很少有事情是完全没有缺点的。 在这种情况下，需要考虑以下几点：

  • 安全问题——由于 JavaScript 在用户浏览器中运行，因此有可能利用它进行恶意攻击。 这就是为什么有些人选择默认在浏览器中将其关闭的原因。
  • 跨浏览器支持——与服务器端脚本相比，有时不同的浏览器会以不同的方式解释相同的 JavaScript 代码。 这会使编写跨浏览器兼容的代码变得困难。
  • SEO — 搜索引擎抓取 JavaScript 的能力尚不完全清楚，因此它存在潜在的 SEO 问题。 无论如何，您需要学习如何以对 SEO 友好的方式实现 JavaScript。

职业前景

近年来，编程语言变得越来越流行。 在 2021 年 Stack Overflow 开发者调查中，它被评为专业开发者中最受欢迎的编程语言。 连续第九年！

堆栈溢出开发人员调查 2021 年最流行的语言

此外，前 5 名的 Web 框架也都是 JavaScript 框架。

堆栈溢出开发者调查 2021 年最流行的 Web 框架

随着语言转移到新的领域，它开辟了越来越多的工作机会。 Devskiller 发现，在 2019 年，72% 的公司都在寻找 JavaScript 开发人员。 编程语言也是面试中最常测试的技能。

如果您想成为全栈开发人员的前端，那么了解 JavaScript 对这门课程来说几乎是标准的。 此外，如果您想进入游戏开发、机器学习或人工智能领域，了解 JavaScript 也很有用。

此外，精通 JavaScript 的人可以获得高薪。 根据 Indeed.com 的数据，美国 JavaScript 开发人员的平均基本工资为每年 111,278 美元。 即使是初学者也可以期望起价为 90,000 美元。

javascript开发人员薪水美国2021

此外，当您在 LinkedIn 上搜索 JavaScript 时，仅在美国就有超过 400,000 个职位空缺。 因此，掌握了 JavaScript 技能后，您将面临良好的工作机会和高薪的机会。

JavaScript 对初学者来说容易学习吗？

更进一步，我们提到 JavaScript 的优点之一是它易于学习。 为了向您展示这是真的，我们现在将介绍一些基本的 JavaScript 概念和代码。 这样，您就可以为自己形成意见。

评论

我们先来谈谈评论。 与大多数编程语言一样，JavaScript 允许您以浏览器不会尝试执行它们的方式来注释您的代码和标记注释。 这样，您可以记录您的工作而不会导致错误。

JavaScript 知道两种类型的注释：单行和多行。 以下是它们的编写方法：

 // Nothing in this line will be executed /* Neither Will Any of This */

熟悉 PHP 的人会感到宾至如归，因为这两种语言以相同的方式标记注释。

输出数据

尝试 JavaScript 的最简单方法之一是使用alert() 。 您可以使用它在浏览器内的弹出窗口中输出消息。

javascript开始学习alert方法

要获得上述信息，只需在浏览器开发人员工具中打开控制台并粘贴以下代码：

 alert("With JavaScript, it's really easy to make this box appear.");

很容易理解，对吧？ 当您现在按 Enter 键时，您应该会看到与上面相同的消息。

alert()是一种向用户输出数据的 JavaScript 方法。 括号内的字符串（意思是文本）是弹出窗口的内容。 最后需要一个分号来表示这行代码是完整的。

有了这些知识，就可以自己尝试了。 只需将括号内的字符串（确保将其放在引号中）更改为您想要创建自己的弹出窗口的任何内容。

带有控制台的 javascript 警报方法示例

操作 DOM

在网页设计中，您最常使用 JavaScript 来更改用户界面或 DOM。 DOM 代表“文档对象模型”，基本上是构成网页的 HTML 元素树。 当您使用开发人员工具检查任何页面时，您可以看到它。

在浏览器开发者工具中检查 html

JavaScript 提供了许多不同的选项来对其进行更改。 让我们通过一个示例来展示它如何做到这一点以及它的外观。

 <!DOCTYPE html> <html> <body> <h2>Start Learning JavaScript Demo Page</h2> <p></p> <script> document.getElementById("target").innerHTML = "With JavaScript, it's really easy to manipulate the DOM."; </script> </body> </html>

上面，我们创建了一个简单的 HTML 页面。 如您所见，它有一个标题和一个带有target ID 的空段落元素（如果您不了解 HTML 类和 ID，可以在此处了解更多信息）。

底部还有一个 JavaScript 脚本。 它被包裹在<script>标记中，以便浏览器识别它。 为了理解它的作用，让我们把它拆开：

  • document — 访问文档对象，即网页。
  • getElementByID("target") — 根据 ID 查找元素。 括号包含要在引号中查找的 ID。
  • innerHTML — 更改元素的内部 HTML。

将它们放在一起时，脚本基本上会在网页中搜索具有target ID 并添加到其内部 HTML 的元素。 它应该包含在该位置的内容位于双引号内的等号后面。 因此，当您在浏览器中使用上述代码访问文件时，您会看到：

开始学习用 javascript 操作 dom

没那么难理解吧？ 希望以上内容能让您快速了解 JavaScript 语法的工作原理。 您可以在此 JavaScript 备忘单中找到更多基本技巧。

框架呢？

当你开始学习 JavaScript 时，你会开始听到很多关于框架的东西。 如果您不熟悉这个术语，那么框架几乎就是代码库的集合。 它们包含网页、应用程序或任何其他目标的共同特征和元素。 这使您可以创建和使用这些元素和功能，而无需从头开始编写它们。

那么，如果 JavaScript 框架让生活变得如此轻松，您是否应该立即开始使用它们？

这实际上是开发人员之间激烈辩论的一部分。 有人说你应该在学习框架之前学习 vanilla（意思是简单的）JavaScript。 其他人认为您应该立即开始使用框架以开始运行。

我们不能在这里给你一个明确的答案，但在扩展之前至少学习 JavaScript 的基础知识可能总是一个好主意。 这样做会让你更好、更深入地了解你正在做什么，并使你成为更好的开发人员。

如何开始免费学习 JavaScript？

这只留下了一个问题，你究竟可以从哪里开始学习 JavaScript，最好不用付费？ 您可以使用以下一些免费资源开始您的旅程：

  • MDN Web Docs — Mozilla 开发者网络被认为是网页设计知识的主要资源之一。 它充满了一流的教程，从 HTML 到 CSS 到 Web 表单、可访问性等等。 他们还有一个广泛的 JavaScript 学习指南，您可以免费阅读。
  • W3Schools — 与 MDN 类似，W3Schools 对 JavaScript 有完整的介绍。 它包含一口大小的课程，其中包含大量自己动手尝试的示例。 该网站也非常适合作为查找资源。 此外，如果您想要一种稍微结构化的方法并且愿意为此付费，您可以尝试他们的付费课程。
  • JavaScript.info — 一个完整的 JavaScript 在线课程，您可以自己点击。 大量信息、视觉效果和提示（例如，包括使用哪些代码编辑器）。 它还具有评论功能，读者可以在其中提出问题、讨论或分享代码片段。
  • Eloquent JavaScript — Eloquent JavaScript 最初是一本印刷书籍，可在线免费获取，也可作为电子书获取。 它非常密集，因此可能更适合中级开发人员。

如果您正在寻找更多，我们还有一篇包含学习资源的文章。 此外，还有一些付费课程，例如 Team Treehouse、Udemy 和 Skillshare。

那么，你应该在 2022 年开始学习 JavaScript 吗？

JavaScript 是现代网络不可或缺的一部分。 如果没有这种动态编程语言，网站和应用程序的许多功能是不可想象的。 此外，它已扩展到许多其他领域，例如游戏和机器学习。

在这篇文章中，我们试图回答你是否应该以及如何开始学习 JavaScript 的问题。 当您查看该语言在哪里发挥作用、它能做什么以及工作和薪水机会时，很容易看出进入 JavaScript 是一条明智的道路。 即使或特别是作为 WordPress 领域的某个人，这也是有道理的，因为它在这里也取得了进展。

如果你想试一试，有很多免费的在线资源可以开始学习 JavaScript。 你可以马上开始，为什么不呢？

你还有其他学习 JavaScript的入门资源可以分享吗？ 如果是这样，请在下面的评论中进行！