JavaScript及框架应用_江苏电子信息职业学院

JavaScript及框架应用

课程详情

课程评价

spContent=JavaScript是全球最流行的前端脚本语言，所有电脑、手机、平板端的网页交互，以及海量基于HTML5的移动应用、其核心动态交互逻辑均由JavaScript全程驱动。它是Web前端开发的核心基石，更是实现页面动态特效、数据交互、用户操作响应的核心技术，无JavaScript则无灵动的现代网页与前端应用，也是前端工程师必备的核心技能。本课程既详解JavaScript变量、数据类型、运算符、流程控制语句等入门知识，又深入剖析函数、对象、DOM/BOM 操作、ES6 新特性及jQuery应用等核心技术，同时拓展jQuery UI、MUI、Bootstrap、Vue3 等框架实操能力，助力打造交互丰富、趣味十足且用户友好的 Web 应用。课程适配零基础入门夯实基础、有基础者进阶提升的双重需求，在技术教学中有机渗透职业道德、社会责任与创新精神培育，实现技术能力与职业素养的同步提升。

—— 课程团队

课程概述

JavaScript 是 Web 前端开发核心基石，驱动所有网页与 HTML5 移动应用的动态交互。本课程从入门语法到核心技术（函数、对象、DOM、ES6、jQuery），再到 jQuery UI、MUI、Bootstrap、Vue3 等框架实操，构建阶梯式学习路径，适配零基础入门与进阶提升，在掌握前端交互开发技能的同时，培育职业素养与创新思维。

《JavaScript及框架应用》是软件技术、计算机应用技术、大数据应用等专业的专业核心课。培养学习者前端交互开发能力，适配“1+X”Web前端开发职业技能等级标准，以培养学员前端交互开发核心能力为目标，助力其胜任前端开发、前端测试等岗位要求。

课程构建了从基础到进阶的完整知识体系，内容覆盖HTML5+CSS3核心预备知识、JavaScript基础语法、BOM/DOM编程、事件机制、ES6新特性、原生Ajax实现、HTML5相关API、本地存储等核心技术，还系统讲解jQuery全场景应用（DOM操作、动画制作、插件开发、Ajax交互）及jQuery UI、MUI移动端框架、Bootstrap响应式框架的实战应用，全面覆盖客户端交互特效开发全流程。

课程采用“案例驱动”教学模式，每讲内容均配套实操案例，从基础语法到框架应用层层递进，既帮助学员理解知识、落地应用，又强化实践动手能力；所选案例兼具典型性与扩展性，引导学员举一反三，实现技术的灵活迁移。此外，课程配套专属教材，既适配碎片化自主学习场景，又满足系统化、结构化的学习需求，新增的MUI与Bootstrap模块更是拓展了移动端、响应式应用开发能力，全方位贴合企业前端开发岗位的实战要求。

《JavaScript及框架应用》在线课程的配套教材如下：

（1）郑丽萍等，《JavaScript与jQuery案例教程》，ISBN：978-7-04-049510-2 . 北京：高等教育出版社.

（2）郑丽萍，王志勃等，HTML5跨平台开发基础与实战. 大连：大连理工大学出版社， ISBN：978-7-5685-2800-9 （"十三五"江苏省高等学校重点教材，此教程包含JavaScript和jQuery，是基于响应式布局框架Bootstrap的综合交互型应用）

（3）郑丽萍编著，JavaScript移动开发项目教程（微课版）北京：人民邮电出版社， ISBN：978-7-115-53388-3 （获2022年“全国计算机类优秀教材”一等奖，此教程侧重于移动端应用开发，与MUI框架布局相结合，快速开发移动应用）第2版近期出版

（4）程乐，郑丽萍，刘万辉等. JavaScript程序设计实例教程（第2版）. 北京：机械工业出版社，ISBN：978-7-111-64715-7（"十三五"江苏省高等学校重点教材）

授课目标

能力目标：

熟悉JavaScript的调试方法，能独立开发网页动态特效、表单验证、数据交互模块，完成 PC / 移动端前端项目开发；

形成规范编码习惯与技术创新思维，达到前端开发、前端测试岗位的基础技能要求，适配企业实战开发需求。

知识目标：

掌握 JavaScript 核心语法、常用对象的使用BOM/DOM编程、事件机制、ES6新特性、原生 Ajax 及 HTML5 API、本地存储等核心知识；贯彻事件驱动的程序设计思想。网页设计布局合理，色彩搭配合理，网页操作方便；

掌握 jQuery 基础操作、DOM交互、动画制作、Ajax封装及插件应用，熟练运用 jQuery UI、MUI移动端框架、Bootstrap响应式框架；

理解前端交互开发底层逻辑，明晰Web前端技术体系，适配“1+X”Web前端开发职业技能等级标准相关知识要求。

素质目标：

养成规范编码、严谨调试、自主探究的职业习惯，树立数据安全、技术合规的职业意识，契合现代职场对技术人才的综合要求；

培养精益求精的工匠精神，践行职业道德与社会责任；培养学生分析解决问题的能力；培养学生项目开发的能力；培养学生色彩搭配能力；培养学生具备良好创新意识、创新精神。

课程大纲

预备知识

本课程要求学员至少掌握HTML+CSS基础常识，并专门增设HTML+CSS核心预备知识模块。零基础初学者即便无 HTML 与样式基础，也可通过课程案例快速认知基础标签与样式用法；实操开发 JavaScript 应用时，可简化界面制作环节，聚焦完成核心 JavaScript 交互功能即可，轻松入门、高效上手。

证书要求

为积极响应国家低碳环保政策， 2021年秋季学期开始，中国大学MOOC平台将取消纸质版的认证证书，仅提供电子版的认证证书服务，证书申请方式和流程不变。

电子版认证证书支持查询验证，可通过扫描证书上的二维码进行有效性查询，或者访问 https://www.icourse163.org/verify，通过证书编号进行查询。学生可在“个人中心-证书-查看证书”页面自行下载、打印电子版认证证书。

完成课程教学内容学习和考核，成绩达到课程考核标准的学生（每门课程的考核标准不同，详见课程内的评分标准），具备申请认证证书资格，可在证书申请开放期间（以申请页面显示的时间为准），完成在线付费申请。

认证证书申请注意事项：

1. 根据国家相关法律法规要求，认证证书申请时要求进行实名认证，请保证所提交的实名认证信息真实完整有效。

2. 完成实名认证并支付后，系统将自动生成并发送电子版认证证书。电子版认证证书生成后不支持退费。

参考资料

（1）郑丽萍，刘万辉等. JavaScript与jQuery案例教程. 北京：高等教育出版社， ISBN：978-7-04-049510-2 JavaScript与jQuery案例教程(第2版)

（2）程乐，郑丽萍，刘万辉等 . JavaScript程序设计实例教程（第2版） . 北京：机械工业出版社，2020.3 ISBN：978-7-111-64715-7（此教程包含了HTML+CSS基础知识供学生复习参考，是"十三五"江苏省高等学校重点教材）

（3）郑丽萍编著，JavaScript移动开发项目教程（微课版）北京：人民邮电出版社，2020.9 ISBN：978-7-115-53388-3 （此教程侧重于移动端的应用开发，与MUI框架布局相结合，快速开发移动应用）

（4）郑丽萍，王志勃等，HTML5跨平台开发基础与实战. 大连：大连理工大学出版社，2021.8 ISBN：978-7-5685-2800-9 （"十三五"江苏省高等学校重点教材，此教程侧重于基于响应式布局框架Bootstrap的综合交互型应用）

关注我们

中国大学MOOC