hi,小慕
JavaScript及框架应用
第13次开课
开课时间: 2025年01月15日 ~ 2025年06月15日
学时安排: 4-6小时每周
进行至第12周,共22周 已有 382 人参加
立即参加
课程详情
课程评价(995)
spContent=JavaScript是世界上最流行的脚本语言,因为在电脑、手机、平板上浏览的所有的网页,以及无数基于HTML5的移动App,交互逻辑都是由JavaScript驱动的。本课程介绍了JavaScript、jQuery、jQuery UI、MUI、Bootstrap 等知识,以创建出更富交互性、更有趣、对用户更友好的Web应用。
JavaScript是世界上最流行的脚本语言,因为在电脑、手机、平板上浏览的所有的网页,以及无数基于HTML5的移动App,交互逻辑都是由JavaScript驱动的。本课程介绍了JavaScript、jQuery、jQuery UI、MUI、Bootstrap 等知识,以创建出更富交互性、更有趣、对用户更友好的Web应用。
—— 课程团队
课程概述

 《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的综合交互型应用)

显示全部
江苏电子信息职业学院
1 位授课老师
郑丽萍

郑丽萍

副教授

推荐课程

下载
下载

下载App