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

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

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

3、 技术人才。该课程涉及的知识是 Web 应用程序或网站前端 开发人员必备的基本技能， 职业活动与课程内容 的对应关系如下：Web前端开发岗位职业能力 教学内容（理实一 体化课） 模块化设计思想 任务模块化（第 1 章） 程序设计基本流程 判断、循环结构（第 2、3 章） 与基本对象的交互设计 事件（第 4 章）事件高级应用（第 8 章） 操作浏览器窗 口 窗口对象（第 5 章） 操作 Document 文 档对象（第 6 章） 操作 DOM DOM对象（第 7 章） 动画基础 运动基础（第 9 章）三、教学目标1、职业关键能力目标（ 1）掌握 JavaScript 语言的基本语法及常用的 内置

4、函数 （ 2）掌握事件以及事件的触发机 制 （ 3 ）掌握 BOM 对象的常用属性和方法 JavaScript 项目式实例教程课程标 准 3 （ 4）掌握文档对象的常用属性和方法 （5）掌 握 Cookie 对象的使用方法 （ 6）掌握 DOM的概念以及利用 DOM操作文档节 点的方法 （ 7）掌握事件流和事件绑定 （ 8）掌握利用 JavaScript 设计缓冲运动的原理 和方法 2、职业专门能力目标 （ 1）通过完成相关的项目， 掌握 JavaScript 语 言的语法结构。（ 2）通过完成相关的项目， 掌握 JavaScript 各 种内置对象的使用方法和应用情境。（ 3）通过完成相关的

5、项目， 寻找发现问题途径， 学会解决问题的方法 3、方法能力目标 形成一定的学习能力、沟通与团队的协作能力， 形成良好的思考问题、 分析问题和解决问题的能 力，养成良好的职业素养。 遵守国家关于软件与 信息技术的相关法律法规， 形成关键性的软件开 发与应用的能力。四、课程内容 1、预备知识学习本课程， 学生必须具备的知识和技能有： 计 算机应用基础、 HTML标记语言、 DIV+CSS网页布 局。如果已具有一门程序设计语言基础则能达到 更好的学习效果。2、核心内容 课程重难点及课时分配如下表所示：核心内容教 学 要 求重点 ()难点 (ABC)学 时 安 排备 注JavaScript 与HTM

6、L混编的方 式BC2判断、循环结构AB5数据类型及转换AB3字符串对象及处理函数AB4事件处理机制及 主要事件AA6窗口对象AA5文档对象AA5DOM对象AA6合计36教学要求： A熟练掌握； B掌握；C一了解）（技能要求：A熟练掌握；B_掌握；C一了解）3、项目设计 项目设计及课时分配如下表所示：项目设计教学 要求重点 ( )难点 （ABC）学 时 安 排备 注项目一： 对话框 和页面输出CC2项目二：简单计 算器AB3项目三：统计成 绩单AB5项目四：注册页面设计AB4项目五： 多窗体 注册页面AA4项目六：多功能 相册AA4项目七：商品列AA4表项目八：自制滚 动条AA5项目九：运动基

7、础AA5合计36教学要求： A熟练掌握； B掌握；C一了解）技能要求：A熟练掌握；B_掌握；C一了解）4、学习情境本课程以 JavaScript 程序设计语言为主要工 具，学习 Web应用程序或网站前端开发技术。 为 了更好实施软件技术专业 “职业情境，项目主导” 的工学结合人才培养模式， 开展基于软件产品开 发工作过程的项目实践教学， 本课程组织为 9 个 模块，9 个项目。按照项目开发的过程进行模块 的划分，在完成每个模块学习和实践的过程中， 融入相应的知识点、 程序设计方法、 程序调试方 法和软件设计规范。 在教学内容选取和组织过程 中，突出与企业的深度融合， 引进企业软件产品 开发环境

8、、管理规范、技术资源，校企双方共同 完成本课程的教学与实践。5、项目实施 通过项目设计培养学生的职业素养。 在项目设计 过程中， 加深对知识的理解， 提高对编程工具使 用的熟练程度，掌握软件项目开发的一般方法、 步骤与流程， 熟悉程序设计的基本工作规范， 养 成良好的编程习惯。 同时，通过协作完成软件项 目开发， 培养学生的沟通交流能力、 组织协调能 力、团队合作能力和自主学习能力。 项目开发过 程中，每 4-5 人一组，在教师的指导下，制定项 目开发计划、时间进度、工作流程等，项目组成 员可以具体的分工协作。 完成项目测试， 项目文 档制作等。6、教学要求序 号课题知识要求能力要求教 学 建

9、 议课 时1JavaScrip t 与 HTML 混编初步体验 使用 JavaScrip1、初步体 验 JavaScrip带 领 学4t 进行 WEB 前端应用 开发的方t 脚本内嵌 在 HTML中 的书写方生 共 同法法2、初步了 解事件触 发的概念 以及函数 调用体验任务完成过程不必对其中涉及的知识点做 过 多的 解 释2简单计算 器掌握判断 结构的使 用方法1、熟悉变 量和常量 的概念和 使用方 法 2 、熟 悉基本数 据类型及 类型转 换 3 、熟 悉各种运 算符的使 用方 法 4 、熟 悉判断结以 学 习 判 断 结 构 为线，融 入 其 他6构知识 点，在 项 目 完 成 后 对

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

11、页 面掌握窗口 对象1、掌握窗 体对象 Window 的 常用属性以 学 习五8和方法。2、掌握地 址对象大 对 象Location 的常用属 性和方 法。3、掌握历 史对象 History 的 常用属性 和方法。4、掌握屏 幕对象 Screen 的 常用属性 和方法。5、掌握浏 览器对象 Navigator 的常用属 性线， 融 入 其 他 知 识 点， 在 项 目 完 成 后 对 这 些 知识 做 总结 归 纳6多功能相 册掌握文档 对象1、掌握文 档对象 Document 的常用属 性和方 法。 2、 掌握 Cookie 对 象的使用 方法。 3、 掌握图像 对象的使 用方法。4、掌握超

12、 级链接对 象的使用以 学 习 文 档 对 象线，融 入 其 他 知 识 点，8方法。 5、 掌握利用 JavaScrip在 项 目t 设置样式 的方法。完 成 后 对 这 些 知 识 做 总 结 归 纳7商品列表掌 握 DOM 对象1、掌握利 用 DOM获 取文档节 点的方 法。 2、以 学 习 DOM 对8掌握利用 DOM操作文 档节点的象线，方法。 3、 掌握利用 DOM获取或 设置文档 节点样式 的方 法。 4 、 掌握利用 DOM操作表 格的方法融 入 其 他 知 识 点， 在 项 目 完 成 后 对 这 些 知 识 做总 结 归纳8自制滚动 条掌握事件 的高级应 用1、掌握事 件流

13、和事 件绑定。2、掌握阻 止浏览器 默认行为 的方 法。 3 、 掌握鼠标 滚轮事件 的处理方 法。以 学 习 事 件 的 高 级 应 用 为线， 融 入 其 他10知识 点，在 项 目 完 成 后 对 这 些 知 识 做 总 结 归 纳9运动基 础掌握利用 JavaScrip t 设计动画1、掌握物 理运动的 基本规以 学 习10的基本思 想律。2、掌握缓 冲运动的缓 冲 运原理和实 现方 法。 3 、 掌握窗口 滚动事 件。动 的 设 计 思 想线， 融 入 其 他 知 识 点， 在 项 目 完成 后 对这 些 知 识 做 总 结 归 纳18 周授课，其余时间机动（考试、 习等）复合计72

14、五、课程实施条件 1、人员条件 授课教师必须具备以下条件： 本科以上计算机 相关专业学历， 有一定的英语水平； 通过初级 或者高级程序员考试或者拿到一些国际、 国内认 证的证书，有一年以上教授相关程序设计课程或 项目开发经验； 有网页设计及 Web应用程序开 发能力及经验； 较强的逻辑思维能力， 团队精 神和协作能力，强烈的好奇心和学习精神。 2、环境条件 本课程需要一间高性能联网的计算机实训室， 需 满足每位学生一台电脑。 配备液晶投影仪、 多媒 体教学软件、 Dreamweaver CS5.0 及以上版本、 一款 JavaScript 常用开发工具，如 Aptana 等。六、教学组织与方法

15、 1、教学方法 结合软件与信息服务专业学生特点， 基于行动导 向，根据每个任务的内容特点， 以真实项目进行 引导开展教学。整个课程以项目任务实训为主 线，以技能培养为核心来组织教学。 学生在完成 项目分解的任务中学习相关知识， 并利用这些知 识解决项目中的问题。（1）项目教学法 课程将 WEB前端开发中的某个应用作为一个项 目，并分解为多个小的任务。 每个任务的学习过 程以工作过程为导向， 最终形成学生的职业行动 能力。（2）小组教学法以 6 人为一个单位， 成立教学小组。 单人完成的 项目，组内可以互相学习，督促和评价。大型复 杂的项目，小组成员共同完成。（3）视频展示法 教师对讲授内容充分

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

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

18、Script DOM编程艺术，人民邮电出版 社， Jerymy Keith 著. 杨涛，王建桥，杨晓云 译 JavaScript DOM高级程序设计，人民邮电 出版社，Jeffrey Sambells,Aaron Gustafson著. 李松峰，李雅雯译2、软件与网络Dreamweaver CS5.0 及 以 上 版 本 、 一 款 JavaScript 常用开发工具，如 Aptana 等。八、教学评价 1、教学评价 强调评价对教学的激励、 诊断和促进作用， 发挥 教师在评价中的主导作用， 创造条件实现评价主 体的多元化， 要关注学生的个别差异， 鼓励学生 的创造实践。 综合运用各种形成性评价

19、方式， 全 面考察学生的程序设计能力的养成过程， 评价与 教学过程相结合，动态把握，及时引导学生情感、 态度和价值观的形成。 采用纸笔测试和上机测试 相结合的方式开展总结性教学评价。 要根据课程 标准的要求和具体考试内容选择合适的题型和 考试方式，创造条件全面考察学生解决实际问题 的能力， 避免只重视知识记忆。 要注意结合学生 平时学习表现和过程性评价结果， 改变单纯一次 测验或考试为依据， 评定学生一学期或整个学段 学习情况的局面， 适度加大过程性评价在期末成 绩评定中的比重。2、考核内容知识模块知识小点考核等级1JavaScriptJavaScript 在与 HTML混编HTML中不同写法

20、模块化编程2判断结构基本数据类型数据类型的转换运算符判断结构内置函数3循环结构数组对象的概念Math 数学对象循环结构变量的作用域4简单事件事件的概念事件的触发机制用事件的应用5窗口对Window对象常用属象性和方法History 对象常 用属性和方法creen 对象常用属 性和方法Navigator 对象常 用属性和方法6文档对象Document 对象常用 属性和方法Cookie 对象的使用图像对象的使用超级链接对象的使 用利 用 JavaScript 设置样式表的方 法7DOM对象获取文档节点操作文档节点获取和设置文档节点样式作表格8. 事 件 的事件流和事件绑高级应用定阻止浏览器默认行为鼠标滚轮事件9. 运动基础物理运动基本规律缓冲运动的原理和实现窗口滚动事件3、考核方式 本课程实施综合考评， 注重考核学生掌