《Javascript》课程教学大纲.doc

(完整版)《Javascript》课程教学大纲
《Javascript》课程教学大纲
一、课程基本信息
课程名称
Javascript
课程类别
□通识必修□通识选修■专业必修□方向必修□任意选修□创业必修□创业选修
课程性质
■理论+实践□理论□实践
执行学期

考核方式
■考试□考查
总学分

总学时

理论学时

实践学时

开课单位

适用专业
(方向)

先修课程
程序设计基础、网页设计
教学环境
理论：■一体化机房□多媒体教室□讨论课教室
实践：□一体化机房■实验机房
二、课程简介
本课程是面向软件工程专业的一门专业必修课，涉及javascript语言基础、javascript与CSS交互、DOM编程、表单验证、javascript动画效果等内容，通过本课程的学习，学生能掌握JavaScript语言的基本编程思想，并能熟练利用JavaScript控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务；使学生形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养.遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。最终成为具备较全面的软件开发与信息服务的技术人才。。
本课程的前导课程是《程序设计基础》和《网页设计》，为后继课程《前端开发项目课程》、《移动web开发技术》等课程奠定理论和实践的基础。
三、课程支撑的毕业要求及其具体指标点
支持毕业要求
具体指标点
1.3 掌握工程基础知识和软件工程专业知识；并能够解决（复杂）软件工程实施过程中的相关问题
1. 了解 Javascript发展历程
2. 掌握Javascript的基本作用
3. 理解HTML、CSS、Javascript三者关系
4. 掌握介绍常见前端开发工具，比如Sublime
5. 掌握DIV+CSS布局
2.2针对(复杂)软件工程问题，能够选择恰当的数学、自然科学和工程科学概念进行表达和进一步的推理分析
1. 掌握定时器递归用法
2. 掌握缓动动画计算公式
2。3具有搜索和分析文献资料的能力，能够通过文献研究分析（复杂）软件工程问题
1. 掌握常见JS文档查阅、学习方法
2. 在互联网上搜索在控制台输出“有趣”内容的网站
3.1 能够有效分析需求，设计针对(复杂)软件工程问题的解决方案
1。 综合设计作品展示系统网站模块划分
2. 综合设计作品展示系统主页。
4。2具备对实验结果进行分析和汇总的能力，并据此优化和改进软件工程实施方案
1. 掌握Javascipt代码调试方法
9。1正确认识个人和团队的关系，具备团队合作精神
1. 掌握团队开发中个人与团队合作的能力
2。 掌握团队开发中团队协调沟通能力
3. 掌握项目文档撰写能力
9.2理解团队中不同角色职责，能够在多学科背景下的团队中承担不同的角色
1. 掌握团队开发中个人与团队合作的能力
2. 掌握团队开发中团队协调沟通能力
3。 掌握项目文档撰写能力
10.1具备书面表达、沟通能力；针对(复杂)工程问题，能够以绘制图例、撰写文档等形式与相关人员进行沟通交流
1。 掌握项目文档撰写能力
10.2具备口头表达、沟通能力；能够以陈述发言、回应指令等方式清晰表达自我的意见,以进行有效沟通
1。 掌握团队开发中团队协调沟通能力
12.2掌握正确的学习方法，具备自主学习能力,能够通过学习，不断提高、适应业界技术的发展
1。 掌握常见JS文档查阅、学习方法
四、课程教学内容对指标点的支撑
（1）理论教学安排
序号
知识模块
支持毕业要求的细化指标
教学内容
学时分配
学生任务
1
Javascript概述
1.了解 Javascript发展历程
★2。掌握Javascript的基本作用。
★3.理解HTML、CSS、Javascript三者关系
★4。掌握Javascript脚本在HTML中书写方法
★5。掌握介绍常见前端开发工具，比如Sublime
★6。掌握Javascript消息框的使用
★7。掌握常见JS文档查阅、学习方法
1。Javascript发展历程
2.Javascript的基本作用.
3.HTML、CSS、Javascript三者关系
4.Javascript脚本在HTML中书写方法
5.介绍常见前端开发工具,比如Sublime
6。Javascript消息框的使用
2
1、建立1个web页面,点击按钮弹出“确认对话框"。
2。 建立1个web页面，点击按钮弹出“警告对话框”。
3。 下载并安装好Sublime 3编辑器,并调试好插件
2
CSS强化
1.掌握CSS选择器
★2。掌握盒子模型
★3.掌握浮动
★▲4。掌握清除浮动
★▲5。掌握元素定位
★▲6。掌握DIV+CSS布局

1。 CSS选择器
2.盒子模型
3.浮动
4。清除浮动
5.元素定位
6.DIV+CSS布局
7。拉手网菜品展示模块案例
2
1。完成博雅互动网站首页开发
3
Javascript基本语法
★1。掌握Javascript数据类型
★2.掌握Javascript控制语句
★3。掌握Javascript数组
★▲4.掌握Javascript字面量表示法
★5.掌握Javascript函数
★▲6。掌握Javascript变量作用域
★▲7。掌握Javascript事件
★▲8。掌握Javascipt代码调试方法
1。Javascript数据类型
2.Javascript控制语句
3。Javascript数组
4.Javascript字面量表示法
5。Javascript函数
6.Javascript变量作用域
7。Javascript事件
8.使用浏览器开发者工具调试js代码
2
1。在互联网上搜索在控制台输出“有趣”内容的网站
2。使用js编写冒泡排序
3.使用js编写验证用户在“确认对话框”中输入的字符串是否为空。
4
Javascript与CSS交互
★▲1。掌握Javascript控制行内样式
★▲2.掌握Javascript控制外联样式

1.Javascript控制行内样式
2.Javascript控制外联样式
3.仿京东搜索框案例
4。表格隔行变色案例
4
1.表格高亮显示鼠标当前停靠行
2.仿EXCELL表格
5
DOM编程
★1。理解认识DOM与BOM
★2.理解DOM树
★3.掌握常用DOM操作

1.认识DOM与BOM
2.DOM树
3.常用DOM操作
4.计算器案例
5.仿淘宝商品展示案例
6。CheckBox全选与反选案例
4
1. 省市联动案例
2. 完成淘宝放大镜案例
6
表单验证
★1。掌握String对象常用操作
★2.掌握正则表达式
★▲3.掌握表单验证常见方法
1.String对象常用操作
2.正则表达式
3.密码强度验证案例
4
1.掌握常见表单验证样式
7
网页动画效果
★1。掌握定时器
★2.掌握js动画基本原理
★▲3.掌握匀速动画计算方法
★▲4。掌握缓动动画原理
★▲5.掌握缓动动画计算公式
1.定时器
2。定时器递归用法
3。动画基本原理
4。匀速动画原理
5。安师主页无缝图片滚动案例
6。缓动动画原理。
7。缓动动画公式
8。仿小米手机广告案例
6
1.标题栏跑马灯案例
2.点名器案例
3.获取手机验证码案例。
4.完成京东轮播图
注：★表示重点内容，▲表示难点内容

（2）实践教学安排
序号
项目名称
支持毕业要求的细化指标
学时分配
项目类型
每组人数
学生任务
1
CSS强化项目训练
1. 掌握介绍常见前端开发工具，比如Sublime。
2. 掌握CSS选择器
3. 掌握盒子模型
4. 掌握浮动
5. 掌握清除浮动
6. 掌握元素定位
7. 掌握DIV+CSS布局
2
验证
1
1。掌握Sublime安装与使用
2.开发“博雅互动网站”首页
2
JS与CSS交互项目训练
1. 掌握Javascript控制行内样式掌握表格标记和常用属性
2. 掌握Javascript控制外联样式
2
设计
1
1. 设计不同风格皮肤外观
2. 设计皮肤样式
3. 实现换肤效果
3
DOM操作与表单验证项目训练
1. 掌握常用DOM操作
2. 掌握JS控制样式
3. 掌握正则表达式
4. 掌握表单验证技巧
2
验证
2
1. 实现页面HTML结构
2. 实现基本样式
3. 设计验证算法
4. 实现验证效果
4
网页动画效果项目训练
1. 掌握基本设计原则
2. 掌握JS动画效果制作
3. 掌握轮播图制作
4. 掌握导航栏跟随效果
5. 掌握团队开发中个人与团队合作的能力
6. 掌握团队开发中团队协调沟通能力
7. 掌握项目文档撰写能力
2
设计验证
4
1. 设计商城页面
2. 制作CSS样式
3. 制作轮播图效果
4. 制作导航栏跟随效果
5. 制作Tab栏切换
6. 网站发布
7. 撰写项目报告
注：项目类型可以是验证型、设计型、综合型
五、课程考核
表1毕业要求对应的考核环节
考核指标
考核环节
平时考核
实践考核
结课考核
1.3 掌握工程基础知识和软件工程专业知识;并能够解决（复杂)软件工程实施过程中的相关问题
√
√
√
2。2针对(复杂)软件工程问题，能够选择恰当的数学、自然科学和工程科学概念进行表达和进一步的推理分析
√
√
√
2。3具有搜索和分析文献资料的能力，能够通过文献研究分析(复杂）软件工程问题
√

3。1 能够有效分析需求,设计针对（复杂)软件工程问题的解决方案
√
√
√
4.2具备对实验结果进行分析和汇总的能力，并据此优化和改进软件工程实施方案
√
√
√
9。1正确认识个人和团队的关系,具备团队合作精神

√

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

√

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

√

10。2具备口头表达、沟通能力；能够以陈述发言、回应指令等方式清晰表达自我的意见,以进行有效沟通
√
√

12。2掌握正确的学习方法,具备自主学习能力,能够通过学习,不断提高、适应业界技术的发展
√
√
√
注:(1）平时考核依据考勤和表现进行；（2）实践考核包括作业、实验、实践等方面的考核；（3）阶段考核为课程完成某一阶段教学任务后进行的考核;（4）结课考核为课程结束后进行的考核。

表2课程考核细则
考核环节
考核要求
分值比例(%)
分项
总评
平时
考核
考勤
旷课1节扣1分，无故旷课6节以上取消考试资格
50%
10％
课堂表现
正确回答一次问题50％,做一次议题汇报100%，不回答无分
50%
实践
考核
实践项目一
评分标准：
1.考虑参数：完成率、正确率
A（100％)B(75％）C(50％)D(25％)
17％
30％
实践项目二
要求同实验项目一
17％
实践项目三
要求同实验项目一
17%
实践项目四
要求同实验项目一
17%
综合
实践项目
评分标准:
1.考虑参数：完成率、正确率、系统设计、答辩与否
A(100%） B(75%) C（50％） D（25%)
2.如果没有按时交项目及报告，补交的在原有等级上下降一级
32％
结课
考核
期末测试
闭卷机考
100%
60%
六、课程评价及改进
课程考核结束后，任课教师遵循软件学院教学工作指导委员会通过的课程达成度评价机制和评价方法，对本课程的毕业要求达成度进行自我评价。此外，学院的教学工作委员会将指派专门的教师，依据学生的考试成绩和平时成绩等资料,对本课程的达成度进行评价，并出具达成度评价报告。教师根据评价结果，改进其教学方法和教学内容，以便更好地支撑学生毕业要求的达成。
七、教材及参考资料
推荐教材：

参考书籍:

推荐学习网站：

9