Java script技术基础课程标准V101031.docx
- 文档编号:25056838
- 上传时间:2023-06-04
- 格式:DOCX
- 页数:21
- 大小:54.06KB
Java script技术基础课程标准V101031.docx
《Java script技术基础课程标准V101031.docx》由会员分享,可在线阅读,更多相关《Java script技术基础课程标准V101031.docx(21页珍藏版)》请在冰豆网上搜索。
Javascript技术基础课程标准V101031
《JavaScript技术基础》课程标准
适用专业
软件技术
修读学期
第3学期
制订时间
2018.10
课程代码
课程学时
72
课程学分
4
课程类型
B类(理论+实践)
课程性质
必修课
课程类别
专业课
对应职业资格或社会培训证书
合作开发企业
执笔人
合作者
审核人
注:
1.课程类型(单一选项):
A类(纯理论课)/B类(理论+实践)/C类(纯实践课)
2.课程性质(单一选项):
必修课/专业选修课/公共选修课
3.课程属性(单一选项):
公共课/专业基础课/专业课
4.合作者:
须是行业企业人员
一、课程定位
本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”,打破了传统的学科体系的模式,通过各项目的练习操作,熟练地掌握岗位所需知识和技能,并不断强化,项目体现操作能力和解决问题能力的培养。
充分体现了职业教育“以就业为导向,以能力为本位”的职业教育理念。
本课程是软件技术专业的专业必修课,培养学生运用javascript制作网页前台技术,通过本课程的学习,要求学生掌握javascript的基本概念,学会怎样提高动态网站访问效率,通过完成学习情境的学习,学生能够掌握javascript的专业知识和专业技能。
通过本课程的学习,提高学生的操作技能,培养学生踏实认真、精益求精、团结合作、创新的精神,培养良好的职业道德,为学生学习网站开发课程提供知识和技术支持。
二、课程设计思路
课程以本专业学生的就业为导向,根据用人单位对软件技术专业所涵盖的岗位群进行的任务和职业能力分析,以javascript技术为主线,以本专业应共同具备的岗位职业能力为依据,遵循学生认知规律,确定本课程的工作模块和课程内容。
为了充分体现任务引领、实践导向课程思想,将本课程的教学活动分解设计成若干实验项目或工作情景,以具体的项目任务为单位组织教学,以典型实际问题设备为载体,引出相关专业理论知识,使学生在实训过程中加深对专业知识、技能的理解和应用,培养学生的综合职业能力,满足学生职业生涯发展的需要。
按照“以能力为本位、以职业实践为主线、以项目课程为主体的模块化专业课程体系”的总体设计要求,该门课程以形成一定静动态网站为基础,以javascript为优化方法为基本目标,紧紧围绕完成工作任务的需要来选择和组织课程内容,突出工作任务与知识的联系,让学生在职业实践活动的基础上掌握知识,增强课程内容与职业能力要求的相关性,提高学生的就业能力。
三、课程学习目标
通过本课程的学习,使学生掌握Web开发技术的基本理论知识,具备一定的应用开发技能,培养学生工程意识、创新能力和素质。
1.知识目标
(1)掌握JavaScript中的基本语法知识
(2)掌握JavaScript进行提交内容校验、生成网页特效等方法
(3)掌握JavaScript对象的常用属性和方法
(4)掌握正则表达式的属性和方法
(5)掌握JavaScript事件处理;
(6)掌握BOM对象的常用属性和方法
(7)掌握文档对象的常用属性和方法
(8)掌握DOM的概念以及利用DOM操作文档节点的方法
(9)掌握利用JavaScript和CSS交互的方法
(10)掌握JQuery基础知识
2.能力目标
(1)具备使用JavaScript技术来提高网页交互性、体验性的能力
(2)具备综合使用HTML、CSS与JavaScript的相关知识,来丰富、渲染网页的能力
(3)具备根据具体应用需求,创新性地设计网页的能力
(4)通过完成相关的项目,寻找发现问题途径,学会解决问题的方法
3.素质目标
(1)培养学生具备克服困难解决问题的意志
(2)培养学生养成严谨认真的科学态度,耐心细致的工作作风
(3)培养学生具备良好的交流沟通素养和创新精神
(4)形成良好的思考问题、分析问题和解决问题的能力,养成良好的职业素养
(5)遵守国家关于软件与信息技术的相关法律法规,形成关键性的软件开发与应用的能力
四、课程典型工作任务
五、课程整体设计
序号
学习单元名称
学习性工作任务或项目名称
学时分配
1
JavaScript概述
对话框和页面输出
4
2
JavaScript基础
根据成绩给出学生考评、猜数游戏、简易计算器
8
3
JavaScript对象编程
页面动态显示系统时间、随机选号、焦点图效果、验证注册页面
16
4
BOM编程
制作页面标题交替显示效果、制作复选框全选效果
8
5
DOM编程
动态添加表格
12
6
JavaScript与CSS交互
动态改变导航菜单样式、制作图片轮显效果、制作随光标滚动的广告图片
8
7
jQuery基础
配置jQuery环境、网站品牌列表的显示与收起
8
8
综合实训
制作一个化妆品网站
6
9
考试
2
课程学习总学时
——
72
六、课程学习单元内容与要求
单元一:
学习单元名称
JavaScript概述
学习性工作任务或项目
1.目标:
了解JavaScript的作用及特点,掌握脚本的基本结构,掌握常用输入输出语句
2.具体任务:
练习使用常用输入输出语句及引入JS的3种主要方式
3.活动设计:
案例展示、知识讲解、演示操作、同步实践、总结答疑
载体或活动
对话框和页面输出
学习方法建议
案例法、讲授法、演示法、练习法
学习重点与难点
重点:
常用输入输出语句及引入JS的3种主要方式
难点:
熟悉JS的编写工具,并能够运用其编写简单的程序
组织实施建议
在机房根据案例展示完成实训任务,提高对编程工具使用的熟练程度,掌握软件项目开发的一般方法、步骤与流程,熟悉程序设计的基本工作规范,养成良好的编程习惯。
学习场地与设施建议
计算机机房、投影仪、教学广播软件
知识与技能准备
知识准备:
对Web前端开发有一定基础。
技能准备:
熟悉HTML+CSS网页设计技术。
学习素材准备
多媒体课件、教学案例
学习考核与评价
从学习态度与交流考核学生对JS基础知识的掌握情况,通过实践操作考核说明学生对JS编程的热爱程度及接受能力。
学习单元设计
拟实现的能力目标
必须掌握的知识内容
学时
认识javascript
N1.1:
对javascript有初步认识
Z1.1:
了解javascirpt的起源
Z1.2:
了解javascirpt的作用
Z1.3:
了解javascirpt的基本特点
Z1.4:
了解javascirpt的组成
1
页面显示个人信息
N2.1:
熟悉JavaScript脚本编辑器
N2.2:
熟悉脚本的基本结构
N2.3:
能在网页中引用JavaScript
N2.4:
能使用常用的输入/输出语句在页面显示个人信息
Z2.1:
掌握脚本的基本结构
Z2.2:
掌握在网页中引用JavaScript的方式
Z2.3:
掌握常用的输入/输出语句
3
本学习单元学时小计
4
单元二:
学习单元名称
JavaScript基础
学习性工作任务或项目
1.目标:
掌握JavaScript的常量与变量、数据类型、条件语句、循环语句、函数定义
2.具体任务:
显示变量数据类型、根据成绩给出学生考评、实现猜数游戏、制作简易计算器
3.活动设计:
案例展示、知识讲解、演示操作、同步实践、总结答疑
载体或活动
根据成绩给出学生考评、猜数游戏、简易计算器
学习方法建议
案例法、讲授法、演示法、练习法
学习重点与难点
重点:
JavaScript的常量与变量、数据类型、条件语句、循环语句、函数定义
难点:
熟练应用条件语句、循环语句进行编程,函数定义及调用
组织实施建议
在机房根据案例展示完成实训任务,提高对编程工具使用的熟练程度,掌握软件项目开发的一般方法、步骤与流程,熟悉程序设计的基本工作规范,养成良好的编程习惯。
学习场地与设施建议
计算机机房、投影仪、教学广播软件
知识与技能准备
知识准备:
对Web前端开发有一定基础。
技能准备:
熟悉HTML+CSS网页设计技术、有一定程序语言编程基础。
学习素材准备
多媒体课件、教学案例
学习考核与评价
从学习态度、实践操作、实训作业进行考核和评价
学习单元设计
拟实现的能力目标
必须掌握的知识内容
学时
显示变量数据类型
N1.1:
能声明变量
N1.2:
可以为变量赋值
N1.3:
在页面显示不同类型变量的数据类型
Z1.1:
掌握变量声明及赋值
Z1.2:
掌握变量不同数据类型
Z1.3:
掌握不同运算符号
2
根据成绩给出学生考评
N2.1:
能熟练使用if条件语句进行判断
N2.2:
能使用switch结构进行判断
Z2.1:
掌握if条件语句
Z2.2:
掌握switch语句
2
实现猜数游戏
N3.1:
能熟练使用for循环语句
N3.2:
能熟练使用while循环语句
N3.3:
能熟练使用do…while循环语句
N3.4:
能熟练使用for…in循环语句
N3.5:
能熟练使用中断循环语句
Z3.1:
掌握for循环语句
Z3.2:
掌握while循环语句
Z3.3:
掌握do…while循环语句
Z3.4:
掌握for…in循环语句
Z3.5:
掌握中断循环语句
2
制作简易计算器
N4.1:
能应用数值判断函数进行判断数值
N4.2:
能自定义函数实现相应功能
Z4.1:
掌握数值判断函数
Z4.2:
掌握自定义函数语法结构
2
本学习单元学时小计
8
单元三:
学习单元名称
JavaScript对象编程
学习性工作任务或项目
1.目标:
理解JavaScript中的对象,掌握JavaScript的Date、Math、String等对象,掌握JavaScript的数组声明及使用方法,掌握正则表达式的属性和方法,掌握自定义对象的使用方法
2.具体任务:
在页面动态显示系统时间、制作随机选号页面、制作简单的焦点图效果、验证注册页面信息
3.活动设计:
案例展示、知识讲解、演示操作、同步实践、总结答疑
载体或活动
页面动态显示系统时间、随机选号、焦点图效果、验证注册页面
学习方法建议
案例法、讲授法、演示法、练习法
学习重点与难点
重点:
JavaScript中常用对象的使用、数组的声明及使用方法、正则表达式的属性和方法
难点:
数组的声明及使用方法、正则表达式的属性和方法的应用
组织实施建议
在机房根据案例展示完成实训任务,提高对编程工具使用的熟练程度,掌握软件项目开发的一般方法、步骤与流程,熟悉程序设计的基本工作规范,养成良好的编程习惯。
学习场地与设施建议
计算机机房、投影仪、教学广播软件
知识与技能准备
知识准备:
对Web前端开发有一定基础。
技能准备:
熟悉HTML+CSS网页设计技术、有一定程序语言编程基础。
学习素材准备
多媒体课件、教学案例
学习考核与评价
从学习态度、实践操作、实训作业进行考核和评价
学习单元设计
拟实现的能力目标
必须掌握的知识内容
学时
在页面动态显示系统时间
N1.1:
能熟练创建Date对象
N1.2:
会熟练使用Date对象的常用方法
N1.3:
会使用定时器函数实现在页面动态显示系统时间
Z1.1:
掌握Date对象的创建
Z1.2:
掌握Date对象的常用方法
Z1.3:
掌握定时器函数
2
制作随机选号页面
N2.1:
能熟练使用Math对象的常用属性和方法
N2.2:
能使用Math对象的常用属性和方法及定时函数制作随机选号页面
Z2.1:
掌握Math对象的常用属性和方法
2
制作简单的焦点图效果
N3.1:
能熟练创建数组并访问数组
N3.2:
能使用数组的常用属性和方法制作简单的焦点图效果
Z3.1:
掌握数组的创建
Z3.2:
掌握数组的常用属性和方法
4
验证注册页面信息
N4.1:
能熟练创建String对象
N4.2:
能使用String对象的常用属性和方法实现简单的字符串操作
N4.3:
能自定义函数来验证注册页面
Z4.1:
掌握String对象的创建
Z4.2:
掌握String对象的常用属性和方法
4
使用正则表达式验证注册页面信息
N5.1:
能熟练定义正则表达式
N5.2:
能熟练使用正则表达式的操作方法
N5.3:
能熟练使用正则表达式验证注册页面信息
Z5.1:
掌握正则表达式的定义
Z5.2:
掌握正则表达式的操作方法
4
本学习单元学时小计
16
单元四:
学习单元名称
BOM编程
学习性工作任务或项目
1.目标:
了解BOM编程,掌握window对象的重要属性和方法,掌握document对象的重要属性和方法。
2.具体任务:
制作弹出窗口特效、制作页面标题交替显示效果、制作复选框全选效果
3.活动设计:
案例展示、知识讲解、演示操作、同步实践、总结答疑
载体或活动
制作弹出窗口特效、制作页面标题交替显示效果、制作复选框全选效果
学习方法建议
案例法、讲授法、演示法、练习法
学习重点与难点
重点:
window对象的重要属性和方法,document对象的重要属性和方法
难点:
对window对象、document对象的重要属性和方法的应用
组织实施建议
在机房根据案例展示完成实训任务,提高对编程工具使用的熟练程度,掌握软件项目开发的一般方法、步骤与流程,熟悉程序设计的基本工作规范,养成良好的编程习惯。
学习场地与设施建议
计算机机房、投影仪、教学广播软件
知识与技能准备
知识准备:
对Web前端开发有一定基础。
技能准备:
熟悉HTML+CSS网页设计技术、有一定程序语言编程基础。
学习素材准备
多媒体课件、教学案例
学习考核与评价
从学习态度、实践操作、实训作业进行考核和评价
学习单元设计
拟实现的能力目标
必须掌握的知识内容
学时
制作弹出窗口特效
N1.1:
能熟练使用window对象的重要属性和方法制作弹出窗口特效
Z1.1:
了解浏览器对象模型的概念,学习BOM及其提供的各种对象
Z2.1:
掌握window对象的重要属性和方法
2
制作页面标题交替显示效果
N2.1:
能熟练使用document对象的重要属性和方法制作页面标题交替显示效果
Z2.1:
掌握document对象的常用属性和方法
2
制作复选框全选效果
N3.1:
能熟练使用document对象的常用方法制作复选框全选效果
N3.2:
能使用document对象的常用方法实现树形菜单效果
Z3.1:
掌握window对象、document对象的常用属性和方法
4
本学习单元学时小计
8
单元五:
学习单元名称
DOM编程
学习性工作任务或项目
1.目标:
了解DOM模型的基本概念、组成、节点的概念,掌握使用不同方法实现DOM元素的查找和定位,以及节点的增、删、改、查。
2.具体任务:
使用CoreDOM方式动态添加表格、使用HTMLDOM方式动态添加表格、任务拓展训练
3.活动设计:
案例展示、知识讲解、演示操作、同步实践、总结答疑
载体或活动
使用CoreDOM方式动态添加表格、使用HTMLDOM方式动态添加表格
学习方法建议
案例法、讲授法、演示法、练习法
学习重点与难点
重点:
DOM模型、使用CoreDOM方式动态添加表格、使用HTMLDOM方式动态添加表格
难点:
使用CoreDOM方式动态添加表格、使用HTMLDOM方式动态添加表格
组织实施建议
在机房根据案例展示完成实训任务,提高对编程工具使用的熟练程度,掌握软件项目开发的一般方法、步骤与流程,熟悉程序设计的基本工作规范,养成良好的编程习惯。
学习场地与设施建议
计算机机房、投影仪、教学广播软件
知识与技能准备
知识准备:
对Web前端开发有一定基础。
技能准备:
熟悉HTML+CSS网页设计技术、有一定程序语言编程基础。
学习素材准备
多媒体课件、教学案例
学习考核与评价
从学习态度、实践操作、实训作业进行考核和评价
学习单元设计
拟实现的能力目标
必须掌握的知识内容
学时
使用CoreDOM方式动态添加表格
N1.1:
能熟练使用节点的常用属性和方法实现节点的增、删、改、查
Z1.1:
了解DOM模型的基本概念、组成、节点的概念
Z2.1:
掌握节点的常用属性和方法
4
使用HTMLDOM方式动态添加表格
N2.1:
能熟练使用HTMLDOM操作表格,通过表格对象的属性和方法在页面中动态地添加、修改、删除表格
Z2.1:
掌握表格对象的属性和方法
4
任务拓展训练
N3.1:
能使用DOM的文档碎片提高页面的执行效率
N3.2:
能在特定节点后插入节点
N3.3:
能熟练应用表格对象实现图片修改、订单修改等任务。
Z3.1:
掌握节点的常用属性和方法
Z3.2:
掌握表格对象的属性和方法
4
本学习单元学时小计
12
单元六:
学习单元名称
JavaScript与CSS交互
学习性工作任务或项目
1.目标:
掌握CSS的基本语法、常见样式及样式表的类型等,掌握JavaScript访问样式的常用方法
2.具体任务:
动态改变导航菜单样式、制作图片轮显效果、制作随光标滚动的广告图片
3.活动设计:
案例展示、知识讲解、演示操作、同步实践、总结答疑
载体或活动
动态改变导航菜单样式、制作图片轮显效果、制作随光标滚动的广告
学习方法建议
案例法、讲授法、演示法、练习法
学习重点与难点
重点:
CSS的选择器及类型和常用样式、JavaScript访问样式的常用方法
难点:
JavaScript访问样式的常用方法的应用
组织实施建议
在机房根据案例展示完成实训任务,提高对编程工具使用的熟练程度,掌握软件项目开发的一般方法、步骤与流程,熟悉程序设计的基本工作规范,养成良好的编程习惯。
学习场地与设施建议
计算机机房、投影仪、教学广播软件
知识与技能准备
知识准备:
对Web前端开发有一定基础。
技能准备:
熟悉HTML+CSS网页设计技术、有一定程序语言编程基础。
学习素材准备
多媒体课件、教学案例
学习考核与评价
从学习态度、实践操作、实训作业进行考核和评价
学习单元设计
拟实现的能力目标
必须掌握的知识内容
学时
使用JavaScript动态改变导航菜单样式
N1.1:
能熟练使用style属性和className属性动态改变菜单样式
Z1.1:
掌握style属性和className属性的应用
2
制作图片轮显效果
N2.1:
能熟练使用display属性和visibility属性实现图片轮显效果
Z2.1:
掌握display属性和visibility属性的应用
2
制作随光标滚动的广告图片
N3.1:
能获取样式的属性值
N3.2:
能使用页面事件获取滚动条滚动的距离
N3.3:
能制作随光标滚动的广告图片
N3.4:
能制作Tab切换效果
N3.5:
能制作光标移到某图片上显示该图片对应大图
Z3.1:
掌握获取样式的属性值的方法
Z3.2:
掌握页面事件
4
本学习单元学时小计
8
单元七:
学习单元名称
jQuery基础
学习性工作任务或项目
1.目标:
了解jQuery库、jQuery对象$、jQuery对象与DOM对象,掌握基本选择器、层次选择器、过滤选择器、表单选择器
2.具体任务:
配置jQuery环境,实现网站品牌列表的显示与收起
3.活动设计:
案例展示、知识讲解、演示操作、同步实践、总结答疑
载体或活动
网站品牌列表的显示与收起
学习方法建议
案例法、讲授法、演示法、练习法
学习重点与难点
重点:
jQuery对象$、jQuery对象与DOM对象、基本选择器、过滤选择器、表单选择器
难点:
jQuery对象$、jQuery对象与DOM对象、基本选择器、过滤选择器、表单选择器的应用
组织实施建议
在机房根据案例展示完成实训任务,提高对编程工具使用的熟练程度,掌握软件项目开发的一般方法、步骤与流程,熟悉程序设计的基本工作规范,养成良好的编程习惯。
学习场地与设施建议
计算机机房、投影仪、教学广播软件
知识与技能准备
知识准备:
对Web前端开发有一定基础。
技能准备:
熟悉HTML+CSS网页设计技术、有一定程序语言编程基础。
学习素材准备
多媒体课件、教学案例
学习考核与评价
从学习态度、实践操作、实训作业进行考核和评价
学习单元设计
拟实现的能力目标
必须掌握的知识内容
学时
配置jQuery环境
N1.1:
能配置jQuery环境
N1.2:
能使用jQuery在警告框中显示“HelloWorld!
”
Z1.1:
掌握jQuery对象$
2
网站品牌列表的显示与收起
N2.1:
能熟练使用基本选择器、层次选择器、过滤选择器、表单选择器来对HTML代码中的元素进行简单操作,实现网站品牌列表的显示与收起
Z2.1:
掌握基本选择器、层次选择器、过滤选择器、表单选择器的应用
6
本学习单元学时小计
8
单元八:
学习单元名称
综合实训:
制作一个化妆品网站
学习性工作任务或项目
1.目标:
巩固所学知识
2.具体任务:
制作一个化妆品网站
3.活动设计:
案例展示、知识讲解、演示操作、同步实践、总结答疑
载体或活动
化妆品网站
学习方法建议
案例法、讲授法、演示法、练习法
学习重点与难点
重点:
根据所学制作一个化妆品网站
难点:
熟练应用所学内容制作一个化妆品网站
组织实施建议
在机房根据案例展示完成实训任务,提高对编程工具使用的熟练程度,掌握软件项目开发的一般方法、步骤与流程,熟悉程序设计的基本工作规范,养成良好的编程习惯。
学习场地与设施建议
计算机机房、投影仪、教学广播软件
知识与技能准备
知识准备:
对Web前端开发有一定基础。
技能准备:
熟悉HTML+CSS网页设计技术、有一定程序语言编程基础。
学习素材准备
多媒体课件、教学案例
学习考核与评价
从学习态度、实践操作、实训作业进行考核和评价
学习单元设计
拟实现的能力目标
必须掌握的知识内容
学时
制作一个化妆品网站
N1.1:
能熟练应用所学制作一个化妆品网站
Z1.1:
JS基础知识
Z1.2:
JS对象编程
Z1.3:
BOM编程
Z1.4:
DOM编程
Z1.5:
JavaScript与CSS交互
Z1.6:
jQuery基础知识
6
本学习单元学时小计
6
七、课程考核与评价
本课程实施综合考评,分为过程性评价和结果性评价,注重考核学生掌握技能的水平,同时注重学习态度和最终成绩的关联,以全面综合地评定学生的能力。
(1)过程性评价:
布置课堂作业以及拓展实训项目,使学生能独立完成大部分的技能训练,小项目及活动的技能,均以个人为考核单位,在平时考核和记录。
成绩包括学习态度、出勤及项目技能完成情况,占总成绩40%。
(3)结果性评价:
在学生期末课程学习结束后,统一参加技能考试,期末成绩占总成绩60%。
八、教材及相关资源
拥有多媒体教室,能够确保教师课堂讲授、学生实践训练的需求。
组织课程教学相关教师在深入岗位调研和教学过程总结的基础上开发课程资源,包括电子教案、课件、试题习题集等。
本课程采用国家骨干高职院校建设成果·计算机项目化系列教材:
《JavaScript与jQuery实战教
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Java script技术基础课程标准V101031 script 技术 基础 课程标准 V101031