课程门户-章节详情

宋佳珍

1 课程简介
- 1.1 为何要学习Web前端
- 1.2 课程标准
- 1.3 课程的主要内容及基本要求
- 1.4 课时分配
- 1.5 考核模式与成绩评定办法
- 1.6 【课堂讨论】答疑解惑
2 项目一 “Hello Javascript”-----初识JavaScript
- 2.1 本章我要学什么？
- 2.2 任务1.1 认识JavaScript
- 2.3 任务1.2开发工具的安装
- 2.4 任务1.3第一个JavaScript程序
- 2.5 第一章节测验
- 2.6 主题讨论
3 第二章 JavaScript基本语法
- 3.1 本章我要学什么？
- 3.2 任务2.1交换两个变量的值
- 3.3 任务2.2数据类型
- 3.4 任务2.3表达式
- 3.5 任务2.4根据用户输入的数据完成求和运算
- 3.6 任务2.5流程控制
- 3.7 任务2.6输出“金字塔”
- 3.8 第二章测验
- 3.9 主题讨论
4 第三章数组
- 4.1 本章我要学什么？
- 4.2 任务3.1初识数组
- 4.3 任务3.2创建数组
- 4.4 任务3.3查找班级最高分和最低分（数组的操作）
- 4.5 任务3.4二维数组转置（二维数组）
- 4.6 任务3.5数据排序
- 4.7 任务3.6 统计每位学生的总成绩
- 4.8 第三章测验
- 4.9 主题讨论
5 第四章函数
- 5.1 本章我要学什么？
- 5.2 任务4.1初识函数
- 5.3 任务4.2使用函数求任意两数的最大值
- 5.4 任务4.3函数内外变量的作用域
- 5.5 任务4.4函数进阶
- 5.6 任务4.5嵌套与递归（求斐波那契数列第N项的值）
- 5.7 任务4.6闭包函数
- 5.8 任务4.7获取指定年份的2月份的天数
- 5.9 第四章测验
- 5.10 主题讨论
6 第五章对象
- 6.1 本章我要学什么？
- 6.2 任务5.1初识对象
- 6.3 任务5.2对象的创建
- 6.4 任务5.3对象的遍历
- 6.5 任务5.4值类型和引用类型
- 6.6 任务5.5猜数字游戏（Math对象）
- 6.7 任务5.6时间差计算（Data对象）
- 6.8 任务5.7统计不及格学生的人数
- 6.9 任务5.8判断用户名是否合法
- 6.10 任务5.9查阅MDN Web文档
- 6.11 任务5.10统计出现次数最多的字符
- 6.12 第五章测验
- 6.13 主题讨论
7 第六章 DOM（上）
- 7.1 本章我要学什么？
- 7.2 任务6.1 Web API简介
- 7.3 任务6.2 DOM简介
- 7.4 任务6.3 获取元素
- 7.5 任务6.4 事件基础
- 7.6 任务6.5 元素内容操作
- 7.7 任务6.6 单击按钮改变按钮颜色（元素样式操作）
- 7.8 任务6.7 元素属性操作
- 7.9 任务6.8 显示和隐藏密码
- 7.10 第六章测验
- 7.11 主题讨论
8 第七章 DOM（下）
- 8.1 本章我要学什么？
- 8.2 任务7.1 节点基础
- 8.3 任务7.2 简易留言板（节点操作）
- 8.4 任务7.3 事件进阶
- 8.5 任务7.4 事件对象
- 8.6 任务7.5 常用事件
- 8.7 任务7.6 元素其他操作
- 8.8 任务7.7 鼠标拖曳效果
- 8.9 第七章测验
- 8.10 主题讨论
9 第八章 BOM
- 9.1 本章我要学什么？
- 9.2 任务8.1 BOM简介
- 9.3 任务8.2 BOM对象
- 9.4 任务8.3 窗口事件
- 9.5 任务8.4 定时器
- 9.6 任务8.5 制作交通信号灯
- 9.7 第八章测验
- 9.8 主题讨论
10 第九章正则表达式
- 10.1 本章我要学什么？
- 10.2 任务9.1 认识正则表达式
- 10.3 任务9.2 正则表达式中的元字符（身份证号码验证）
- 10.4 任务9.3 正则表达式中的模式修饰符
- 10.5 任务9.4 正则表达式常用方法（过滤并替换敏感词）
- 10.6 任务9.5 表单验证
- 10.7 第九章测验
- 10.8 主题讨论
11 第十章 web服务器Ajax
- 11.1 本章我要学什么？
- 11.2 任务10.1 Web基础知识
- 11.3 任务10.2 Web服务器搭建
- 11.4 任务10.3 Ajax入门
- 11.5 任务10.4 数据交换格式
- 11.6 任务10.5 同源策略
- 11.7 任务10.6 Ajax表单验证
- 11.8 第十章测验
- 11.9 主题讨论
12 第十一章 jQuery
- 12.1 本章我要学什么？
- 12.2 任务11.1 jQuery快速入门
- 12.3 任务11.2 获取元素
- 12.4 任务11.3 元素操作
- 12.5 任务11.4 事件操作
- 12.6 任务11.5 动画特效（导航跟随效果）
- 12.7 任务11.6 jQuery操作Ajax
- 12.8 任务11.7 返回页面顶部
- 12.9 第十一章测验
- 12.10 主题讨论
13 项目实战（实践）
- 13.1 项目分析
- 13.2 项目实现
  - 13.2.1 首页技术实现
  - 13.2.2 影片详情页面的实现
14 1+X前端开发考证
- 14.1 Web前端开发1+X职业技术等级证书的学习目标和学习线路图
- 14.2 JavaScript专项练习一
- 14.3 JavaScript专项练习二
- 14.4 jQuery专项练习一
- 14.5 jQuery专项练习二
- 14.6 jQuery专项练习三
- 14.7 jQuery专项练习四
15 web前端面试资源库
- 15.1 web前端企业面试真题汇编
  - 15.1.1 Web前端企业面试真题(一)
  - 15.1.2 Web前端企业面试真题(二)
  - 15.1.3 Web前端企业面试真题(三)
  - 15.1.4 Web前端企业面试真题(四)
  - 15.1.5 Web前端企业面试真题(五)
- 15.2 Vue.js 企业面试真题汇编
  - 15.2.1 Vue.js 企业面试真题（一）
  - 15.2.2 Vue.js 企业面试真题（二）
  - 15.2.3 Vue.js 企业面试真题（三）
  - 15.2.4 Vue.js 企业面试真题（四）
  - 15.2.5 Vue.js 企业面试真题（五）
- 15.3 Node.js企业面试真题汇编
  - 15.3.1 Node.js企业面试真题（一）
  - 15.3.2 Node.js企业面试真题（二）
  - 15.3.3 Node.js 企业面试真题（三）
  - 15.3.4 Node.js 企业面试真题（四）
  - 15.3.5 Node.js 企业面试真题（五）

本章我要学什么？

1 本章教学内容
2 教学目标、重难点

教学引入：

通过第6章的学习，大家应该已经掌握了DOM中元素的相关操作以及事件的基本使用，可以通过注册事件以及元素操作的方式完成页面的交互效果。接下来，本章将继续讲解DOM中的进阶内容，如节点操作、事件监听等。通过本章学习，大家可以实现更加复杂的页面交互效果。

课程的主要内容及基本要求:

学习单元	DOM（下）	课时	12
学习目标	1. 熟悉节点的概念，能够说出节点的属性和层级 2. 掌握节点操作，能够完成节点的获取、创建、添加、移除和复制操作 3. 掌握事件的进阶操作，能够实现事件的监听和移除 4. 熟悉DOM事件流，能够说出事件捕获和事件冒泡两种方式的区别 5. 掌握事件对象，能够利用事件对象进行事件操作 6. 掌握常用事件，能够通过常用事件完成常见的网页交互效果 7. 掌握元素其他操作，能够对元素的位置、大小、可视区域和滚动进行操作，能够获取鼠标指针位置
学习内容	知识点	学习目标		重点	难点
	节点的属性	熟悉
	节点的层级	熟悉
	获取节点-获取父节点	掌握		√
	获取节点-获取子节点	掌握		√
	获取节点-获取兄弟节点	掌握		√
	创建并添加节点	掌握		√	√
	移除节点	掌握
	【案例】简易留言板	掌握			√
	复制节点	掌握
	事件监听	掌握		√	√
	事件移除	掌握
	DOM事件流	熟悉			√
	事件对象的使用	掌握
	事件对象的常用属性和方法	掌握		√	√
	焦点事件	掌握
	【案例】文本框内容的显示和隐藏	掌握
	鼠标事件	掌握		√
	【案例】下拉菜单	掌握			√
	键盘事件	掌握
	表单事件	掌握
	获取元素的位置和大小	掌握			√
	获取元素的可视区域	掌握
	元素的滚动操作	掌握
	获取鼠标指针位置	掌握			√
	动手实践：鼠标拖曳效果	掌握			√

本章学习思维导图：

图片预览