《JavaScript及框架应用》在线课程的配套教材如下:
(1)郑丽萍,王志勃等,HTML5跨平台开发基础与实战. 大连:大连理工大学出版社,2021.8 ISBN:978-7-5685-2800-9 ("十三五"江苏省高等学校重点教材,此教程包含JavaScript和jQuery,是基于响应式布局框架Bootstrap的综合交互型应用)
(2)郑丽萍,刘万辉等. JavaScript与jQuery案例教程. 北京:高等教育出版社,2018.5 ISBN:978-7-04-049510-2 JavaScript与jQuery案例教程(第2版),近期出版
(3)郑丽萍 编著,JavaScript移动开发项目教程(微课版)北京:人民邮电出版社,2020.9 ISBN:978-7-115-53388-3 (获2022年“全国计算机类优秀教材”一等奖,此教程侧重于移动端应用开发,与MUI框架布局相结合,快速开发移动应用)
(4)程乐,郑丽萍,刘万辉等. JavaScript程序设计实例教程(第2版). 北京:机械工业出版社,2020.3 ISBN:978-7-111-64715-7("十三五"江苏省高等学校重点教材)
《JavaScript及框架应用》是软件技术专业的一门专业课程。通过课程教学的实施,培养学生能掌握结合HTML5布局、交互式JavaScript、jQuery框架、Ajax等技术,为Web构建交互式用户界面或体验,设计网页特效、增强界面友好性、提高响应实时性、在B/S结构软件开发的课程体系中起着必要的辐射作用,从而提高学生的软件开发实力与潜能、增强学生就业竞争力。
课程内容涵盖核心预备知识(HTM5L+CSS3)、JavaScript基本语法、BOM编程、DOM编程、事件、原生Ajax实现、HTML5相关API、本地存储、jQuery基础、jQuery中的DOM操作、jQuery制作动画、jQuery插件、jQuery与Ajax、jQuery UI布局及交互实现、MUI移动端布局及交互实现、Bootstrap响应式布局及交互实现等客户端交互特效制作技术。内容由浅入深,每讲内容都与案例紧密结合,有助于学习者理解知识、应用知识、达到学以致用的目的,大大加强学习者实践动手操作的能力。所选案例具有极强的扩展性,能够给学习者以启发,举一反三,实现非常实用的效果。
课程开发出了配套教材,既实现了学生碎片化的学习,又满足了系统化、结构化学习的需要。并增加MUI移动端框架和Bootstrap响应式布局框架,拓展实现移动端应用。
能力目标:
能够使用 JavaScrip及框架进行浏览器端应用程序的开发。会对所学知识进行整合,能够根据设计要求独立编写HTML和CSS,使用JavaScript或第三方JavaScript库增强网页特效和交互,能够很好的实现Web表单的交互式操作,实现网页的动态效果。通过完整网站设计,要求学生具备综合运用HTML、CSS进行中小型Web网站界面开发的能力,以及使用JavaScript增强网页的交互性,从而能够生成功能强大、丰富多彩、生动活泼的高质量的页面。
知识目标:
掌握JavaScrip及框架基本语法;常用对象的使用,贯彻事件驱动的程序设计思想。网页设计布局合理,色彩搭配合理,网页操作方便。熟悉JavaScript的调试方法,同时充分利用能够得到的软硬件资源,搜索材料,自主学习,课程实施应成为学生在教师的指导下构建知识、活跃思维、展现个性和拓展视野的过程。同时注重学生的自主学习、提高学生的动手能力,并形成良好的编程习惯,初步培养学生网站开发的意识和能力。
素质目标:
培养生学团队合作精神;培养学生具备规范化,标准化的代码编写习惯;培养学生分析解决问题的能力及良好的沟通能力;培养学生项目开发的能力;培养学生色彩搭配能力;培养学生具备良好的沟通能力、创新意识、创新精神。
预备知识简介
HTML5核心知识
CSS3核心知识
预备知识测试
第1章 JavaScript初探
JavaScript简介
JavaScript相关应用
HBuilder的快速开发
JavaScript的使用方法
JavaScript常用的输出语句
JavaScript实现商品详情展示
JavaScript初探-单元测验
文字切换
第2章JavaScript语言基础-JavaScript 数据类型
JavaScript 数据类型-数值型
JavaScript 数据类型-字符串
JavaScript 数据类型-布尔型
JavaScript数据类型-特殊数据类型
复合数据类型-json 的遍历
数据类型的自动转换
typeof的用法
JavaScript 数据类型
第2章JavaScript语言基础-JavaScript变量和函数
JavaScript 变量
JavaScript 函数
函数的使用实现点亮灯泡
变量的作用域
三元运算符实现思政图片切换
变量与函数
第2章JavaScript语言基础-JavaScript控制语句
if...else...语句
switch.语句
循环语句
异常处理语句
prompt()方法及动态输入实现矩形周长面积计算
控制语句综合案例:猜数字游戏,99 乘法表展示
JavaScript控制语句
图片切换(如奥运健儿图片切换)
第3章 常用内置对象-常用属性与方法
新建 JavaScript 数组
数组对象的常用属性与方法
二维数组的数据访问实现试题展示
定时器函数setInterval()与setTimeout()
日期对象的应用:动态时钟的实现、考试倒计时的实现、节日倒计时的实现
数组与日期
第3章 常用内置对象-字符串及应用于表单
随机点名器的实现
字符串对象常用的属性与方法
标题栏滚动显示效果
form 对象-表单
表单及其控件的访问
input 控件常用方法
下拉列表框的应用
表单简单验证
字符串及表单测试
第3章 常用内置对象-综合案例
正则表达式实现表单严谨验证
综合案例:计算器功能实现
案例拓展:计算器功能拓展
体彩 11 选 5 的实现方案1
体彩 11 选 5 的实现方案2
列表的显示隐藏
社会主义核心价值观基本内容动态展示
内置对象应用作业
内置对象应用
第4章自定义对象及表格操作-操作表格
自定义对象的创建
动态增加表格的行和单元格
动态删除表格的行
表格操作
第4章自定义对象及表格操作-综合案例
radio单选框的应用
复选框的应用
复选框对象应用在表格
单、复选框应用
表格的动态操作
第5章 BOM和DOM
认识浏览器对象模型及窗口操作
window子对象
初识文档对象模型及DOM节点访问
DOM操作
BOM和DOM
第5章 BOM和DOM-综合案例及拓展
DOM 优化及DOM 事件处理
DOM拓展
DOM综合案例
本地存储
BOM和DOM应用
思政新闻列表选项卡制作
第6章 项目实战:JavaScript实现在线测试系统
界面实现
Ajax实现远程数据访问
核心功能实现
JavaScript表单综合应用
JavaScript综合应用
第7章 jQuery基础
jQuery常用选择器的应用
jQuery实现DOM操作
jQuery基础
第8章 jQuery进阶
jQuery动画
jQuery Ajax
jQuery插件与登录综合实现
jQuery进阶
第9章 项目实战:jQuery UI实现服饰网站、MUI移动布局、Bootstrap响应式布局
jQuery UI使用
详情页面的功能实现
MUI移动端布局与JavaScript实现
Bootstrap布局基础
常用框架
至少掌握HTML+CSS基础知识,课程已增加常用的核心预备知识(HTML+CSS)。初学者,没有HTML和样式基础的同学,也可以在本课程的案例中对基础标签和样式有所认识,在实际开发JavaScript应用的时候可以简化界面的制作,有主要的JavaScript应用就可以了。
(1)郑丽萍,刘万辉等. JavaScript与jQuery案例教程. 北京:高等教育出版社,2018.5 ISBN:978-7-04-049510-2 JavaScript与jQuery案例教程(第2版),2025.3
(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的综合交互型应用)