网页开发基础 | HTML | CSS | JavaScript

开发的第一步:

• 打印动作 console.log

• 定义一个类型为 var 的变量

• 结合变量与 console.log

基础数学运算:

• 定义数字变量

• 算术运算 - 加法、减法、乘法和除法

• 结合 console.log 使用算术运算

字符串:

• 什么是字符串

• 定义字符串变量

• 理解字符串索引

• 使用方括号 [] 操作符

条件和布尔变量:

• 理解 if 条件

• 大于操作

• 小于操作

• 相等操作

• 不等操作（不相等）

• 大于或等于操作

• 小于或等于操作

• 使用简单条件

高级条件:

• 高级条件和逻辑运算符 (&& 和 ||)

• 使用 if 和 else

• 使用复杂条件与 else if

模数运算:

• 使用模数运算（%）计算余数

• 使用方法计算数字中的位数

• 使用parseInt来四舍五入数字的结果

While 循环:

• 如何编写 while 循环

• 理解索引的概念及其用途

For循环:

• 定义for循环及其用途

• 理解循环初始化、增量和终止

模数高级主题:

• 使用模数进行更复杂的任务

• 如何计算数字的各位数之和

数组:

• 定义一个数组

• 理解数组中索引的概念及其用法

• 使用循环遍历数组

对象:

• 定义一个空对象

• 初始化对象中的键

• 使用点操作符访问键

• 动态访问键

对象高级主题:

• 对象数组

• 使用循环遍历对象数组

• Object.keys 方法

• Object.values 方法

• JSON.stringify 方法

• JSON.parse 方法

函数部分A:

• 定义函数

• 为函数定义参数

• 函数的返回值

• 编写更复杂的函数

函数部分B:

• 调用多个函数

• 在另一个函数中调用函数。

• 函数链

嵌套 For 循环:

• 定义嵌套 for 循环

• 正确使用索引

• 带有数组的复杂示例

使用代码构建元素:

• 结合 HTML、CSS 和 JavaScript 的领域

• 理解 DOM（文档对象模型）

• 使用代码创建一个简单的 HTML 元素

• 使用 innerText 和 classList

• 使用 appendChild 函数

使用循环构建列表:

• 创建动态 ul 元素

• 创建动态 li 元素

• 使用函数进行动态创建

从页面检索元素:

• 理解用于检索的getElementById函数

• 理解用于检索的getElementsByClassName函数

• 理解用于检索的getElementsByTagName函数

• 理解用于检索的querySelectorAll函数

• 理解用于检索的querySelector函数

• 理解用于创建的createElement函数

构建动态表格:

• 动态创建表格元素

• 使用arrays和functions来构建表格

事件部分 A:

• 绑定点击事件到按钮

• 使用 addEventListener

• 在用户事件之后动态插入内容到页面

事件部分B:

• 输入和事件的使用

• 动态元素的集成

• 更复杂的示例

回调函数:

• 什么是回调函数

• 何时使用它

• 如何传递参数

• 如何检查代码正确性

定时器:

• 理解 setTimeout 函数

• 理解 setInterval 函数

• 理解语言中的异步特性

与服务器通信 第A部分:

• 理解 xmlHttpRequest 对象

• 与真实服务器创建数据通信

• 在页面上构建动态元素

与服务器通信B部分:

• 使用events和通信

• 创建与服务器交互的动态页面的复杂流程

• 理解JavaScript中的异步行为

使用 Promises:

• 理解 Promise 对象

• 使用 then 和 catch

• 使用 Promises 创建通信

• 使用 Promises 创建复杂流程

结束语