Javascript程序设计 课程标准、授课计划

PAGEPAGE3《Javascript程序设计》课程标准课程编码：课程类型：理论+实践课程性质：必修课适用专业：学时：64学时学分：3.5学分课程负责人：参编人员：一、课程定位（一）课程性质《Javascript程序设计》是一门需要综合应用所学网页制作知识(HTML、CSS、JavaScript)的课程而打造的面向网页制作方向就业技能的一门重要课程。该课程深入浅出，结合实际案例系统地讲解了使用JavaScript和jQuery设计动态网页的知识和技巧，它定位于WEB技术开发，是WEB前端技术开发的必备课程，在学习了html+css网页设计基础、编程基础、网页美工的基础下，为HTML5移动web开发技术、php框架开发技术、javaweb开发技术等课程的学习打下基础，在整个课程体系中具有承前启后的重要作用。（二）课程作用《Javascript程序设计》课程任务是培养网页设计、网页美工以及WEB综合开发的初、中级专业人才，通过本课程的学习，学生能掌握JavaScript语言的基本编程思想，并能熟练利用JavaScript控制WEB页面各级元素，实现HTML5移动web开发技术、php框架开发技术、javaweb开发技术等任务。（三）前导、后续课程它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用。本课程的前导课程：html+css网页设计基础、编程基础、网页美工。后续课程：网页美工、PHP动态网页设计、C#程序设计与应用等。二、课程设计思路通过本课程的学习，使学生对HTML脚本、CSS代码和JavaScript特效代码等网页基本组成元素有全面和充分的认识，能熟练地使用以上代码开发出漂亮的静态网页，制作出炫酷的网页效果，并为后继的动态网页课程的学习打好基础。使得学生能掌握JavaScript语言的基本编程思想，并能熟练利用JavaScript控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务。主要包括JavaScript的基础语法，常用开发工具和调试工具，简单的CSS知识，DOM模型及事件机制和常见事件处理等内容。针对学生的层次和高职学生的特点，在本课程的日常教学中努力做到理论教学以应用为目的，以必需、够用为度，专业教学加强针对性和应用性。以职业能力培养为主线，使教学内容按照能力培养目标进行重组、整合与优化，教学方法体现能力培养，广泛采用“案例”、“参与式”、“讨论式”、“启发式”等生动活泼的教学形式，有效利用现代教育技术组织教学，并加强课程的组织管理、运行管理和质量管理以及课程的过程评价与目标评价。具体措施体现在以下几个方面：⦁基于典型工作过程分析，构建课程体系；⦁职业能力培养为核心，设计教学内容；⦁以提高学生职业能力和职业素养为目标，重视实践教学；⦁融合职业资格标准，推行双证书制；⦁校企合作，共建新型实践教学基地；⦁校企合作，形成实践技能课主要由企业兼职教师讲授的机制。三、课程目标通过本课程的学习，使学生形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。最终成为具备较全面的软件开发与信息服务的技术人才。根据高职教育的特点，按照学院“小学校、大课堂”的办学思路和“校企融合、同兴共赢”的办学模式，积极探索“校企合作、工学结合”的人才培养模式，积极探索以实践能力考核为主的课程评价方法，切实提高学生的职业能力和就业竞争力。

总体设计思路是：以高职高专的教育规律为基础，结合本校的教学要求，跟踪当前网页设计发展的趋势，做到教学与实践结合。通过若干项目任务的分解学习，达到课程学习的要求。（一）能力目标形成一定的学习能力、沟通与团队的协作能力；形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养；遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。（二）知识目标掌握JavaScript语言的基本语法；掌握BOM对象的常用属性和方法；掌握文档对象的常用属性和方法；掌握DOM的概念以及利用DOM操作文档节点的方法；掌握简单的CSS知识；掌握常用开发工具和调试工具。（三）素质目标形成一定的学习能力、沟通与团队的协作能力；能用心尊重他人、不断激励自己；乐于团队合作、善于整合资源；善于表达沟通、用于企业实践、注重学以致用；及时适应环境变化、不断开拓创新。四、课程内容与安排根据专业课程目标和涵盖的工作任务要求，确定课程内容和要求，说明学生应获得的知识、技能与态度。本课程的主要任务是培养网页设计、网页美工以及WEB综合开发的初、中级专业人才。学生能掌握JavaScript语言的基本编程思想，并能熟练利用JavaScript控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务。本课程主要讲解的相关知识有：掌握JavaScript语言的基本语法，BOM对象的常用属性和方法，文档对象的常用属性和方法，DOM的概念以及利用DOM操作文档节点的方法，简单的CSS知识，掌握常用开发工具和调试工具。最后以一个综合的实例将这些技术集成在一起，实现了一个完整的简单的，具有人机交互功能的动态网页的设计。具体安排见下表所示：周次学习情境/项目/单元（选其一）子情境/子项目/子单元（选其一）学习内容（支撑知识）教学方法及手段成果形式参考学时第1周JavaScript概述1.JavaScript的起源2.浏览器之争3.Javascript的实现4．Javascript小体验JavaScript的起源及实现案例教学法、项目教学法、任务驱动教学法、讲授法JavaScript环境搭建2JavaScript案例演示搭建JavaScript开发环境第1-4周JavaScript基础1.JavaScript语法2.变量、数据类型、关键字、保留字、条件语句、循环语句、函数、对象、bom基础JavaScript类型案例教学法、项目教学法、任务驱动教学法、讲授法输入数字判断程序网页12JavaScript变量与关键字条件语句打印三角形循环语句函数注册判断函数网页对象BOM基础第4-5周JavaScript开发1.JavaScript应用环境2.常用开发工具3.常用调试工具常用开发工具介绍案例教学法、项目教学法、任务驱动教学法、讲授法简易计算器4常用调试工具介绍第5-7周CSS基础1.css的概念2.网页设计中的css3.使用css控制页面4.css选择器5.css设置文字效果CSS的使用样式案例教学法、项目教学法、任务驱动教学法、讲授法文字环绕图片效果8CSS选择器链接文字样式设定网页CSS文字与图片效果第7-9周CSS进阶1.DIV和SPAN标记布局网页2.CSS布局定位3.盒子浮动和定位DIV和SPAN标记布局网页案例教学法、项目教学法、任务驱动教学法、讲授法盒模型的应用8第9-11周DOM模型1.DOM及DOM技术简介2.网页中的DOM模型框架3、DOM模型中的节点4.使用非标准DOMinnerHTML属性DOM技术简介案例教学法、项目教学法、任务驱动教学法、讲授法动态修改页面图片8网页中的DOM模型框架元素节点、文本节点、属性节点检查浏览器支持的DOM标准级别DOM与CSS第11-12周JavaScript高级篇1.事件机制简介2.常用事件函数事件机制简介案例教学法、项目教学法、任务驱动教学法、讲授法屏蔽鼠标右键网页伸缩的两级菜单网页4常用事件函数第12-14周表格与表单1.cs控制表格样式2.DOM动态控制表格3.控制表单以及表单元素的使用使用CSS控制表格样式案例教学法、项目教学法、任务驱动教学法、讲授法自动提示的文本框8使用DOM动态控制表格用JavaScript控制多次提交网页控制表单第14-15周JavaScript设计与优化1．常见错误和异常2.错误处理3.使用调试器4.JavaScript优化常见错误和异常案例教学法、项目教学法、任务驱动教学法、讲授法通过try…catch逐渐缩小范围查找错误其他设计常用注意事项6错误处理使用调试器JavaScript优化Ajax异步交互3.Aja框架2.jQuery的$3.jQuery与CSS34.jQuery开发和调试工具2.直接获取、编辑内容3.处理表单元素的值4.处理页面事件2.元素显隐的渐入渐出效果3.幻灯片效果第16周复习4总结64五、课程考核评价 （一）教学方法和教学手段结合软件与信息服务专业学生特点，基于行动导向，根据每个任务的内容特点，以真实项目进行引导开展教学。整个课程以项目任务实训为主线，以技能培养为核心来组织教学。学生在完成项目分解的任务中学习相关知识，并利用这些知识解决项目中的问题。（1）项目教学法课程将WEB前端开发中的某个应用作为一个项目，并分解为多个小的任务。每个任务的学习过程以工作过程为导向，最终形成学生的职业行动能力。（2）小组教学法以6人为一个单位，成立教学小组。单人完成的项目，组内可以互相学习，督促和评价。大型复杂的项目，小组成员共同完成。（3）视频展示法教师对讲授内容充分提炼，将复杂的操作录制下来，方便学生反复观看和模仿，形象生动的动态展示和讲解。使抽象、难懂的教学内容变得直观、易懂和容易掌握；提高了教学效率；便于学生自主学习。（二）教学手段（1）充分利用多媒体实训室和多媒体课件本课程的课堂讲授全部在实训室进行，便于使用投影设备，采用多媒体教学手段。开发和使用的多媒体课件制作精美并含有动态演示，其有效地增强了学生的学习兴趣。（2）鼓励自主学习制作网络课件，并将教学大纲、教案、习题等同时上网开放，激发学生学习兴趣，鼓励学生自主学习，同时可以缓解课程信息量增加与压缩授课学时之间的矛盾。（3）严格考评制度设计了内容丰富、形式多样的习题作业，以利于学生理解和掌握所学知识。严格检查平时作业完成情况，及时反馈作业中反映的问题。采用定期模拟考试的方法及时检验学生阶段性学习成果。建立科学合理的考核评价制度，以促进学生的学习积极性和自我学习的动力。（4）充分利用网络环境和资源充分利用互联网资源、本课程网站资源，在网上开展教学活动，包括网络课程学习、自主学习、课后复习、课件下载、作业提交、专题讨论、网上答疑等，使学生可以不受时间、地点的限制，方便地进行学习。（二）教学评价本课程实施综合考评，注重考核学生掌握技能的水平，同时注重学习态度和最终成绩的关联，以全面综合地评定学生的能力。（1）平时技能考核：布置课堂作业以及拓展实训项目，使学生能独立完成大部分的技能训练，小项目及活动的技能，均以个人为考核单位，在平时考核和记录。成绩包括学习态度及项目技能完成情况。（2）期末考试采取开卷方式，试卷根据本课程的教学要求，并结合教学实际进行设计。（3）按平时成绩占40%、期末成绩占60%的标准给出总评成绩。六、课程资源开发与利用（一）选用教材： 校本教材《Javascript程序设计》主编：孙永林电子科技大学出版社2019年8月（二）教学参考书：[1]陈承欢.JavaScript+jQuery网页特效设计实例教程[M].人民邮电出版社,2013[2]刘增杰.精通HTML5+CSS3+JavaScript网页设计[M].清华大学出版社,2012[3]WesleyHales.HTML5和JavaScriptWeb应用开发[M].人民邮电出版社,2013（三）其它资源 1．/2．设计师的网上家园/3．开源中国

/七、课程实施建议（一）师资条件建议 担任本课程的主讲教师需要熟练掌握网页设计相关专业知识，具有敏锐的网站设计发展趋势眼光，同时应具备较丰富的教学经验。在教学组织能力方面，本课程的主讲教师应具备基本的设计能力，即根据本课程标准制定详细的授课计划，对每一堂课的教学过程精心设计；还应具备较强的施教能力、课堂掌控能力和应变能力。（二）校内外实训环境建议 承担本课程教学的兼职教师应具备中、高级职称，主要承担动态网页开发技术JavaScript应用模块、网络服务器管理技术模块的教学，另外，本门课程的实训条件要求有教学做一体化的综合实训室，融教学与实训为一体，以及与课程相应的软件作支持。校外要求有与学校长期合作的企业做实训基地，满足学生顶岗实习的需要。课程名称:Javascript程序设计课程编码:开课单位:制定人:审核人:制定时间:2021年8月20日二○二一——二○二二学年度第一学期课程名称：Javascript程序设计 学时：64周次学习情境/项目/单元（选其一）子情境/子项目/子单元（选其一）学习内容（支撑知识）教学方法及手段成果形式参考学时第1周JavaScript概述1.JavaScript的起源2.浏览器之争3.Javascript的实现4．Javascript小体验JavaScript的起源及实现案例教学法、项目教学法、任务驱动教学法、讲授法JavaScript环境搭建2JavaScript案例演示搭建JavaScript开发环境第1-4周JavaScript基础1.JavaScript语法2.变量、数据类型、关键字、保留字、条件语句、循环语句、函数、对象、bom基础JavaScript类型案例教学法、项目教学法、任务驱动教学法、讲授法输入数字判断程序网页12JavaScript变量与关键字条件语句打印三角形循环语句函数注册判断函数网页对象BOM基础第4-5周JavaScript开发1.JavaScript应用环境2.常用开发工具3.常用调试工具常用开发工具介绍案例教学法、项目教学法、任务驱动教学法、讲授法简易计算器4常用调试工具介绍第5-7周CSS基础1.css的概念2.网页设计中的css3.使用css控制页面4.css选择器5.css设置文字效果CSS的使用样式案例教学法、项目教学法、任务驱动教学法、讲授法文字环绕图片效果8CSS选择器链接文字样式设定网页CSS文字与图片效果第7-9周CSS进阶1.DIV和SPAN标记布局网页2.CSS布局定位3.盒子浮动和定位DIV和SPAN标记布局网页案例教学法、项目教学法、任务驱动教学法、