《JavaScript与jQuery网页前端开发与设计-第2版》教学大纲 周文洁（64课时、48学时、32学时） .docx

JavaScript与jQuery网页前端开发与设计-第2版

教学大纲（64课时版）

课程名称:JavaScript与jQuery网页前端开发与设计

一、课程概况

课程编号：20231201001

开课部门：XX系

学分：X学分

学时：64学时（其中理论学时：32学时上机学时：32学时）

先修课程：计算机基础、计算机网络、计算机应用

后续课程：数据库应用、软件开发等

适用专业：信息技术及其计算机相关专业

二、课程描述

JavaScript与jQuery网页前端开发与设计是学习Web前端开发的必修课程。本课程介绍了开发Web前端网页应具备的基础知识，包括JavaScript技术入门以及jQuery选择器与过滤器、事件、特效等知识。通过理论教学和上机练习训练学生编写程序的熟练度和规范性；在项目经验的积累方面，通过完成项目案例，增加对实际软件项目开发的经验。

三、课程目标

知识目标：了解Web原理基础和前端新技术的由来，掌握JavaScript数据类型与运算符、语句与函数、BOM和DOM的应用，掌握jQuery选择器与过滤器、事件、特效、DOM、遍历以及jQueryAJAX技术。

技能目标：能综合应用HTML5、CSS3与JavaScript技术开发Web项目，能够在开发过程中熟练掌握JavaScript函数的封装和使用、jQuery各类选择器的使用和样式的表达，以及jQueryAJAX技术的应用，提高开发者网页前端实战项目分析能力以及强化综合应用能力。

四、教学要求

一、严格按照课表规定的时间、地点上课，不迟到、不早退。

二、根据大纲要求，认真备课完成教案与讲稿编写等各项课前准备工作；授课过程力求内容充实、概念准确、思路清晰、详略得当、逻辑性强、重难点突出，力戒平铺直叙、照本宣科，

三、重视对学生的学习方法指导和课堂教学效果信息的反馈，实现教与学的双向互动；

四、做好考核内容设计，并严格按照大纲要求做好出勤率统计、作业评价。

五、学生根据课程大纲要求制定本门课程学习计划，加强学业管理，严格自我要求，提升自主学习能力，主动适应课程学习要求。参与课堂教学活动不迟到、不早退，无正当理由不请假，上课认真听讲，不做任何与课堂教学无关事宜，不使用手机，积极与授课教师进行教学互动，同时利用课余时间做好预习、复习、课外书籍阅读等工作，主动与同学开展合作学习，认真完成任课教师布置的课程作业。

五、课程内容

第1章 概述

一、教学目标：

1. 了解JavaScript的概念与特点；

2. 了解jQuery的概念与特点；

3. 掌握任意一款Web开发工具。

二、教学重点和难点：

重点：熟悉JavaScript和jQuery的概念与特点；

难点：jQuery的版本比较。

三、教学方法与手段：

采取互动式教学方法，理论教学使用多媒体投影教室。

四、课程简介：

本章是全书的绪论部分，主要介绍JavaScript、jQuery概述以及Web开发工具的选择。JavaScript和HTML、CSS一起被称为是Web开发的三大核心技术，当今所有浏览器都支持JavaScript，无需额外安装第三方插件。而jQuery是一个轻量级的跨平台JavaScript函数库，它化简了JavaScript代码复杂度，其语法能用让用户更方便地选取和操作HTML元素、处理各类事件、实现JavaScript特效与动画，并且能为不同类型的浏览器提供更便捷的API用于AJAX交互。

第2章 JavaScript入门

一、教学目标：

1. 了解JavaScript的使用方式；

2. 了解JavaScript的基本语法规则；

3. 熟悉JavaScript的变量声明与命名规范。

二、教学重点和难点：

重点：了解JavaScript的基本语法规则；

难点：JavaScript的使用方式（内部和外部的用法）。

三、教学方法与手段：

采取互动式教学方法，理论教学使用多媒体投影教室。

四、课程简介：

本章主要内容是JavaScript基础知识，包括JavaScript的使用方式、语法规则、变量声明与明明规范等内容。

第3章 JavaScript数据类型与运算符

一、教学目标：

1. 掌握JavaScript的基本数据类型与对象类型；

2. 掌握JavaScript类型转换方法；

3. 掌握JavaScript运算符的使用。

二、教学重点和难点：

重点：JavaScript的基本数据类型与对象类型；

难点：JavaScript类型转换方法。

三、教学方法与手段：

采取互动式教学方法，理论教学使用多媒体投影教室。

四、课程简介：

本章主要内容是JavaScript基础知识，包括JavaScript的使用、语法、变量等内容。基本数据类型、对象、类型转换、运