JavaScript前端开发

宋佳珍

目录

  • 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开发网页交互效果时，经常需要获取浏览器的一些信息，控制浏览器的刷新和页面跳转。为了能够使JavaScript控制浏览器，浏览器提供了BOM。本章将对BOM进行详细讲解。

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


学习单元

BOM

课时

4

学习目标

1. 了解BOM的概念，能够说出BOM的作用

2. 掌握BOM对象的使用，能够通过BOM对象实现浏览器操作

3. 掌握窗口事件的使用，能够在窗口加载、窗口卸载或窗口大小改变时执行特定的代码

4. 掌握定时器方法的使用，能够通过定时器延迟一段时间执行代码或间歇执行代码

5. 熟悉同步和异步的概念，能够说出同步和异步的区别

学习内容

知识点

学习目标

重点

难点

BOM简介

了解



window对象

掌握

√


location对象

掌握

√

√

navigator对象

掌握



history对象

掌握



screen对象

掌握



窗口加载与卸载事件

掌握

√


窗口大小事件

掌握



定时器方法

掌握

√

√

【案例】60秒内只能发送一次短信

掌握



同步和异步

熟悉


√

动手实践：制作交通信号灯

掌握


√

本章学习思维导图：