《JavaScirpt程序设计II》-单元设计.pdfVIP

常州信息职业技术学院

单

元

设

计

课程：JavaScript程序设计II

内容：模块1jQuery

学时：48学时

1

设计摘要

教学课题模块1jQuery

课程JavaScript程序设计II学时安排48学时级高职二年级

所选教材刘斌等编著《JavaScript+jQuery程序设计开发实战》，人民邮电出版社，20244月

一、教学背景

创作思路：针对传统教学无法解决的教学难题进行设计，在工学结合模式下，采用案例教学法，

依托信息化教学环境，整合数字化教学资源，优化教学过程。以学生为中心，教师为主导，在项目

教学的各环节充分运用JavaScript开发工具、职教云课堂、动画、在线教学平台等信息化手段解决教

学重点难点问题。

设计特色：

1．教学过程项目化：依据“工学结合、职业情境、项目主导”人才培养模式，通过创设情境、针

对实际问题精心设计单元引例，教师点评、小组互评，使学生自主探究，“做中学”，“学中做”，降低

了学生学习难度，提高学习兴趣和课堂参与度；

2．教学资源数字化：丰富的课件、经典作品、视频等资源可供学生在线平台学习；

3．网络平台融合化：紧紧围绕JavaScript开发工具，融入职教云课堂、动画、在线教学平台等信

息化手段进行教学完成教学目标，突破重点、难点；

4．学习评价多元化：结合作品展示、小组汇报等多种方式，采用学生自评、师生互评，以及评

价平台等多种手段形成动态化、多元化的评价体系。

二、学习目标与内容

1.学习目标

1.知识目标

(1)理解jQuery库的基本概念和结构，包括选择器、事件处理、DOM操作和Ajax。

(2)掌握jQuery常用方法的语法和使用场景，能够有效应用于前端开发中。

(3)了解jQuery的插件机制，学习如何使用和创建插件以扩展功能。

2.能力目标

(1)能够使用jQuery进行高效的DOM操作，实现动态网页效果，提升用户体验。

(2)能够运用jQuery处理事件，提高页面交互性，通过事件委托优化性能。

(3)能够使用jQuery的Ajax功能与服务器进行数据交互，掌握异步编程的基本原理。

3.素质目标

(1)培养学生的自主学习能力，鼓励探索和掌握新技术与工具，增强适应能力。

(2)提升学生的团队合作精神，通过小组项目合作，培养有效的沟通与协作能力。

(3)强调对用户体验的重视，培养服务意识与社会责任感，使学生在开发中关注用户需求和

反馈。

2

思政育人目标：

（1）鼓励学生反思科技发展的伦理问题，倡导在技术实现中坚持用户隐私保护和数据安全

的原则，培养社会责任感和职业道德。

（2）引导学生认识到，优秀的网页设计可以提升用户的参与感和满意度，进而影响社会信

息的传播和交流。

（3）讨论如何通过事件处理提升用户的参与感，确保每位用户的声音都被听见。同时，鼓

励学生关注技术的普及与教育公平，推动技术在社会中的广泛应用，培养学生的服务意识和团队合

作精神。

（4）引导学生认识到，通过创新技术可以提升用户体验，使信息更加生动、易懂。讨论如

何运用Ajax技术实现信息的实时更新，增强用户与网页的互动，促进信息的快速传播。

2.学习主要内容

任务1：jQuery选择器

任务2：jQuery操作DOM