《Javascript》课程教学大纲

《Javascript》课程教学大纲

一、课程基本信息

课程名称

Javascript

课程类别

课程性质

□通识必修□通识选修■专业必修□方向必修□任意选修□创业必修□创业选修

■理论+实践□理论□实践

执行学期

考核方式

■考试□考查

总学分

开课单位

适用专业

（方向）

总学时 理论学时 实践学时

先修课程程序设计基础、网页设计

理论：■一体化机房□多媒体教室□讨论课教室实践：□一体化机房■实验机房

二、课程简介

本课程是面向软件工程专业的一门专业必修课，涉及javascript语言基础、javascript与CSS交互、DOM编程、表单验证javascript动画效果等内容，通过本课程的学习，学生能掌握JavaScript语言的基本编程思想，并能熟练利用JavaScript控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务；使学生形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。最终成为具备较全面的软件开发与信息服务的技术人才。。

本课程的前导课程是《程序设计基础》和《网页设计》，为后继课程《前端开发项目课程》、《移动web开发技术》等课程奠定理论和实践的基础。

三、课程支撑的毕业要求及其具体指标点

支持毕业要求

1.3掌握工程基础知识和软件工程专业知识；并能够解决（复杂）软件工程实施过程中的具体指标点

1.

了解Javascript发展历程

2.

掌握Javascript的基本作用

3.

理解HTML、CSSjJavascript三者关系

4.

掌握介绍常见前端开发工具，比如相关问题

2.2针对（复杂）软件工程问题，能够选择恰

当的数学、自然科学和工程科学概念进行表达和进一步的推理分析

2.3具有搜索和分析文献资料的能力，能够通过文献研究分析（复杂）软件工程问题

3.1能够有效分析需求，设计针对（复杂）软件工程问题的解决方案

4.2具备对实验结果进行分析和汇总的能力，

Sublime

5.

掌握DIV+CSS布局

1.

掌握定时器递归用法

1.

掌握常见JS文档查阅、学习方法

2.

在互联网上搜索在控制台输出“有趣”内容的网站

1.

综合设计作品展示系统网站模块划分

2.

综合设计作品展示系统主页。

掌握代码调试方法

1

支持毕业要求

据此优化和改进软件工程实施方案

9.1正确认识个人和团队的关系，具备团队合具体指标点

1.

掌握团队开发中个人与团队合作的能力

2.

掌握团队开发中团队协调沟通能力

3.

掌握项目文档撰写能力

1.

掌握团队开发中个人与团队合作的能力

2.

掌握团队开发中团队协调沟通能力

3.

掌握项目文档撰写能力

作精神

9.2理解团队中不同角色职责，能够在多学科背景下的团队中承担不同的角色

10.1具备书面表达、沟通能力；针对（复杂）工程问题，能够以绘制图例、撰写文档1.掌握项目文档撰写能力

等形式与相关人员进行沟通交流

10.2具备口头表达、沟通能力；能够以陈述发言、回应指令等万式清晰表达自我的意见，以进行有效沟通

12.2掌握正确的学习方法，具备自主学习能力，能够通过学习，不断提高、适应业界技术的发展

1.掌握团队开发中团队协调沟通能力

1.掌握常见JS文档查阅、学习方法

四、课程教学内容对指标点的支撑

1）理论教学安排

序号 知识模块 支持毕业要求的细化指标

1.了解Javascript发展历程★2.掌握Javascript的基本作教学内容 学时分配 学生任务

1.

建立1个web1

Javascript概述

2

CSS强化

1.

Javascript发展历程

用。

2.

Javascript的基本★

3.理解HTML、CSS、作用。

Javascript二者关系

3.

HTML、CSS、★

4.掌握Javascript脚本在

Javascript二者关系

HTML中书写方法

4.

Javascript脚本在

★ 5.掌握介绍常见前端开HTML中书写方法

发工具，比如Sublime

5. 介绍常见前端开★6.掌握Javascript消息发工具，比如Sublime

框的使用

6. Javascript消息★7.掌握常见JS文档查框的使用

阅、学习方法

选择器

1.掌握CSS选择器

2•盒子模型

★2.掌握盒子模型

3•浮动

★3.掌握浮动

4. 清除浮动

★ ▲4.掌握清除浮动

5. 兀素定位

★ ▲5.掌握兀素定位

6. DIV+CSS布局

★ ▲6.掌握DIV+CSS布局

7•拉手网菜品展示模块

页面，点击按钮弹出“确认对话框”

2.

建立1个web2

页面，点击按钮弹出

“警告对话框”

3.

下载并安装好

Sublime3编辑器，并调试好插件

2

1•完成博雅互动网站首页开发

3

案例

★

1.掌握Javascript数据1. Javascript数据类类型★2.掌握Javascript控制型

Javascript基本语法

语句★3.掌握Javascript数组

2. Javascript控制语★ ▲4.掌握Javascript字句

面量表示法

3. Javascript数组

1.在互联网上搜索2

在控制台输出“有趣”内容的网站

2•使用js编写冒泡

2

序号知识模块支持毕业要求的细化指标教学内容

5. Javascript函数

6. Javascript变量作用

域

7. Javascript事件

8•使用浏览器开发者工具调试js代码

1.

Javascript控制行★ ▲l.掌握Javascript控制行

内样式

内样式

Javascript与CSS交

2.

Javascript控制外★ ▲2.掌握Javascript控制互

联

外联样式

样式

4•表格隔行变色案例

1.

认识DOM与BOM

★

1.理解认识DOM与2.

D0M树

BOM

DOM编程

3.

常用DOM操作

★ 2.理解DOM树

4.

计算器案例

★3.掌握常用DOM操作

5.

仿淘宝商品展示案例

6. CheckBox全选与反★

1.掌握String对象常用操

作

对象常用操作

表单验证

2.正则表达式

★2.掌握正则表达式

★ ▲3.掌握表单验证常见方3•密码强度验证案例

法

1.定时器

★

1.掌握定时器

2•定时器递归用法

★2.掌握js动画基本原理

3. 动画基本原理

匀速动画原理

★ ▲3.掌握匀速动画计算方4.

7网页动画效果

5•安师主页无缝图片滚

法

动案例

★ ▲4.掌握缓动动画原理

6•缓动动画原理。

★ ^5.掌握缓动动画计算公7•缓动动画公式

式

8.仿小米手机广告案例

注：★表示重点内容，▲表示难点内容

2）实践教学安排

序号 项目名称 支持毕业要求的细化指标

1.

掌握介绍常见前端开发工学时分配学生任务

排序

3.使用js编写验证用户在“确认对话框”中输入的字符串是否为空。

★5.掌握Javascript函数

★ ▲6.掌握Javascript变量作用域

★ ▲7.掌握Javascript事件

★ ▲8.掌握Javascipt代码调试方法

1.

表格咼亮显示鼠

4标当前停靠行

2.

仿EXCELL表格

1.省市联动案例

42.完成淘宝放大

镜案例

1.掌握常见表单验证样式

1.标题栏跑马灯案例

2•点名器案例

3.

获取手机验证码案例。

4.

完成京东轮播图

学时项目每组分配 类型

人数

学生任务

1

2

具，比如Sublime。

2.

掌握CSS选择器

CSS强化项目训练

3.

掌握盒子模型

4.

掌握浮动

5.

掌握清除浮动

6.

掌握兀素定位

7.

掌握DIV+CSS布局

1.掌握Javascript控制仃内样

JS与CSS交互项式掌握表格标记和常用属目训练

性

3

1.掌握Sublime安2

验证

1

装与使用

2•开发“博雅互动网站”首页

2

设计

1

1.设计不同风格皮肤外观

学生任务

序号

项目名称

支持毕业要求的细化指标

2.掌握Javascript控制外联样式

1.

2.

3.

4.

1.

2.

3.

4.

5.

学时

项目

每组

分配

类型

人数

2.

设计皮肤样式

3.

实现换肤效果

1.

实现页面

HTML结构

DOM操作与表单验证项目训练

掌握常用DOM操作掌握JS控制样式掌握正则表达式掌握表单验证技巧

验证

网页动画效果项目训练

掌握基本设计原则掌握JS动画效果制作掌握轮播图制作掌握导航栏跟随效果掌握团队开发中个人与团队合作的能力

掌握团队开发中团队协调沟6.

通能力

掌握项目文档撰写能力

7.

设计

验证

实现基本样式

设计验证算法

实现验证效果

设计商城页面

制作CSS样式

制作轮播图效果

制作导航栏跟随效果

5.

制作Tab栏切换

6.

网站发布

7.

撰写项目报告

2.

3.

4.

1.

2.

3.

4.

注：项目类型可以是验证型、设计型、综合型

五、课程考核

表1毕业要求对应的考核环节

考核环节

平时考核

1.3掌握工程基础知识和软件工程专业知识；并能够解决（复杂）软件工程实

实践考核

结课考核

施过程中的相关问题

2.2针对（复杂）软件工程问题，能够选择恰当的数学、自然科学和工程科学概念进行表达和进一步的推理分析

2.3具有搜索和分析文献资料的能力，能够通过文献研究分析（复杂）软件工程问题

3.1能够有效分析需求，设计针对（复杂）软件工程问题的解决方案

4.2具备对实验结果进行分析和汇总的能力，并据此优化和改进软件工程实施方案

9.1正确认识个人和团队的关系，具备团队合作精神

9.2理解团队中不同角色职责，能够在多学科背景下的团队中承担不同的角色

10.1具备书面表达、沟通能力；针对（复杂）工程问题，能够以绘制图例、撰写文档等形式与相关人员进行沟通交流

4

10.2具备口头表达、沟通能力；能够以

学生任务

陈述发言、回应指令等方式清晰表达自

5

我的意见，以进行有效沟通

12.2掌握正确的学习方法，具备自主学

习能力，能够通过学习，不断提高、适

应业界技术的发展

注：(1)平时考核依据考勤和表现进行；(2)实践考核包括作业、实验、实践等方面的考核；(3)阶段考核为课程完成某一阶段教学任务后进行的考核；(4)结课考核为课程结束后进行的考核。

表2课程考核细则

分值比例(％)

考核环节 考核要求

分项

总评

平时

考核

旷课1节扣1分，无故旷课6节以上取消考试资格

课堂表现

正确回答一次问题50%，做一次议题汇报100%,不回答无分评分标准：

实践项目一

1.考虑参数：完成率、正确率

考勤

A(100%)B(75%)C(50%)D(25%)

50%

50%

17%

17%

17%

17%

32%

10%

实践项目二

要求同实验项目一

实践

实践项目三

要求同实验项目一

考核

实践项目四

要求同实验项目一

综合

实践项目

结课

考核

期末测试

评分标准:

1.考虑参数：完成率、正确率、系统设计、答辩与否

A(100%)B(75%)C(50%)D(25%)

2•如果没有按时交项目及报告，补交的在原有等级上下降一级

30%

闭卷机考

100% 60%

六、课程评价及改进

课程考核结束后，任课教师遵循软件学院教学工作指导委员会通过的课程达成度评价机制和评价方法对，本课程的毕业要求达成度进行自我评价。此外，学院的教学工作委员会将指派专门的教师，依据学生的考试成绩和平时成绩等资料，对本课程的达成度进行评价，并出具达成度评价报告。教师根据评价结果，改进其教学方法和教学内容，以便更好地支撑学生毕业要求的达成。

七、教材及参考资料

推荐教材：

参考书籍：

推荐学习网站

6