国家中等职业教育改革发展示范学校
软件信息与服务专业建设
9.专业课JavaScript课程标准

东莞理工学校软件信息与服务专业项目建设小组
课程编号：
02104
课程类型：
非核心课程、一体化课程
学时：
72
适用对象：
软件与信息服务专业二年级学生
编制者：
张屹峰
审核者：
编制日期：
2014-07-05
一、 课程的性质
1、课程定位
《JavaScript项目式实例教程》课程是计算机软件与信息服务专业的一门重要的专业课，定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用。本课程的前导课程：静态网页设计、DIV+CSS布局。后续课程：网页美工、PHP动态网页设计、C#程序设计与应用等。
2、课程任务
《JavaScript项目式实例教程》课程课程任务是培养网页设计、网页美工以及WEB综合开发的初、中级专业人才，通过本课程的学习，学生能掌握JavaScript语言的基本编程思想，并能熟练利用JavaScript控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务。
二、 职业活动
通过本课程的学习，使学生形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。最终成为具备较全面的软件开发与信息服务的技术人才。
该课程涉及的知识是Web应用程序或网站前端开发人员必备的基本技能，职业活动与课程内容的对应关系如下：
Web前端开发岗位职业能力
教学内容（理实一体化课）
模块化设计思想
任务模块化（第1章）
程序设计基本流程
判断、循环结构（第2、3章）
与基本对象的交互设计
事件（第4章）事件高级应用（第8章）
操作浏览器窗口
窗口对象（第5章）
操作Document
文档对象（第6章）
操作DOM
DOM对象（第7章）
动画基础
运动基础（第9章）
  三、教学目标
  1、职业关键能力目标
（1）掌握JavaScript语言的基本语法及常用的内置函数
（2）掌握事件以及事件的触发机制
（3）掌握BOM对象的常用属性和方法
（4）掌握文档对象的常用属性和方法
（5）掌握Cookie对象的使用方法
（6）掌握DOM的概念以及利用DOM操作文档节点的方法
（7）掌握事件流和事件绑定
（8）掌握利用JavaScript设计缓冲运动的原理和方法
2、职业专门能力目标
（1）通过完成相关的项目，掌握JavaScript语言的语法结构。
（2）通过完成相关的项目，掌握JavaScript各种内置对象的使用方法和应用情境。
（3）通过完成相关的项目，寻发现问题途径，学会解决问题的方法
3、方法能力目标
形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。
四、课程内容
1、预备知识
学习本课程，学生必须具备的知识和技能有：计算机应用基础、HTML标记语言、DIV+CSS网页布局。如果已具有一门程序设计语言基础则能达到更好的学习效果。
2、核心内容
课程重难点及课时分配如下表所示：
核心内容
教学要求
重点(☆)
难点（ABC）
学时安排
备注
JavaScript与HTML混编的方式
B
☆
C
2
判断、循环结构
A
☆
B
5
数据类型及转换
A
☆
B
3
字符串对象及处理函数
A
☆
B
4
事件处理机制及主要事件
A
☆
A
6
窗口对象
A
☆
A
5
文档对象
A
☆
A
5
DOM对象
A
☆
A
6
合计
36
（教学要求：A—熟练掌握；B—掌握；C一了解）（技能要求：A—熟练掌握；B_掌握；C一了解）
3、项目设计
项目设计及课时分配如下表所示：
项目设计
教学要求
重点(☆)
难点（ABC）
学时安排
备注
项目一：对话框和页面输出
C
☆
C
2
项目二：简单计算器
A
☆
B
3
项目三：统计成绩单html网页设计课程标准
A
☆
B
5
项目四：注册页面设计
A
☆
B
4
项目五：多窗体注册页面
A
☆
A
4
项目六：多功能相册
A
☆
A
4
项目七：商品列表
A
☆
A
4
项目八：自制滚动条
A
☆
A
5
项目九：运动基础
A
☆
A
5
合计
36
（教学要求：A—熟练掌握；B—掌握；C一了解）（技能要求：A—熟练掌握；B_掌握；C一了解）
4、学习情境
本课程以JavaScript程序设计语言为主要工具，学习Web应用程序或网站前端开发技术。为了更好实施软件技术专业“职业情境，项目主导”的工学结合人才培养模式，开展基于软件产品开发工作过程的项目实践教学，本课程组织为9个模块，9个项目。按照项目开发的过程进行模块的划分，在完成每个模块学习和实践的过程中，融入相应的知识点、程序设计方法、程序调试方法和软件设计规范。在教学内容选取和组织过程中，突出与企业的深度融合，引进企业软件产品开发环境、管理规范、技术资源，校企双方共同完成本课程的教学与实践。
5、项目实施
通过项目设计培养学生的职业素养。在项目设计过程中，加深对知识的理解，提高对编程工具使用的熟练程度，掌握软件项目开发的一般方法、步骤与流程，熟悉程序设计的基本
工作规范，养成良好的编程习惯。同时，通过协作完成软件项目开发，培养学生的沟通交流能力、组织协调能力、团队合作能力和自主学习能力。项目开发过程中，每4-5人一组，在教师的指导下，制定项目开发计划、时间进度、工作流程等，项目组成员可以具体的分工协作。完成项目测试，项目文档制作等。
6、教学要求
序号
课题
知识要求
能力要求
教学建议
课时
1
JavaScript与HTML混编
初步体验使用JavaScript进行WEB前端应用开发的方法
1、初步体验JavaScript脚本内嵌在HTML中的书写方法
2、初步了解事件触发的概念以及函数调用的方法
带领学生共同体验任务完成过程，不必对其中涉及的知识点做过多的解释
4
2
简单计算器
掌握判断结构的使用方法
1、熟悉变量和常量的概念和使用方法
2、熟悉基本数据类型及类型转换
3、熟悉各种运算符的使用方法
4、熟悉判断结构
以学习判断结构为主线，融入其他知识点，在项目完成后对这些知识做总结归纳
6
3
统计成绩单
掌握循环结构的使用方法
1、初步了解数组的概念和使用方法。
2、初步了解对象的概念。
3、熟悉Math数学对象的应用。
4、熟悉循环结构的使用方法。
5、熟悉变量的作用域
以学习循环结构为主线，融入其他知识点，在项目完成后对这些知识做总结归纳
10
4
注册页面设计
掌握事件的应用
1、理解事件的概念。
2、掌握事件的触发机制。
3、掌握常用事件的应用。
以学习事件为主线，融入其他知识点，在项目完成后对这些知识做总结归纳
8
5
多窗体注册页面
掌握窗口对象
1、掌握窗体对象Window的常用属性和方法。
2、掌握地址对象Location的常用属性和方法。
3、掌握历史对象History的常用属性和方法。
4、掌握屏幕对象Screen的常用属性和方法。
5、掌握浏览器对象Navigator的常用属性和方法。
以学习五大对象主线，融入其他知识点，在项目完成后对这些知识做总结归纳
8
6
多功能相册
掌握文档对象
1、掌握文档对象Document的常用属性和方法。
2、掌握Cookie对象的使用方法。
3、掌握图像对象的使用方法。
4、掌握超级链接对象的使用方法。
5、掌握利用JavaScript设置样式的方法。
以学习文档对象主线，融入其他知识点，在项目完成后对这些知识做总结归纳
8
7
商品列表
掌握DOM对象
1、掌握利用DOM获取文档节点的方法。
2、掌握利用DOM操作文档节点的方法。
3、掌握利用DOM获取或设置文档节点样式的方法。
4、掌握利用DOM操作表格的方法。
以学习DOM对象主线，融入其他知识点，在项目完成后对这些知识做总结归纳
8
8
自制滚动条
掌握事件的高级应用
1、掌握事件流和事件绑定。
2、掌握阻止浏览器默认行为的方法。
3、掌握鼠标滚轮事件的处理方法。
以学习事件的高级应用为主线，融入其他知识点，在项目完成后对这些知识做总结归纳
10
9
运动基础
掌握利用JavaScript设计动画的基本思想
1、掌握物理运动的基本规律。
2、掌握缓冲运动的原理和实现方法。
3、掌握窗口滚动事件。
以学习缓冲运动的设计思想主线，融入其他知识点，在项目完成后对这些知识做总结归纳
10
18周授课，其余时间机动（考试、复习等）
合计
72
五、课程实施条件
1、人员条件
授课教师必须具备以下条件：①本科以上计算机相关专业学历，有一定的英语水平； ② 通过初级或者高级程序员考试或者拿到一些国际、国内认证的证书，有一年以上教授相关程序设计课程或项目开发经验； ③ 有网页设计及Web应用程序开发能力及经验；④ 较强的逻辑思维能力，团队精神和协作能力，强烈的好奇心和学习精神。
2、环境条件
本课程需要一间高性能联网的计算机实训室，需满足每位学生一台电脑。配备液晶投影仪、多媒体教学软件、Dreamweaver CS5.0及以上版本、一款JavaScript常用开发工具，如Aptana等。
六、教学组织与方法
1、教学方法
结合软件与信息服务专业学生特点，基于行动导向，根据每个任务的内容特点，以真实项目进行引导开展教学。整个课程以项目任务实训为主线，以技能培养为核心来组织教学。学生在完成项目分解的任务中学习相关知识，并利用这些知识解决项目中的问题。
（1）项目教学法
课程将WEB前端开发中的某个应用作为一个项目，并分解为多个小的任务。每个任务的学习过程以工作过程为导向，最终形成学生的职业行动能力。
（2）小组教学法
以6人为一个单位，成立教学小组。单人完成的项目，组内可以互相学习，督促和评价。大型复杂的项目，小组成员共同完成。
（3）视频展示法
教师对讲授内容充分提炼，将复杂的操作录制下来，方便学生反复观看和模仿，形象生动的动态展示和讲解。使抽象、难懂的教学内容变得直观、易懂和容易掌握；提高了教学效率；便于学生自主学习。
2、教学手段
（1）充分利用多媒体实训室和多媒体课件
本课程的课堂讲授全部在实训室进行，便于使用投影设备，采用多媒体教学手段。开发和使用的多媒体课件制作精美并含有动态演示，其有效地增强了学生的学习兴趣。
（2）鼓励自主学习
制作网络课件，并将教学大纲、教案、习题等同时上网开放，激发学生学习兴趣，鼓励学生自主学习，同时可以缓解课程信息量增加与压缩授课学时之间的矛盾。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。