课程门户-章节详情

宋佳珍

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 教学目标、重难点

教学引入：

项目开发中，经常需要对表单中输入内容的格式进行限制。例如，用户名、密码、手机号、身份证号的格式验证，这些内容遵循的规则繁多而又复杂，如果要成功匹配，可能要编写上百行代码，这种做法显然不可取。此时，就需要使用正则表达式，利用较简短的描述语法完成诸如查找、匹配、替换等功能。本章将围绕如何在JavaScript中使用正则表达式进行详细讲解。

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

学习单元	正则表达式	课时	4
学习目标	1. 熟悉正则表达式，能够说出正则表达式的概念和作用 2. 掌握正则表达式的创建，能够使用两种方式创建正则表达式 3. 掌握正则表达式的使用，能够使用正则表达式进行字符串匹配 4. 掌握正则表达式中元字符的使用，能够根据需求选择合适的元字符 5. 掌握正则表达式中模式修饰符的使用，能够根据需求选择合适的模式修饰符 6. 掌握正则表达式常用方法，能够实现字符串的匹配、分割和替换
学习内容	知识点	学习目标		重点	难点
	什么是正则表达式	熟悉
	创建正则表达式	掌握		√
	使用正则表达式	掌握		√
	定位符	掌握
	中括号、连字符和反义符	掌握		√
	反斜线	掌握			√
	点字符和限定符	掌握		√	√
	竖线	掌握
	小括号-改变作用范围	掌握		√
	小括号-捕获内容	掌握		√
	小括号-反向引用	掌握
	小括号-零宽断言	掌握			√
	【案例】身份证号码验证	掌握
	正则表达式中的模式修饰符	掌握		√
	search()方法	掌握
	split()方法	掌握			√
	replace()方法	掌握		√
	【案例】过滤并替换敏感词	掌握
	动手实践：表单验证	掌握		√

本章学习思维导图：

图片预览