《JavaScript 脚本语言》课程标准

1、OavaScript开发技术课程标准课程名称：JavaScript开发技术参考学时：64适用专业：软件技术专业一、课程定位JavaScript开发技术这门课是软件技术专业的一门重要的专业课，主要定位于WEB 前端开发工作岗位。它是WEB前端技术开发的必备课程,是理论和实践相结合的一门课程。 在整个课程体系中具有重要的作用。通过对本课程的学习，学生将能够掌握JavaScript的语 法，使用JavaScript制作网页客户端特效，实现页面特效、动画、用户反应等功能，从而达 到美化网页的效果。本课程的前导课程：静态网页设计、DIV+CSS布局。后续课程：PHP动态网页设计, jQuery 网站特效

2、，Vue.js.Node.js 等。二、学习目标掌握JavaScript编程的基本理论：掌握BOM对象的常用属性和方法；掌握对象的常用属性和方法；（4）掌握DOM的概念以及利用DOM操作文档节点的方法；通过完成相关的工程，寻找发现问题途径，学会解决问题的方法；培养学生的创新思维及创新能力；培养和锻炼学生认真负责的工作态度和严遂细致的工作作风。三、学习内容工作对象客户端网页特效的制作等。工具Hbuilder、Dreamweaver CS6.0、Notepad+,VS Code 等文本编辑器。工作方法利用文本编辑软件完成网页的动态效果等工作。劳动组织承接工作任务：明确工作目标；网站设计计划；网站动

3、态效果设计；合理 分工；做好充分的技术沟通；组织并指导各成员完成相关工作任务。工作要求到达网站设计的要求；准确、清晰的传达网站信息等要求。四、学习情境设计课程设计的理念是：表达高等职业教育的特点，适应现代网站设计的开展方向。课程设计的思路是：随着网络的开展，同时考虑学校现有的教学条件，所以本课程的设 计思路以JavaScript程序设计语言为主要工具，学习Web应用程序或网站前端开发技术。 为了更好实施软件技术专业“职业情境，工程主导”的工学结合人才培养模式，开展基于软 件产品开发工作过程的工程实践教学，本课程组织为6个模块。按照工程开发的过程进行模 块的划分，在完成每个模块学习和实践的过程中

4、，融入相应的知识点、程序设计方法、程序 调试方法和软件设计规范。在教学内容选取和组织过程中，突出与企业的深度融合，引进企 业软件产品开发环境、管理规范、技术资源，校企双方共同完本钱课程的教学与实践。学习情境划分及教学内容序号学习情境学习任务学习目标学习内容学时1情景1 ：JavaScript 与HTML混编任务一：简单的动态 效果实现.掌握在网页中加 载 JavaScript 的 方法.体验 JavaScript 的魅力JavaScript 内嵌 html的方法了解事件触发 的概念以及函 数调用42情景2 ：JavaScript 基 础任务一：根据成绩给 出考评任务二：猜数字游戏任务三：制作简

5、易计 算器.掌握 JavaScript 编程的基本语法.能够利用理论知 识做出网页需要 的效果JavaScript 编程 基本知识If, switch for 语句的使用83情景 3 ：JavaScript 对 象编程任务一：在页面动态 显示当前时间任务二：制作随机选 号页面任务三：制作焦点图任务四：验证表单注 册页面.掌握各种对象的 创立及常用的属 性方法.能够灵活运用各 种 JavaScript 对 象制作出页面所 需的动态效果Date对象的创 建及常用的属 性方法定时器函数的 使用Math对象的属 性方法20任务五：倒计时3.掌握客户端表单 验证的方法.数组的创立访 问，常用的属性 及方

6、法. String对象的创 建，常用的属性 及方法.使用正那么表达 式验证注册页 面4情景4：BOM编程任务一：弹出窗口特 效I.掌握顶级对象模 型2.掌握window对 象的常用属性方 法事件BOM.对象模型Window对象的 常用属性方法 事件Document 对象 的常用方法4任 务二：document 对象的常用属性方 法，制作复选框全选 效果5情景5：DOM 编程任务一：制作文档节 点结构图.掌握DOM模型 的特点.掌握节点的概念.能够创立删除节 di/八、. DOM的概念. DOM组成.使用 Core DOM 方式动态添加 表格.制作能动态搜 索排序的高级 表格12任务二：使用Co

7、re DOM方式动态添加 表格任务三：制作随机飘 雪页面的动态效果6情景6 ：JavaScript 与CSS交互任务一：使用 JavaScript动态改变 导航菜单样式.掌握 JavaScript 与CSS交互的特 点及理念.能够使用 JavaScript 和 CSS制作多姿多 彩的动态效果style 属性className 属性display属性等 等的应用scrollTop 属性 的应用16任务二：制作图片轮 显任务三：制作随光标 滚动的广告图片任务四：制作Tab切 换效果合计：共6个情景，64学时64五、课程考核.考核方式考核方式：全过程考核。.具体过程考核要求见下表:序号主要内容考核要

8、求评分标准配分扣分得分1工作态度认真，细致完 成每一个教学 任务代码整齐，有层次，有相 应的注释说明102效果实现任务的实现情 况在规定的时间内顺利完 成任务203创新超前能够举一反三 的实现页面的 多种效果原创各种效果104考勤三次不到扣10分10自我评价教师评价六、教材及学习资源选用教材：JavaScript前端开发案例教程人民邮电出版社黑马程序员编著。参考书目：JavaScript与jQuery实战教材清华大学出版社，主编：卢淑萍樊红珍, JavaScript DOM编程艺术，人民邮电出版社，Jerymy Keith著.杨涛，王建桥，杨晓云译。 JavaScript DOM 高级程序设计

9、，人民邮电出版社，Jeffrey Sambclls,Aaron Gustafson 著. 李松峰，李雅雯译等。七、师资与条件配备以市场需求、能力驱动加快师资队伍专业化建设步伐，建议积极吸引行业、企业技术专 家和能工巧匠充实到教师队伍中，形成互兼互聘、互惠互利的长效机制。教学团队教师结构尽量那是从事多年教学工作的业务骨干，教学经验丰富，专业结构合 理，都具有较强的职业教育教学能力和实践能力，都能到达双师”教师要求，符合职业教 育教学的要求。学历结构及专业结构尽量合理，课程组专任教师中尽量都具有硕士学位，硕士学位最 少比例应占到85%。专兼教师比例尽量合理，专任教师与试验实训指导教师、企业兼职教师，专兼教师比例 尽量到达3：1。职称结构与职业资格结构尽量合理，教学团队中教授、副教授