《Web前端开发》教学大纲（本科）.docVIP

PAGE 6 《Web前端开发》教学大纲 课程英文名 Front-end Development of Web 课程代码 C0809Y06 学分 2.5 总学时 40 理论学时 20 实验/实践学时 20 课程类别 专业课 课程性质 选修 先修课程 多媒体技术 适用专业 计算机科学与技术 开课学院 信息工程学院 执笔人 审定人 制定时间 2020 年12 月 注：课程类别是指公共基础课/学科基础课/专业课；课程性质是指必修/限选/任选。 一、课程地位与课程目标 （一）课程地位 Web前端开发是计算机科学与技术专业及相关专业学生的选修课。随着IT技术的发展，用户对技术与艺术结合的要求越来越高，在界面设计、视觉设计、交互设计、用户体验等方面提出了越来越高的要求和标准。这门课程的任务就是要培养出比美工更懂技术、比技术更懂交互的复合型人才——前端开发工程师。课程内容主要有HTML、CSS、JavaScript、HTML5以及主流的JS库（JQuery、Angular、bootstrap、JsCharts、HighCharts）与JS游戏开发包。 （二）课程目标 课程目标 毕业要求 目标分类 1.熟悉HTML标记语言的基本元素和标签，包括图像、超链接、表格、表单、框架等标签，通过上机实践掌握这些标签的使用格式和各种属性，能做到灵活运用，设计好网页的基本架构。 毕业要求4、5 记忆 理解 应用 2.了解CSS的发展历史和基本结构，掌握CSS选择器的各种类型及其属性，熟练利用CSS+DIV的对网页布局。 毕业要求4、5 记忆 理解 应用 3.了解JavaScript语言的发展历史，熟悉 JavaScript的基本语法，掌握JavaScript各种对象的定义和使用，理解和掌握JavaScript中BOM和DOM两种对象模型的意义和使用，能够熟练利用JavaScript技术实现网页客户端的灵活交互功能、音视频的播放、图像界面的生成、客户端数据处理等。 毕业要求4、5 记忆 理解 应用 4．了解HTML5的新特性、新功能，理解和掌握HTML5在Canvas绘图、多媒体播放、Web存储、Web Worker以及本地数据库中的应用，能够利用这些新技术丰富网站的功能，是交互跟人性化。 毕业要求2、4、5 记忆 理解 应用 5．了解jQuery优势、特点和开发环境的搭建，熟悉jQuery的基本操作、插件使用和事件处理方法，掌握jQuery的基本选择器、过滤选择器、表单选择器的正确使用方法以及jQuery动画效果、数组和对象的操作，精通jQuery的文档处理、节点遍历等方法。能够熟练利用jQuery技术动态修改页面内容、页面的样式，添加动态效果，获取DOM的元素内容。 毕业要求4、5 记忆 理解 应用 6.了解JavaScript包含的各种游戏开发包，熟悉和掌握LimeJS、melonJS、gameQuery、EntityJS、FlashJS、Famo.us、Gamvas Web、EaseJS等其中一种开发包的使用方法。 毕业要求4、5 记忆 理解 应用 二、课程目标达成的途径与方法 课程目标 教学环节 对应内容 课程目标1 讲授第1、2、3章 完成课后习题与实验 第1章 HTML语言基础 第2章 表格与框架 第3章 表单 课程目标2 讲授第4、5章 完成课后习题与实验 第4章 CSS语言基础 第5章 CSS页面布局 课程目标3 讲授第6、7、8章 完成课后习题与实验 第6章 JavaScript语言基础 第7章 JavaScript对象 第8章 BOM与DOM编程 课程目标4 讲授第9、10章 完成课后习题与实验 第9章 HTML5基础 第10章 HTML5进阶 课程目标5 讲授第11、12章 完成课后习题与实验 第11章 jQuery基础 第12章 jQuery进阶 三、课程目标与相关毕业要求的对应关系 课程目标 课程目标对毕业要求的支撑程度（H、M、L） 毕业要求2 毕业要求4 毕业要求5 课程目标1 M M 课程目标2 M M 课程目标3 H M 课程目标4 M H M 课程目标5 H M 四、课程主要内容与基本要求 概论 了解WEB前端工程师的职业需求；了解WEB前端开发技术：HTML、CSS、JavaScript、DOM、BOM、AJAX；了解WEB前端开发工具；了解WEB前端浏览工具。 HTML 掌握如下内容：HTML文档结构：head、title、meta、body； HTML基本语法：标记、属性、注释；格式化文字与段落：font、p、b、br、hr、center、blockquote；列表：ul、ol、li；超链接：a、href；图像与多媒体文件：img、src、width、height、alter、border、文字特效（滚动、