微信二维码
微博二维码
qq号二维码

如何学习JavaScript[分步指南]

王伟平 2021.06.04 34人浏览
JavaScript 是一种免费的脚本语言

如何学习 JavaScript [分步指南]:


#介绍

JavaScript 是一种免费的脚本语言,可在客户端和服务器端工作。它基于文本并与 HTML 和 CSS 一起工作,以增强代码功能并添加交互元素。简而言之,JS 可以为原本枯燥的静态网页带来活力。JS 是解释性的,这意味着代码不需要编译。对于使用大量交互式内容的大型项目,会创建扩展名为 .js 的单独 JavaScript 文件。但是,JS 也可以使用 <script> 标签嵌入到 HTML 代码中。JS 的一些常见用例是交互式地图、实时新闻更新、表单验证、创建登录页面等。


一个简单的JS程序如下:

如何学习JavaScript[分步指南]

在此代码中,单击“Click”按钮会更改文本。由于 onClick JavaScript 事件!


#JavaScript 的优点

JavaScript 彻底改变了世界看待浏览器的方式。它提供了构建复杂网站并使整个业务流程数字化的能力!JavaScript 的一些优点是:

高性能:JS 轻量级且快速,因为它可以立即在浏览器(客户端机器)上运行

简单而流行:我们已经使用它多年了,它并没有失去控制!

互操作性:可与多种其他语言和应用程序一起使用

减少服务器负载,因为它在客户端工作

使页面生动、动态和丰富

它带有许多免费工具来增强功能

可以使用 Node.js 将 JS 的功能扩展到后端


#工作前景

JavaScript 站稳脚跟,为什么不呢?Web 应用程序是这个不断变化的数字世界的现在和未来。每天都会添加具有大量交互元素的新网站,这意味着 JavaScript 开发人员总会有工作。这就是为什么它是 2020 年排名前 5 的编程语言之一。 JS 开发人员有大约 24000 个职位空缺,平均每年支付约 118,000 美元。


#先决条件

要学习 JavaScript,您必须了解 HTML 和 CSS 的基础知识,这两者都非常容易学习。对于 JavaScript 和大多数基于 Web 的项目的工作知识,这些知识就足够了。对于更高级的项目和技能,建议了解基本的 OOP 概念和基于 OOP 的编程语言(如 Java)。

你可以安装IDE或使用代码编辑器,甚至可以使用记事本或Textpad来编写JS代码。与使用记事本等编辑器编程相比,IDE 和编辑器提供直观的编程体验和更快的结果,您必须从头开始输入所有内容。


#集成开发环境

虽然您可以使用记事本键入和运行 JS 程序,但 IDE 可以轻松调试代码并为 ALM(应用程序生命周期管理)系统提供支持。以下是排名前 3 的 IDE/源代码编辑器:

WebStorm: WebStorm 为 CSS、TypeScript、JS 提供智能辅助和代码补全、重构。您可以使用针对 Node.js 和客户端代码的内置调试器来测试您的功能并进行故障排除。在购买之前使用 30 天试用版来感受产品。

Visual Studio Code:实际上没有 VS Code 不支持的语言。它是一个免费的、对开发人员友好的跨平台 IDE,提供内置 Git 集成、智能代码完成、编辑器本身的代码调试等功能。它是高度可扩展的。

Atom: Atom 是 GitHub 上非常流行的 IDE。它提供基于上下文的智能代码完成、轻松的代码导航、用于理解和调试代码的全套诊断工具,以及更多功能。它是免费和开源的,您可以使用预装的主题和样式为您的编码增添一些乐趣。


#在线Javascript IDE

AWS Cloud9:除了JS,AWS Cloud9还支持C、C++、Perl、Python、Node.js等开发,完全用JS编写,后端是Node.js。它是一种在线开源 IDE,需要一个 AWS 帐户才能访问。一些功能包括语法突出显示、对 npm 和基本 UNIX 命令的支持、同时编辑、实时语言分析和可定制的键绑定。


#如何学习 JavaScript

许多免费和付费的课程和教程都可用于学习 JavaScript。如需深入了解,您还可以购买一些好书,例如A Smarter Way to Learn JavaScript(https://www.amazon.com/dp/1497408180?tag=hackr0df-21)和Effective JavaScript: 68 Specific Ways to Harness the Power of JavaScript(https://www.amazon.com/dp/0321812182?tag=hackr0df-21)。但是,要开始处理项目,您只需要一点点理论知识和更多实践经验,因此我们建议您参加教程和短期课程,以快速入门。


#以下是排名前 5 的 JavaScript 教程:

2020 年完整的 JavaScript 课程:构建真实项目!:一门介绍性课程还涵盖了一些专家级主题,从变量、循环、控制语句和现代 OOPS 等 JS 基础知识开始,然后解释了 Parcel、NPM、Babel 和 ES6 模块等现代工具。您还将了解闭包、高阶函数和其他复杂主题。该课程价格合理,并提供 74 小时的点播视频和对材料的终身访问。

前端 Web 开发人员:纳米学位:这是一门为期 4 个月的付费课程,涵盖了一些高级主题,如 Web API、异步应用程序等。您应该具备 HTML、CSS、JavaScript 的基础知识才能学习本课程。您将可以在适当的反馈和指导下进行实际项目。

Fullstack Javascript:如果你想成为一名全栈 JS 开发人员,这是适合你的课程。该课程从头开始教授 JS。一旦您彻底掌握了基础知识,您还将了解 AJAX、异步编程、Fetch API、Node.js 以及在浏览器之外编写 JS 应用程序的各种方法(如从命令行编写)。还教授了从 SQL 基础到在 Node.js 中使用 SQL ORM 以及构建简单 CRUD 应用程序的数据库概念。

JavaScript 简介 | FreeCodeCamp:您可以通过此免费课程从头开始学习。它的节奏很好,甚至涵盖了其他课程很容易忽略的细微概念。它遵循动手实践的方法,并涵盖了许多可供开发人员处理的示例。本教程是边做边学的一个很好的例子。

JavaScript 教程 (javascript.info):尝试这个结构良好的免费教程,它从头开始,从设置代码编辑器、手册和开发者控制台、JS 基础知识、调试、转译器和面向对象的概念(如“this”)开始,对函数、堆栈、递归、继承、原型和许多更高级概念的引用、“新”运算符等。作者提供了简单的示例来演示每个主题,使新手易于学习。


#Javascript 项目

开始做 JavaScript 项目很简单,因为不需要设置。从构建简单的计算器到复杂的弹球游戏,选项很多。您可以从我们为初学者准备的 JavaScript 项目列表开始,以获得它的诀窍。然后,您可以进行更多项目,例如动画设计、课堂管理系统(您可能需要使用 node.js)、帮助抓取和总结网站内容的网络助手、记忆游戏、俄罗斯方块游戏等。


#认证

认证将帮助您增强信心并申请更具挑战性和更有成效的工作。如果您手头有证书,您还将获得优于其他具有相同技能和经验的候选人的优势。我们精选的最佳 JavaScript 认证将帮助您获得以结果为导向的实用技能和知识。大多数认证都是针对初学者的,从一般的编程原则开始,然后再进入更高级的主题,如表单验证、动画、与数据库的通信等。

分享到:
微信小程序之wx.uploadFile
  • 2019.11.30
  • 如何正确学习Flutter!?
  • 2021.06.04