项目1  收集并展示活动报名信息——JavaScript入门

项目情景

项目目标

1.1  JavaScript概述

1.1.1  JavaScript及其作用

1.1.2  JavaScript的组成

1.1.3  JavaScript的特点

1.2  JavaScript开发工具

1.2.1  编辑器

1.2.2  常用AI编程助手

1.2.3  浏览器

1.3  在网页中嵌入JavaScript

1.3.1  内联式

1.3.2  外链式

1.3.3  行内式

1.3.4  【案例】编写第一个JavaScript程序

1.4  JavaScript基本语法

1.4.1  标识符

1.4.2  关键字与保留字

1.4.3  注释

1.4.4  常用输出语句

项目实施——收集并展示活动报名信息

项目总结

项目考核

项目评价

项目2  获取用户用水量并计算水费——JavaScript基础

项目情景

项目目标

2.1  变量

2.1.1  变量声明

2.1.2  变量赋值

2.2  数据类型

2.2.1  基本数据类型

2.2.2  数据类型检测

2.2.3  数据类型转换

2.2.4  【案例】验证并显示学生成绩信息

2.3  运算符和表达式

2.3.1  算术运算符及其表达式

2.3.2  赋值运算符及其表达式

2.3.3  比较运算符及其表达式

2.3.4  条件运算符及其表达式

2.3.5  逻辑运算符及其表达式

2.3.6  位运算符及其表达式

2.3.7  可选链运算符及其表达式

2.3.8  运算符优先级

2.3.9  【案例】分析学生成绩

项目实施——获取用户用水量并计算水费

项目总结

项目考核

项目评价

项目3  计算BMI并提供健康建议——流程控制与异常处理语句

项目情景

项目目标

3.1  选择结构语句

3.1.1  if语句

3.1.2  switch语句

3.1.3  【案例】根据积分判断会员等级

3.2  循环结构语句

3.2.1  for语句

3.2.2  for...in语句

3.2.3  for...of语句

3.2.4  while语句

3.2.5  do...while语句

3.2.6  循环跳出语句

3.2.7  【案例】猜数字

3.3  异常处理语句

3.3.1  try...catch...finally语句

3.3.2  throw语句

3.3.3  【案例】模拟除法运算

项目实施——计算BMI并提供健康建议

项目总结

项目考核

项目评价

项目4  查询并展示员工信息——数组

项目情景

项目目标

4.1  数组概述

4.2  数组创建

4.2.1  使用方括号创建数组

4.2.2  使用Array对象创建数组

4.2.3  使用Array.from()方法创建数组

4.3  数组操作

4.3.1  获取和改变数组长度

4.3.2  遍历数组

4.4  数组元素操作

4.4.1  访问数组元素

4.4.2  查询数组元素

4.4.3  为数组元素赋值

4.4.4  添加和删除数组元素

4.4.5  数组元素排序

4.4.6  【案例】天气数据分析

4.5  处理数组的其他常用方法

4.5.1  返回数组的方法

4.5.2  返回字符串的方法

项目实施——查询并展示员工信息

项目总结

项目考核

项目评价

项目5  实现商品选购功能——函数

项目情景

项目目标

5.1  函数入门

5.1.1  函数定义

5.1.2  函数参数

5.1.3  函数返回值

5.1.4  函数调用

5.1.5  【案例】获取商品价格

5.2  作用域

5.2.1  全局作用域

5.2.2  局部作用域

5.3  匿名函数与回调函数

5.3.1  匿名函数

5.3.2  回调函数

5.4  嵌套函数与递归函数

5.4.1  嵌套函数

5.4.2  递归函数

5.4.3  【案例】判断数组元素奇偶性

5.5  闭包函数

5.5.1  认识闭包函数

5.5.2  闭包函数的应用

项目实施——实现商品选购功能

项目总结

项目考核

项目评价

项目6  验证、存储和管理用户信息——面向对象

项目情景

项目目标

6.1  面向对象概述

6.1.1  面向过程与面向对象

6.1.2  面向对象的三大特征

6.2  对象概述

6.3  创建对象

6.3.1  使用对象字面量创建对象

6.3.2  使用构造函数创建对象

6.3.3  使用类创建对象

6.4  访问对象成员

6.4.1  使用点表示法访问对象成员

6.4.2  使用括号表示法访问对象成员

6.4.3  使用for...in语句遍历对象成员

6.5  操作对象成员

6.5.1  添加或更新对象成员

6.5.2  删除对象成员

6.5.3  【案例】实现影视评分功能

6.6  常用内置对象

6.6.1  String对象

6.6.2  Number对象

6.6.3  Date对象

6.6.4  Math对象

6.6.5  正则表达式与RegExp对象

项目实施——验证、存储和管理用户信息

项目总结

项目考核

项目评价

项目7  实现图片轮播效果——DOM

项目情景

项目目标

7.1  DOM概述

7.1.1  DOM的层次结构

7.1.2  document对象

7.2  元素操作

7.2.1  获取元素

7.2.2  操作元素内容

7.2.3  操作元素属性

7.2.4  操作元素样式

7.2.5  【案例】实现浏览器夜间模式切换

7.3  节点操作

7.3.1  获取节点

7.3.2  创建节点

7.3.3  插入与设置节点

7.3.4  删除与替换节点

项目实施——实现图片轮播效果

项目总结

项目考核

项目评价

项目8  实现商品展示与用户动态交互——事件

项目情景

项目目标

8.1  事件概述

8.1.1  认识事件

8.1.2  事件流

8.2  事件绑定方式

8.2.1  内联绑定

8.2.2  动态绑定

8.2.3  事件监听

8.2.4  【案例】图片放大缩小

8.3  事件对象

8.3.1  获取事件对象

8.3.2  事件对象的属性和方法

8.4  事件类型

8.4.1  系统事件

8.4.2  用户事件

8.4.3  【案例】移动鼠标绘制轨迹

项目实施——实现商品展示与用户动态交互

项目总结

项目考核

项目评价

项目9  录入并实时验证用户注册信息——BOM

项目情景

项目目标

9.1  BOM概述

9.2  window对象

9.2.1  window对象在全局作用域中的应用

9.2.2  window对象常用内置属性和方法

9.3  history对象

9.4  location对象

9.4.1  URL

9.4.2  location对象常用属性和方法

9.4.3  【案例】跳转、替换和刷新页面

9.5  navigator对象

9.6  screen对象

项目实施——录入并实时验证用户注册信息

项目总结

项目考核

项目评价

项目10  添加和展示用户信息——Ajax

项目情景

项目目标

10.1  Ajax概述

10.2  Ajax运行环境搭建

10.2.1  创建Node.js应用

10.2.2  启动和访问Web服务

10.3  Ajax核心技术

10.3.1  Ajax请求流程

10.3.2  HTTP请求方式

10.3.3  HTTP请求头

10.3.4  HTTP请求状态

10.4  Ajax数据交换格式

10.4.1  XML

10.4.2  JSON

10.5  Ajax跨域

10.5.1  认识跨域

10.5.2  跨域解决方案

项目实施——添加和展示用户信息

项目总结

项目考核

项目评价

参考文献