《JavaScript项目式实例教程》课程标准

1、OavaScript项目式实例教程课程标准课程编号：02104课程类型：非核心课程、一体化课程学时：72适用对象：软件与信息服务专业二年级 学生编制者：屹峰审核者：编制日期：2014-07-05一、课程的性质1,课程定位OavaScript项目式实例教程课程是计算机软件与信息服务专业的一门重要的专业课，定位于WEB 技术开发工作岗位。它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用。本课程的 前导课程：静态网页设计、DIV+CSS布局。后续课程：网页美工、PHP动态网页设计、C#程序设计与应 用等。2,课程任务OavaScript项目式实例教程课程课程任务是培养网页设计、网页美

2、工以及WEB综合开 发的初、中 级专业人才，通过本课程的学习，学生能掌握JavaScript语言的基本编程思想，并能熟练利用 JavaScript控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务。二、职业活动通过本课程的学习，使学生形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析 问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关 键性的软件开发与应用的能力。最终成为具备较全面的软件开发与信息服务的技术人才。该课程涉及的知识是Web应用程序或前端开发人员必备的基木技能，职业活动与课程容的对 应关系如 下：Web前端开发岗位职

3、业能力教学容（理实一体化课）模块化设计思想任务模块化（第1章）程序设 计基木流程判断、循环结构（第2、3章）与基本对象的交互设计事件（第4章）事件高级应用（第 8章）操作浏览器窗口窗口对象（第5章）操作Document文档对象（第6章）操作DOM DOM对象（第 7章）动画基础运动基础（第9章）三、教学目标1、职业关键能力目标（1）掌握JavaScript语言的基本语法及常用的置函数（2）掌握事件以及事件的触发机制（3） 掌握BOH对象的常用属性和方法JavaScript项目式实例教程课程标准3（4）掌握文档对象的常用属性和方法（5）掌握Cookie对象的使用方法（6）掌握DOM的概念以及利用

4、D0M操作文档节点的方法（7）掌握事件流和事件绑定（8）掌握利用JavaScript设计缓冲运动的原理和方法2、职业专门能力目标（1）通过完成相关的项目，掌握JavaScript语言的语法结构。（2）通过完成相关的项目，掌握JavaScript各种置对象的使用方法和应用情境。（3）通过完成相关的项目，寻找发现问题途径，学会解决问题的方法3、方法能力目标形成一定的 学习能力、沟通与团队的协作能力，形成良好的思考问題、分析问题和解决问题的能力，养成良好的职 业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。四、课程容1、预备知识学习本课程，学生必须具备的知识和技能

5、有：计算机应用基础、HTML标记语言、DIV+CSS网页布局。如 果己具有一门程序设计语言基础则能达到更好的学习效果。2,核心容课 程 重 难 点 及 课 时 分 配 如 下 表 所 示：核心容教学要求重戌（）难点 (ABC)学时 安排备注JavaScript与HTML混编的方式BC2判断、循环结构AB5数据类型及转换AB3字符串对象及处理函数AB4事件处理机制及主要事件AA6窗口对象AA5文档对象AA5DOM对象AA6合计36（教学要求：A熟练掌握；B-掌握；C 一了解）（技能要求：A熟练掌握；B掌握；C- 了解）3、项目设计项目设计及课时分配如下表所示:项目设计教学要求重占 八、（）难点(

6、ABC)学时安排备注项目一：对话框和页面输出CC2项目二：简单计算器AB3项目三：统计成绩单AB5项目四：注册页而设计AB4项目五：多窗体注册页面AA4项目六：多功能相册AA4项目七：商品列表AA4项目八：自制滚动条AA5项目九：运动基础AA5合计36（教学要求：A熟练掌握；B-掌握；C 一了解）（技能要求：A熟练掌握；B掌握；C- 了解）4、 学习情境木课程以JavaScript程序设计语言为主要工具，学习Web应用程序或前端开发技术。为了更好实施 软件技术专业职业情境，项目主导”的工学结合人才培养模式，开展基于软件产品开发工作过程的项 目实践教学，木课程组织为9个模块，9个项目。按照项目开

7、发的过程进行模块的划分，在完成每个模 块学习和实践的过程中，融入相应的知识点、程序设计方法、程序调试方法和软件设计规。在教学容 选取和组织过程中，突岀与企业的深度融合，引进企业软件产品开发环境、管理规、技术资源，校企 双方共同完成本课程的教学与实践。5,项目实施通过项目设计培养学生的职业素养。在项目设计过程中，加深对知识的理解，提高对编程工具使用的 熟练程度，掌握软件项目开发的一般方法、步骤与流程，熟悉程序设计的基本工作规，养成良好的编程习惯。同时，通过拣作完成软件项目开发，培养学生的沟通交流能力.组织协调能 力、团队合作能力和自主学习能力。项目开发过程中，每4-5人一组，在教师的指导下，制定

8、项目开 发计划、时间进度、工作流程等，项目组成员可以具体的分工协作。完成项目测试，项目文档制作 等。6.教学要求序号课题知识耍求能力要求教学建议课时1JavaScript 与HTML混编初步体验使用JavaScript 进行WEB前端应用开发 的方法1、初步体验 JavaScript 脚本嵌 在HTML中的书写方法2、初步了解事件触发 的概念以及函数调用带领学生共同体验 任务完成过程，不 必对其中涉及的知 识点做过多的解释42简单计算器掌握判断结构的使 用方法1、熟悉变量和常量的 概念和使用方法2、熟 悉基木数据类型及类 型转换3、熟悉各种运 算符的使用方法4、熟 悉判断结构以学习判断结构为

9、主线，融入其他知 识点，在项目完成 后对这些知识做总 结归纳63统计成绩单掌握循环结构的使 用方法1、初步了解数组的概 念和使用方法。2、初 步了解对象的概念。3、熟悉Math数学对 象的应用。4、熟悉循 环结构的使用方法。5,熟悉变量的作用域以学习循环结构为 主线，融入其他知 识点，在项目完成 后对这此知识做总 结归纳104注册页面设计掌握事件的应用1、理解事件的概念。2、掌握事件的触发机 制。3、掌握常用事件的应 用。以学习事件为主 线，融入其他知识 点，在项目完成后 对这些知识做总结 归纳85多窗体注册页面掌握窗口对象1、 掌握窗体对象Wi ndow的常用属性和方 法。2、 掌握地址对象

10、 Location的常用属性 和方法。3、 掌握历史对象以学习五大对象主 线，融入其他知识 点，在项目完成后 对这些知识做总结 归纳8History的常用属性 和方法。4掌握屛幕对象 Screen的常用属性和 方法。5,掌握浏览器对象Navigator的常用6多功能相册掌握文档对象1、掌握文档对象 Document的常用属性 和方法。2,掌握Cook i e对象的使用方法。3、掌握图像对象的使 用方法。4,掌握超级对象的使 用方法。5、掌握利用 JavaScript设置样式 的方法。以学习文档对象主 线，融入其他知识 点，在项目完成后 对这些知识做总结 归纳87商品列表掌握DOM对象1、掌握利

11、用D0M获取 文档节点的方法。2、 掌握利用D0M操作文 档节点的方法。3、掌 握利用D0M获取或设 置文档节点样式的方 法。4、掌握利用D0M 操作表格的方法以学习D0M对象 主线，融入其他知 识点，在项目完成 后对这此知识做总 结归纳88自制滚动条掌握事件的高级应 用1、掌握事件流和事件 绑定。2,掌握阻止浏览器 默认行为的方法。3、 掌握鼠标滚轮事件的 处理方法。以学习事件的高级 应用为主线，融入 其他知识点，在项 目完成后对这些知 识做总结归纳109运动基础掌握利用JavaScript 设计 动画的基本思想1、掌握物理运动的 基本规律。2,掌握缓冲运动的 原理和实现方法。3、 掌握窗口

12、滚动事件。以学习缓冲运动的 设计思想主线，融 入其他知识点，在 项目完成后对这些 知识做总结归纳1018周授课，其余时间机动（考试、复习等）72合计五、课程实施条件1、人员条件授课教师必须具备以下条件：本科以上计算机相关专业学历，有一定的英语水平；通过初级或者 高级程序员考试或者拿到一些国际、国认证的证书，有一年以上教授相关程序设计课程或项目开发经 验；有网页设计及Web应用程序开发能力及经验；较强的逻辑思维能力，团队精神和协作能力， 强烈的好奇心和学习精神。2,环境条件本课程需要一间高性能联网的计算机实训室，需满足每位学生一台电脑。配备液晶投影仪、多媒体教 学软件、Dreamweaver C

13、S5. 0及以上版本、一款JavaScript常用开发工具，如Apt ana等。六、教学组织与方法1、教学方法结合软件与信息服务专业学生特点，基于行动导向，根据每个任务的容特点，以真实项目进行引导开 展教学。整个课程以项目任务实训为主线，以技能培养为核心来组织教学。学生在完成项目分解的任 务中学习相关知识，并利用这些知识解决项目中的问題。（1）项目教学法课程将WEB前端开发中的某个应用作为一个项目，并分解为多个小的任务。每个任务的学习过程以工作 过程为导向，最终形成学生的职业行动能力。（2）小组教学法以6人为一个单位，成立教学小组。单人完成的项目，组可以互相学习，督促和评价。大型复杂的项 目，

14、小组成员共同完成。（3）视频展示法教师对讲授容充分提炼，将复杂的操作录制下来，方便学生反复观看和模仿，形象生动的动态展示和讲 解。使抽象、难懂的教学容变得直观、易懂和容易掌握；提高了教学效率；便于学生自主学习。2,教学手段（1） 充分利用多媒体实训室和多媒体课件本课程的课堂讲授全部在实训室进行，便于使用投影设备，采用多媒体教学手段。开发和使用的多媒 体课件制作精美并含有动态演示，其有效地增强了学生的学习兴趣。（2）鼓励自主学习制作网络课件，并将教学大纲、教案、习題等同时上网开放，激发学生学习兴趣，鼓励学生 自主学习， 同时可以缓解课程信息量增加与压缩授课学时之间的矛盾。（3）严格考评制度设计了

15、容丰富、形式多样的习题作业，以利于学生理解和掌握所学知识。严格检查平时作业完成情 况，及时反馈作业中反映的问题。采用定期模拟考试的方法及时检验学生阶段性学习成果。建立科学 合理的考核评价制度，以促进学生的学习积极性和自我学习的动力。（4）充分利用网络环境和资源充分利用互联网资源、本课程资源，在网上开展教学活动，包括网络课程学习、自主学习、课后复 习、课件下载、作业提交、专题讨论、网上答疑等，使学生可以不受时间、地点的限制，方便地进行 学习。七、教学材料1、学材与教材（1）选用教材OavaScript项目式实例教程校教林 作者：屹峰。（2）参考书目JavaScript DOM编程艺术，人民邮电，

16、Jerymy Keith 1.涛，王建桥，晓云译JavaScript DOM 高级程序设计，人民邮电,Jeffrey Sambells, Aaron Gustafson 著.松峰,雅雯译2,软件与网络Dreamweaver CS5. 0及以上版木、一款JavaScript常用开发工具，如Aptana等。八、教学评价1、教学评价强调评价对教学的激励、诊断和促进作用，发挥教师在评价中的主导作用，创造条件实现评价主体的多 元化，要关注学生的个别差异，鼓励学生的创造实践。综合运用各种形成性评价方式，全面考察学生的 程序设计能力的养成过程，评价与教学过程相结合，动态把握，及时引导学生情感、态度和价值观的

17、形 成。采用纸笔测试和上机测试相结合的方式开展总结性教学评价。要根据课程标准的要求和具体考试容 选择合适的题型和考试方式，创造条件全面考察学生解决实际问题的能力，避免只重视知识记忆。要注 意结合学生平时学习表现和过程性评价结果，改变单纯一次测验或考试为依据，评定学生一学期或整个 学段学习情况的局面，适度加大过程性评价在期末成绩评定中的比重。2,考核容知识模块知识小点考核等级JavaScript在HTML中不同写法1. JavaScript 与 HTML 混编模块化编程基本数据类型 数据类型的转换 运算符 判断结构 2.判断结构置函数 数组 对象的概念 Math数学对象 循环结构 3.循环结构变

18、量的作用域 事件的概念 事件的触发机制 4.简单事件用事件的应用 Window对象常用属性和方法 History对象常用属性和方法 creen对象常用属性和方法 5.窗口对象Navigator对象常用属性和方法 Document对象常用属性和方法 Cookie对象的使用 图像对象的使用超级对象的使用6.文档对象利用JavaScript设置样式表的方 法 7. DOM对象获取文档节点 操作文档节点 获取和设置文档节点样式 作表格 8.事件的高级应用事件流和事件绑定 阻止浏览器默认行为 鼠标滚轮事件 9.运动基础物理运动基本规律缓冲运动的原理和实现 窗口滚动事件 3,考核方式木课程实施综合考评，注重考核学生掌握技能的水平，同时注重学习态度和最终成绩的关联，以全面综 合地评定