Web前端开发基础之JavaScript程序设计
Web前端开发基础之JavaScript程序设计
5000+ 人选课
更新日期:2026/04/03
开课平台智慧树
开课高校浙江工业职业技术学院
开课教师宋雯斐杨月奎张敏梁永幸陈潘航
学科专业
开课时间2026/01/21 - 2026/07/20
课程周期26 周
开课状态开课中
每周学时-
课程简介
该课程是计算机应用技术、大数据应用、软件开发等相关专业的一门专业基础课。课程以“1+x”《Web 前端开发职业技能等级标准》初级工程师的能力标准与知识要求为依据,内容包括JavaScript脚本语言的基本语法、BOM与DOM操作以及jQuery框架应用。通过课程学习,学生能掌握Javascript语言的基本语法,熟练利用JavaScript控制WEB页面各级元素,实现WEB前端验证,并能够运用jQuery框架实现网页内容的动态展示等。培养学生形成良好的学习、沟通、思考与团队协作能力等良好的人文素养,能从事 Web 前端软件编码、软件测试、软件技术服务等工作的初级技术技能人才。
课程大纲

在线教程

章节简介教学计划
基本语法
学习资料 登录后可预览视频
javascript入门
杨月奎
学习资料
javascript变量和常量
杨月奎
学习资料
javascript数据类型
杨月奎
学习资料
javascript字符串
杨月奎
学习资料
javascript运算
杨月奎
学习资料
javascript流程控制
杨月奎
学习资料
数组
学习资料
javascript数组
杨月奎
学习资料
函数
javascript函数
杨月奎
学习资料
对象
学习资料
javascript对象
杨月奎
BOM
学习资料
javascriptBOM1
杨月奎
javascriptBOM2
杨月奎
DOM
javascriptDOM1
杨月奎
javascriptDOM2
杨月奎
事件
学习资料
javascript事件1
杨月奎
javascript事件2
杨月奎
jQuery选择器
学习资料
jQuery入门
杨月奎
学习资料
jQuery选择器
杨月奎
jQuery基本选择器
杨月奎
jQuery层级选择器
杨月奎
jQuery属性选择器
杨月奎
jQuery基本过滤选择器
杨月奎
jQuery可见性过滤选择器
杨月奎
jQuery内容过滤选择器
杨月奎
jQuery子元素过滤选择器
杨月奎
jQuery表单过滤选择器
杨月奎
jQuery操作DOM
学习资料
jQuery操作元素样式、尺寸和位置
梁永幸
学习资料
jQuery操作元素属性、状态和内容
梁永幸
学习资料
阶段案例之奥运会运动项目选择
梁永幸
jQuery创建和添加节点
杨月奎
阶段案例之冬奥运送祝福
杨月奎
jQuery DOM其它操作
杨月奎
阶段案例之冬奥运热门冰雪项目
杨月奎
jQuery事件
jQuery常用事件
张敏
学习资料
事件绑定与解绑
张敏
学习资料
事件触发与冒泡
张敏
学习资料
jQuery动画效果
学习资料
jQuery效果(1)-概述及语法
陈潘航
学习资料
jQuery效果(2)-显示/隐藏、淡入淡出
陈潘航
学习资料
jQuery效果(3)-滑动、自定义动画
陈潘航
学习资料
jQuery效果(4)-综合部分
陈潘航
学习资料
jQuery的Ajax操作
学习资料
Ajax(1)-简介及服务器安装
陈潘航
学习资料
Ajax(2)-Load、Get、Post
陈潘航
学习资料
Ajax(3)-数据类型、JSON、JS
陈潘航
学习资料
Ajax(4)-Ajax、事件
陈潘航
学习资料
Ajax(5)-表单序列化
陈潘航
学习资料
“1+X”Web前端开发初级实操考试综合案例
学习资料
综合案例1
杨月奎
学习资料
综合案例2
杨月奎
学习资料
综合案例3
杨月奎
综合案例4
杨月奎
学习资料
  • 第一章基本语法

    本章主要介绍JavaScript语言的发展历史、特点、使用方法以及学习JavaScript语言基础,包括关键字和标识符、数据类型、常量和变量、运算符和表达式以及编写程序时常用的一些语句。

  • 1.1javascript入门

    本节主要介绍JavaScript语言的发展历史、特点和几种使用方法。

  • 1.2javascript变量和常量

    本节主要介绍javascript标识符、关键字、保留字、定义常量和变量。

  • 1.3javascript数据类型

    本节主要介绍javascript数据类型包括布尔型、字符型、数值型、空型、未定义型和对象等。

  • 1.4javascript字符串

    本节主要介绍javascript字符串、字符串属性和常用方法。

  • 1.5javascript运算

    本节主要介绍javascript运算包括算术运算、赋值运算、比较运算、逻辑运算和三元运算。

  • 1.6javascript流程控制

    本节主要介绍javascript流程控制,包括选择结构、循环结构以及跳转语句。

  • 第二章数组

    本章主要介绍javascript数组,内容包括创建数组、数组基本操作、数组额访问遍历以及数组的常用方法等。

  • 2.1javascript数组

    本节主要介绍javascript数组,内容包括创建数组、数组基本操作、数组额访问遍历以及数组的常用方法等。

  • 第三章函数

    本章主要介绍javascript函数、匿名函数、局部变量、全局变量以及闭包等。

  • 3.1javascript函数

    本节主要介绍javascript函数、匿名函数、局部变量、全局变量以及闭包等。

  • 第四章对象

    本章主要介绍javascript对象定义、访问对象成员、遍历对象成员、构造函数和常用的内置对象等。

  • 4.1javascript对象

    本节主要介绍javascript对象定义、访问对象成员、遍历对象成员、构造函数和常用的内置对象等。

  • 第五章BOM

    本章主要介绍BOM概述、window对象、location对象、history对象、navigator对象、screen对象。

  • 5.1javascriptBOM1

    本节主要介绍BOM概述、window对象。

  • 5.2javascriptBOM2

    本节主要介绍location对象、history对象、navigator对象、screen对象。

  • 第六章DOM

    本章主要介绍DOM概述、查找HTML元素、HTML元素操作、元素属性操作、元素样式设置、节点操作。

  • 6.1javascriptDOM1

    本节主要介绍DOM概述、查找HTML元素、HTML元素操作。

  • 6.2javascriptDOM2

    本节主要介绍元素属性操作、元素样式设置、节点操作。

  • 第七章事件

    本章主要介绍事件概述、绑定事件、事件对象、事件分类。

  • 7.1javascript事件1

    本节主要介绍事件概述、绑定事件。

  • 7.2javascript事件2

    本节主要介绍事件对象、事件分类。

  • 第八章jQuery选择器

    本章主要介绍jQuery基本应用和选择器。

  • 8.1jQuery入门

    本节主要介绍jQuery简介、jQuery特征、jQuery如何使用及开发调试工具。

  • 8.2jQuery选择器

    本节主要介绍jQuery选择器、DOM对象及jQuery对象。

  • 8.3jQuery基本选择器

    本节主要介绍jQuery基本选择器如标签选择器、ID选择器、类选择器等等。

  • 8.4jQuery层级选择器

    本节主要介绍jQuery层级选择器。

  • 8.5jQuery属性选择器

    本节主要介绍jQuery属性选择器。

  • 8.6jQuery基本过滤选择器

    本节主要介绍jQuery基本过滤选择器。

  • 8.7jQuery可见性过滤选择器

    本节主要介绍jQuery可见性过滤选择器。

  • 8.8jQuery内容过滤选择器

    本节主要介绍jQuery内容过滤选择器。

  • 8.9jQuery子元素过滤选择器

    本节主要介绍jQuery子元素过滤选择器。

  • 8.10jQuery表单过滤选择器

    本节主要介绍jQuery表单过滤选择器。

  • 第九章jQuery操作DOM

    本章主要介绍jQuery操作DOM,如添加删除节点、设置节点属性内容等等。

  • 9.1jQuery操作元素样式、尺寸和位置

    本节主要介绍jQuery操作元素样式、元素尺寸等。

  • 9.2jQuery操作元素属性、状态和内容

    本节主要介绍jQuery操作元素属性和内容。

  • 9.3阶段案例之奥运会运动项目选择

    本节主要介绍通过jQuery操作元素属性实现奥运会运动项目选择。

  • 9.4jQuery创建和添加节点

    本节主要介绍jQuery创建和添加DOM节点。

  • 9.5阶段案例之冬奥运送祝福

    本节主要介绍通过Query创建和添加DOM节点实现弹幕效果,为冬奥运送祝福。

  • 9.6jQuery DOM其它操作

    本节主要介绍DOM其它操作,如复制节点、删除节点、包裹节点及替换节点等等。

  • 9.7阶段案例之冬奥运热门冰雪项目

    本节主要介绍通过jQuery DOM操作实现冬奥运热门冰雪项目的选择。

  • 第十章jQuery事件

    本章主要介绍jQuery事件触发机制、事件绑定与解绑、事件触发与冒泡等等。

  • 10.1jQuery常用事件

    本节主要介绍jQuery常用事件如页面加载事件、鼠标事件等等。

  • 10.2事件绑定与解绑

    本节主要介绍jQuery事件绑定与解绑。

  • 10.3事件触发与冒泡

    本节主要介绍jQuery事件触发与冒泡。

  • 第十一章jQuery动画效果

    本章主要介绍jQuery封装的动画方法。

  • 11.1jQuery效果(1)-概述及语法

    本节主要介绍jQuery动画概述及基本语法。

  • 11.2jQuery效果(2)-显示/隐藏、淡入淡出

    本节主要介绍jQuery动画实现元素显示与隐藏,元素淡入及淡出。

  • 11.3jQuery效果(3)-滑动、自定义动画

    本节主要介绍jQuery动画实现元素上滑下滑及自定义动画方法。

  • 11.4jQuery效果(4)-综合部分

    本节主要介绍jQuery动画 综合部分。

  • 第十二章jQuery的Ajax操作

    本章主要介绍jQuery中的常用Ajax方法、全局事件及序列化元素的方式等。

  • 12.1Ajax(1)-简介及服务器安装

    本节主要介绍Ajax简介及服务器软件的介绍使用等。

  • 12.2Ajax(2)-Load、Get、Post

    本节主要介绍jQuery发出POST、GET请求等。

  • 12.3Ajax(3)-数据类型、JSON、JS

    本节主要介绍Ajax的数据类型,JSON数据格式等等。

  • 12.4Ajax(4)-Ajax、事件

    本节主要介绍Ajax方法的使用及事件和全局配置。

  • 12.5Ajax(5)-表单序列化

    本节主要介绍表单数据序列化。

  • 第十三章“1+X”Web前端开发初级实操考试综合案例

    本章主要介绍“1+X”web前端开发工程师初级考试综合案例部分的题目及讲解。

  • 13.1综合案例1

    本节主要介绍移动端视频播放功能的实现案例。

  • 13.2综合案例2

    本节主要介绍一个模拟微博首页的实现案例。

  • 13.3综合案例3

    本节主要介绍模拟移动端电商首页的实现案例。

  • 13.4综合案例4

    本节主要介绍jQuery实现一个手机号码随机抽取的实现案例。

  • 开始学习
  • 第一章  作业测试
    第一章 基本语法

    1.1 javascript入门

    1.2 javascript变量和常量

    1.3 javascript数据类型

    1.4 javascript字符串

    1.5 javascript运算

    1.6 javascript流程控制

    视频数6
  • 第二章  作业测试
    第二章 数组

    2.1 javascript数组

    视频数1
  • 第三章  作业测试
    第三章 函数

    3.1 javascript函数

    视频数1
  • 第四章  作业测试
    第四章 对象

    4.1 javascript对象

    视频数1
  • 第五章  作业测试
    第五章 BOM

    5.1 javascriptBOM1

    5.2 javascriptBOM2

    视频数2
  • 第六章  作业测试
    第六章 DOM

    6.1 javascriptDOM1

    6.2 javascriptDOM2

    视频数2
  • 第七章  作业测试
    第七章 事件

    7.1 javascript事件1

    7.2 javascript事件2

    视频数2
  • 第八章  作业测试
    第八章 jQuery选择器

    8.1 jQuery入门

    8.2 jQuery选择器

    8.3 jQuery基本选择器

    8.4 jQuery层级选择器

    8.5 jQuery属性选择器

    8.6 jQuery基本过滤选择器

    8.7 jQuery可见性过滤选择器

    8.8 jQuery内容过滤选择器

    8.9 jQuery子元素过滤选择器

    8.10 jQuery表单过滤选择器

    视频数10
  • 第九章  作业测试
    第九章 jQuery操作DOM

    9.1 jQuery操作元素样式、尺寸和位置

    9.2 jQuery操作元素属性、状态和内容

    9.3 阶段案例之奥运会运动项目选择

    9.4 jQuery创建和添加节点

    9.5 阶段案例之冬奥运送祝福

    9.6 jQuery DOM其它操作

    9.7 阶段案例之冬奥运热门冰雪项目

    视频数7
  • 第十章  作业测试
    第十章 jQuery事件

    10.1 jQuery常用事件

    10.2 事件绑定与解绑

    10.3 事件触发与冒泡

    视频数3
  • 第十一章  作业测试
    第十一章 jQuery动画效果

    11.1 jQuery效果(1)-概述及语法

    11.2 jQuery效果(2)-显示/隐藏、淡入淡出

    11.3 jQuery效果(3)-滑动、自定义动画

    11.4 jQuery效果(4)-综合部分

    视频数4
  • 第十二章  作业测试
    第十二章 jQuery的Ajax操作

    12.1 Ajax(1)-简介及服务器安装

    12.2 Ajax(2)-Load、Get、Post

    12.3 Ajax(3)-数据类型、JSON、JS

    12.4 Ajax(4)-Ajax、事件

    12.5 Ajax(5)-表单序列化

    视频数5
  • 第十三章  作业测试
    第十三章 “1+X”Web前端开发初级实操考试综合案例

    13.1 综合案例1

    13.2 综合案例2

    13.3 综合案例3

    13.4 综合案例4

    视频数4
  • 期末考试
App 下载
关注我们