JavaScript 入门

从基础语法到 DOM 操作,学习 JavaScript 编程的基础知识。通过涵盖变量、运算符、函数、数组、对象和事件处理的实践实验,掌握核心 JavaScript 概念。

网页开发

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

通过 10 个引导式动手实验学习浏览器端 JavaScript 的核心构件。你将在 HTML 页面中添加脚本、在浏览器中检查输出,并从值与控制流逐步进入页面内容修改和用户操作响应。

每个实验都用短编程步骤聚焦一个基础主题。课程适合作为第一次接触 JavaScript 与 DOM 的实操入门,为之后学习大型应用或现代 JavaScript 工具打下语法基础。

你将学到什么

完成本课程后,你将能够:

  • 在 HTML 中嵌入 JavaScript、链接外部脚本,并通过 console 和 alert 输出内容。
  • 使用 let 声明变量,存储 string、number 和 boolean,并用 typeof 检查值。
  • 构建算术与字符串表达式,并使用 increment 和 modulus operator。
  • 使用 if、else if 和 else 控制执行,并比较宽松相等与严格相等。
  • 使用 for、while 和 do...while 重复操作,并用 break 退出循环。
  • 定义带 parameter 和 return value 的 function,并传入 argument 调用。
  • 创建、访问、更新和遍历 array,并创建和修改 object property。
  • 选择和更新 DOM element、创建和追加 element,并用 listener 与 event object 处理浏览器 event。

本课程适合谁

本课程适合完全没有 JavaScript 经验的初学者、准备为页面添加行为的 HTML 学习者,以及希望紧凑复习浏览器脚本基础的人。课程偏重逐步练习,而不是独立解题式挑战。

前置要求: 无需 JavaScript 经验。建议了解基础 HTML,因为脚本会嵌入页面,最后两个实验还会选择和修改 HTML element;你也应能编辑文本文件。

学习环境: 10 个引导实验均在配套 Ubuntu 22.04 WebIDE 中运行。你将编辑 HTML 和 JavaScript 文件,并刷新浏览器预览来观察 console 输出、alert、DOM 变化和 event;课程未要求外部账号或部署服务。

常见问题

这是浏览器 JavaScript 还是 Node.js?

是浏览器端 JavaScript。实验使用 HTML 页面、DOM、alert 和浏览器 event;不包含 Node.js、npm、服务端 API 或命令行 package 工具。

需要先会 HTML 吗?

不需要高级 HTML,但了解基础 element 与 attribute 会有帮助。第一个实验会创建 HTML 页面,DOM 和 event 实验则会操作页面 element。

有挑战或最终应用项目吗?

没有。课程清单只有 10 个引导实验,没有 challenge 或 capstone。你将分别练习基础知识,而不是组装完整生产应用。

课程会讲现代异步 JavaScript 或框架吗?

不会。Promise、async/await、fetch、module、class、testing、build tool、TypeScript,以及 React、Vue 等 framework 均不在所列范围内。

教师

labby
Labby
Labby is the LabEx teacher.