《JavaScript 脚本语言》课程标准.docx

PAGE 1 PAGE 《JavaScript开发技术》课程标准 课程名称：《JavaScript开发技术》 参考学时：64 适用专业：软件技术专业 一、课程定位 《JavaScript开发技术》这门课是软件技术专业的一门重要的专业课，主要定位于WEB前端开发工作岗位。它是WEB前端技术开发的必备课程，是理论和实践相结合的一门课程。在整个课程体系中具有重要的作用。通过对本课程的学习，学生将能够掌握JavaScript的语法，使用JavaScript制作网页客户端特效，实现页面特效、动画、用户反馈等功能，从而达到美化网页的效果。 本课程的前导课程：静态网页设计、DIV+CSS布局。后续课程： PHP动态网页设计，jQuery网站特效，Vue.js,Node.js等。 二、学习目标 掌握JavaScript编程的基本理论； 掌握BOM对象的常用属性和方法； 掌握对象的常用属性和方法； 掌握DOM的概念以及利用DOM操作文档节点的方法； 通过完成相关的项目，寻找发现问题途径，学会解决问题的方法； 培养学生的创新思维及创新能力； 培养和锻炼学生认真负责的工作态度和严谨细致的工作作风。 三、学习内容 工作对象 客户端网页特效的制作等。 工具 Hbuilder、Dreamweaver CS6.0 、Notepad++,VS Code等文本编辑器。 工作方法 利用文本编辑软件完成网页的动态效果等工作。 劳动组织 承接工作任务；明确工作目标；网站设计计划；网站动态效果设计；合理分工；做好充分的技术沟通；组织并指导各成员完成相关工作任务。 工作要求 达到网站设计的要求；准确、清晰的传达网站信息等要求。 四、学习情境设计 课程设计的理念是：体现高等职业教育的特点，适应现代网站设计的发展方向。 课程设计的思路是：随着网络的发展，同时考虑学校现有的教学条件，所以本课程的设计思路以JavaScript程序设计语言为主要工具，学习Web应用程序或网站前端开发技术。为了更好实施软件技术专业“职业情境，项目主导”的工学结合人才培养模式，开展基于软件产品开发工作过程的项目实践教学，本课程组织为6个模块。按照项目开发的过程进行模块的划分，在完成每个模块学习和实践的过程中，融入相应的知识点、程序设计方法、程序调试方法和软件设计规范。在教学内容选取和组织过程中，突出与企业的深度融合，引进企业软件产品开发环境、管理规范、技术资源，校企双方共同完成本课程的教学与实践。 学习情境划分及教学内容 序号 学习情境 学习任务 学习目标 学习内容 学时 1 情景1：JavaScript与HTML混编 任务一：简单的动态效果实现 掌握在网页中加载JavaScript的方法 体验JavaScript的魅力 JavaScript内嵌html的方法 了解事件触发的概念以及函数调用 4 2 情景2：JavaScript基础 任务一：根据成绩给出考评 掌握JavaScript编程的基本语法 能够利用理论知识做出网页需要的效果 JavaScript编程基本知识 If，switch，for语句的使用 8 任务二：猜数字游戏 任务三：制作简易计算器 3 情景3：JavaScript对象编程 任务一：在页面动态显示当前时间 掌握各种对象的创建及常用的属性方法 能够灵活运用各种JavaScript对象制作出页面所需的动态效果 掌握客户端表单验证的方法 Date对象的创建及常用的属性方法 定时器函数的使用 Math对象的属性方法 数组的创建访问，常用的属性及方法 String对象的创建，常用的属性及方法 使用正则表达式验证注册页面 20 任务二：制作随机选号页面 任务三：制作焦点图 任务四：验证表单注册页面 任务五：倒计时 4 情景4：BOM编程 任务一：弹出窗口特效 掌握顶级对象模型 掌握window对象的常用属性方法事件 BOM.对象模型 Window对象的常用属性方法事件 Document对象的常用方法 4 任务二：document对象的常用属性方法，制作复选框全选效果 5 情景5：DOM编程 任务一：制作文档节点结构图 掌握DOM模型的特点 掌握节点的概念 能够创建删除节点 DOM的概念 DOM组成 使用Core DOM方式动态添加表格 制作能动态搜索排序的高级表格 12 任务二：使用Core DOM方式动态添加表格 任务三：制作随机飘雪页面的动态效果 6 情景6：JavaScript与CSS交互 任务一：使用JavaScript动态改变导航菜单样式 掌握JavaScript与CSS交互的特点及理念 能够使用JavaScript和CSS制作多姿多彩的动态效果 style属性 className属性 display属性等等的应用 scrollTop属性的应用 16 任务二：制作图片轮显 任