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

UavaScript脚本语言课程标准一、课程定位GavaScript脚本语言本课程是计算机应用技术专业的一门专业必修课，本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，通过多个项目的练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。充分体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。二、课程目标通过本课程的学习，使学生能够在各种网站中灵活运用JavaScript或JQuery技术实现网站需要的功能，同时使学生建立有关程序设计的思路，掌握在Web中加入动态元素的技巧，具备使用JavaScript开发设计实用网页的能力。全面掌握JavaScript开发技术和技能及基于JaVaSCriPt的流行框架技术，培养学生规范编码和良好的程序设计风格；培养学生面向对象编程的思维和提高逻辑思维能力。同时，通过本课程的学习培养学生踏实认真、精益求精、创新的精神，培养良好的职业道德、团队分工协作精神，为学生学习或从事动态网站开发、基于Web应用开发打下坚实的基础。1 .知识目标(1)熟悉JavaScript语法基础知识；(2)掌握JaVaSCriPt函数的编写和常用内部对象的使用；3 3)了解BOM基础(4)熟悉CSS样式及DIV+CSS网站布局(5)熟悉DOM模型(6)掌握表单验证技术(7)掌握JQUer技术知识(8)熟练使用一种以上的基于JaVaSCriPt流行框架技术4 .能力目标(1)会运用编程思想和脚本编写能力解决Web中的实际问题(2)能运用CSS以及JavaScript代码操作CSS的方式格式化网页(3)能运用DIV+CSS布局技术解决基本网页框架(4)能使用DoM模型的层次关系访问网页元素（5）会基本的Internet操作（6）能够运用基于对象和事件驱动编程解决Web中的客户需求（7）会使用脚本编程及表单事件、脚本函数实现表单验证（8）能利用JQuery简化JavaScript操作Web页面（9）能够运用当前基于JaVaSCriPt的流行框架技术进行基本的Web开发5 .素质目标（1）具有社会主义和共产主义的理想信念（2）具有改革开放的意识和强烈的竞争意识（3）具有良好的行为规范和社会公德以及较强的法制观念（4）具有良好的职业道德和质量服务意识（5）具有不断学习、不断创新的进取精神（6）具有团队协作精神和较强的协调能力及独立工作的能力（7）具有健康的体魄和良好的心理素质（8）能吃苦耐劳、爱岗敬业三、课程设计1 .设计思想以校企合作为切入点，以培养职业能力为核心，以项目教学为主要手段，积极探索教学方法与成绩评价方法的创新，保证课程目标的实现。以职业能力培养为核心的课程设计。在重视学生专业能力的同时，重视方法能力与社会能力的培养。学生通过课程学习掌握脚本语言开发等全方面开发能力。以项目教学为手段的课程实施。一是教学组织项目化，把课程内容设计为若干个实践项目，教学要求具体并可操作；二是教学方法强调启发引导法、合作学习法、真实体验法、循序渐进法等多种方法的灵活运用；三是考核体系由教师、学生、企业共同参与的多元考核、鼓励学生不断追求完善的动态考核、重视平时学习过程的随机考核构成。课程开发和学习情境设计，整个学习领域由以下7个学习情境（课程单元）组成：表1学习情境学习情景1学习情景2学习情景3学习情景4学习情景5学习情景6JavaScript基础BOM基础CSS样式DOM模型表单验证JQuery技术2.课时分配建议本课程课时为68课时，其中理论教学34课时，实践教学34课时，可根据专业需要及学时数的不同对部分内容进行选学调整。表2学习要求及学时分配序号项目模块知识内容与要求技能内容与要求学时1JavaScript基础1 .掌握脚本的基本结构2 .熟悉JavaScript基本语法3 .掌握变量的定义与赋值4,熟悉数据类型与转换5 .掌握各种控制语句6 .掌握函数的编写和调用7 .掌握JaVaSCriPt内置对象实训1在页面打印各种图形实训2用数字图片动态显示当前时间实训3统计输入字符串各种字符个数122BOM基础1 .掌握window对象常用属性和方法2 .掌握document对象常用属性和方法3 .掌握location对象常用属性方法的运用4 .了解navigator>Screen对象的基本使用实训1弹出广告窗口实现实训2友情链接、浮动广告制作83CSS样式1 .掌握使用CSS控制页面的基本知识2 .掌握CSS几种选择器的用法3 .掌握CSS常用CSS样式属性及作用4 .熟悉CSS制作简单菜单5 .理解CSS样式排版的概念6 .理解CSS盒子模型及定位原则7 .熟悉CSS布局网页的基本思路8 .掌握CSS和DIV实现页面框架布局9 .掌握CSS和JavaScript交互实训1CSS对页面元素进行控制实训2运用CSS样式实现网站导航菜单实训3DIV+CSS网页布局实训4游戏对象移动控制84DOM模型1 .熟悉网页中的DOM模型框架2 .掌握DOM模型中的操作节点方法3 .熟悉DoM对节点进行各种操作实训1DOM节点操作实训2连连看小游戏85表单验证1 .理解DoM模型的层次关系2 .掌握表单事件和脚本函数实现表单验证3 .掌握使用String对象和文本框控件常用属性和方法实现客户端验证4 .掌握如何制作图片代替按钮的提交效果5 .熟悉制作回车切换输入的效果6 .了解其他表单相关的辅助特效实训1用户注册信息验证实训2实现页面辅助特效增强用户体验实训3正则表达式验证表单86JQuery技术1 .熟悉JQUe可提供的常见函数2 .掌握JQuery对象与DOM对象的转换3,掌握JQuery各类选择器使用4 .熟悉JQUery动画效果制作5 .熟悉JQUeiy常用插件使用实训1用选择器操作页面元素实训2仿QQ效果的实现实训3“磁力”图片实现实训4图片轮显效果制作实现4太空大战小游戏243.课程单元描述表3课程单元1课程单元名称JavaScript基础课时数理论教学实践教学66学习目标知识目标1 .掌握脚本的基本结构2 .熟悉JaVaSCriPt基本语法3 .掌握变量的定义与赋值4 .熟悉数据类型与转换5 .掌握各种控制语句6 .掌握函数的编写和调用7.掌握JaVaSCriPt内置对象能力目标1 .能够利用JaVaSCriPt语法对变量进行定义、赋值、转换2 .具备利用JavaScript的流程控制语句实现简单页面功能3 .能在网页中实现各种图形的打印输出4 .能够正确运用StrirIg对象方法、属性实现页面功能5 .具备运用Math对象实现页面中的一些计算功能6 .能利用Date对象解决页面中涉及的日期时间相关功能7 .能够具有遍历访问数组元素的能力8 .能正确编写对数组元素进行赋值和读取操作的代码和函数素质目标自主学习专业知识和积极探索的能力具有资料收集与整理的能力，协调人际关系的能力学习内容JavaScript基本语法；变量的定义与赋值；数据类型与转换；控制语句；函数的编写和调用；JavaSCriPt内置对象教学方法和建议教学方法：任务分解讲解、案例教学教学建议：在示例中教师亲自敲出代码，演示整个编程过程教学条件要求1 .课程标准2 .授课计划3 .授课教案4 .教学案例学生已有基础具备简单的编程基础，熟悉HTML标记，基本计算机操作能力教师所需执教能力要求1 .重视现代信息技术的应用2 .突出专业技能培养目标3 .注重教与学的互动4 .积极引导学生搜索及查阅资料5 .能精心设计案例表4课程单元2课程单元名称BOM基础课时数理论教学实践教学44学习目标知识目标1 .掌握WindOw对象常用属性和方法2 .掌握document对象常用属性和方法3 .掌握IoCatiOn对象常用属性方法的运用4 .了解navigator对象的基本使用5 .熟悉Screen对象的简单运用能力目标1 .会运用DOM模型查找某个HTML元素2 .具备使用WindOW对象OPen()方法制作各种样式的广告窗口的能力3 .能使用window对象SetTimeout()方法和Date对象制作日期显示效果4 .能使用history实现与浏览器导航控件的协作5 .能使用IOCatiOn实现页面导航、转向6 .能通过body和form对象准确快速访问表单元素7 .具备通过JavaScript脚本访问和设置表单元素值的能力素质目标自主学习专业知识和积极探索的能力具有资料收集与整理的能力，协调人际关系的能力不断学习、不断创新的精神学习内容window对象常用属性和方法；document对象常用属性和方法；location对象常用属性方法的运用；navigator对象的基本使用；SCrCen对象教学方法和建议教学方法：任务分解讲解、案例教学教学建议：在示例中教师亲自敲出代码，演示整个编程过程教学条件要求1.课程标准2.授课计划3.授课教案4.教学案例学生己有基础具备简单的编程基础，熟悉HTML标记，基本计算机操作能力教师所需执教能力要求1 .重视现代信息技术的应用2 .突出专业技能培养目标3 .注重教与学的互动4 .积极引导学生搜索及查阅资料5 .能精心设计案例表5课程单元3课程单元名称CSS样式课时数理论教学实践教学44学习目标知识目标1 .掌握使用CSS控制页面的基本知识2 .掌握CSS几种选择器的用法3 .掌握CSS设置Web文字效果4 .掌握CSS设置各种图片效果5 .熟悉CSS设置页面背景6 .熟悉CSS制作简单菜单7 .理解CSS样式排版的概念、盒子模型及定位原则8 .掌握CSS和DIV实现页面框架的整体布局和搭建能力目标1 .能够运用简单CSS样式表对Web页面进行控制2 .能够编写各种CSS选择器实现页面控制功能3 .能利用网页尺工具测量网页元素大小4 .能用网页取色工具进行取色，并应用到网页元素中5 .能熟练用CSS技术模仿在网站中看到的效果好的菜单6 .能够熟练运用CSS样式和DlV结合实现页面框架的搭建7 .会用CSS÷DIV搭建各种不同网页版式8 .能用JavaScript动态操作CSS素质目标自主学习专业知识和积极探索的能力具有资料收集与整理的能力，协调人际关系的能力不断学习、不断创新的精神学习内容CSS选择器；CSS设置Web文字效果；CSS设置各种图片效果；CSS设置页面背景；CSS制作简单菜单；CSS样式排版；CSS盒子模型；CSS布局网页；CSS和DIV搭建页面框架；JaVaSCriPt与CSS的交互教学方法和建议教学方法：任务分解讲解、案例教学教学建议：在示例中教师亲自敲出代码，演示整个编程过程教学条件要求1 .课程标准2 .授课计划3 .授课教案4 .教学案例学生已有基础具备简单的编程基础，熟悉HTML标记，基本计算机操作能力教师所需执教能力要求1 .重视现代信息技术的应用2 .突出专业技能培养目标3 .注重教与学的互动4 .积极引导学生搜索及查阅资料5 .能精心设计案例表6课程单元4课程单元名称DOM模型课时数理论教学实践教学44学习目标知识目标1 .熟悉网页中的DOM模型框架2 .掌握DoM模型中的操作节点方法3,熟悉DOM对节点进行各种操作能力目标1 .能够通过各种方法访问DOM节点2 .具备利用DOM创建、删除、替换、插入节点的能力素质目标自主学习专业知识和积极探索的能力具有资料收集与整理的能力，协调人际关系的能力不断学习、不断创新的精神学习内容HTML的DOM模型；DOM模型中提供的接口；DOM操作页面节点教学方法和建议教学方法：任务分解讲解、案例教学教学建议：在示例中教师亲自敲出代码，演示整个编程过程教学条件要求1 .课程标准2 .授课计划3 .授课教案4.教学案例学生已有基础具备简单的编程基础，熟悉HTML标记，基本计算机操作能力教师所需执教能力要求1 .重视现代信息技术的应用2 .突出专业技能培养目标3 .注重教与学的互动4 .积极引导学生搜索及查阅资料5 .能精心设计案例表7课程单元5课程单元名称表单验证课时数理论教学实践教学44学习目标知识目标1 .理解DOM模型的层次关系2 .掌握使用表单事件和脚本函数实现表单验证3 .掌握使用String对象和文本框控件常用属性和方法实现客户端验证4 .掌握如何制作图片代替按钮的提交效果5 .熟悉制作回车切换输入的效果6 .了解其他表单相关的辅助特效7 .正则表达式验证表单能力目标1 .会使用DOM模型的层次关系访问元素2 .能够使用表单事件和脚本函数实现表单验证3 .能用String对象和文本框控件常用属性方法实现客户端验证4 .能够在网页制作图片代替按钮的提交效果5 .会在Web页制作回车切换输入的效果6 .能够运用其他表单相关的辅助特效7 .能编写正确的正则表达式实现表单验证要求素质目标自主学习专业知识和积极探索的能力具有资料收集与整理的能力，协调人际关系的能力不断学习、不断创新的精神学习内容用表单事件和脚本函数验证表单；常用String对象和文本框控件常用属性和方法；图片代替按钮实现提交效果；回车切换输入焦点；其他表单相关的辅助特效；正则表达式运用教学方法和建议教学方法：任务分解讲解、案例教学教学建议：在示例中教师亲自敲出代码，演示整个编程过程教学条件要求1 .课程标准2 .授课计划3 .授课教案4 .教学案例学生已有基础具备简单的编程基础，熟悉HTML标记，基本计算机操作能力教师所需执教能力要求1 .重视现代信息技术的应用2 .突出专业技能培养目标3 .注重教与学的互动4 .积极引导学生搜索及查阅资料5 .能精心设计案例表8课程单元6课程单元名称JQuery技术课时数理论教学实践教学1212学习目标知识目标1 .熟悉JQUery提供的常见函数2 .掌握JQUery对象与DOM对象的转换3 .掌握JQUery各类选择器使用4 .熟悉JQUery动画效果制作5 .熟悉JQUery常用插件使用能力目标1 .能熟练运用JQUCry提供的常见函数实现网页所需功能2 .能将JQUery对象与DoM对象的进行相互转换3 .会熟练使用JQuery各类选择器实现页面元素选择4 .能利用JQuery制作网页动画效果5 .会运用JQuery常用插件实现页面功能需求素质目标自主学习专业知识和积极探索的能力具有资料收集与整理的能力，协调人际关系的能力不断学习、不断创新的精神学习内容JQUery提供的常见函数JQuery与DOM对象的转换的方法JQuery各类选择器JQuery动画函数JQuery常用插件教学方法和建议教学方法：任务分解讲解、案例教学教学建议：在示例中教师亲自敲出代码，演示整个编程过程教学条件要求1 .课程标准2 .授课计划3 .授课教案4 .教学案例学生已有基础具备简单的编程基础，熟悉HTML、CSS标记，基本计算机操作能力教师所需执教能力要求1 .重视现代信息技术的应用2 .突出专业技能培养目标3 .注重教与学的互动4 .积极引导学生搜索及查阅资料5 .能精心设计案例四、课程评价1.JavaScript脚本语言课程评价及方式说明学生的成绩评定以主要由总结性考核（占50%）.教师技能考核（20%）、考勤（占15%）,课堂提问（占5%）、作业（占10%）等几方面构成。2 .（JavaScript脚本语言课程过程考核说明（1）理论知识的掌握以试卷形式考核，题型包括单选、判断、简答、编程等；（2）考勤及课堂提问依据是平时学生的上课出状况、回答课堂提问的积极性及正确率；（3）作业是指每个教学单元中要求学生完成的作业。以完成的数量和质量给予成绩;表9考核标准序号考核项目考核内容成绩比例(%)1形成性考核考勤根据学生上课的出勤情况评分：旷课1次扣2分；迟到、早退2次各扣1分，课堂违纪被老师点名批评2次扣1分152课堂提问回答问题的积极性、准确性、深度53作业完成情况、质量，不交作业1次扣2分，5次不交不得分204总结性考核期末进行进行综合测试(笔试、机试或综合项目)505职业技能和职业素质考核测试学生对知识的掌握和技术的应用能力以及实训中职业素质的习惯养成，关键代码是否注释、代码是否缩进、是否符合企业规范、是否遵守实践场所管理规定等进行打分10合计100表10总结性考核标准序号考核项目考核内容成绩比例(%)1JavaScript基础JavaScript基本语法；变量的定义与赋值；数据类型与转换；控制语句；函数的编写和调用；JavaScript内置对象302BOM基础WindoW对象常用属性和方法；document对象常用属性和方法；IoCation对象常用属性方法153CSS样式CSS选择器；CSS文字、图片效果样式；CSS与JaVaSeriPt交互；CSS排版样式；CSS盒子模型；104DOM模型DOM模型；DoM模型中提供的接口方法属性155表单验证表单事件和表单验证函数编写；常用String对象和文本框控件常用属性和方法；156JQuery技术JQUOry选择器；JQUery常用函数15计合100表11技能考核点序号考核项目考核内容成绩比例（）1使用函数和内部对象编写实现指定功能的JS函数；内置对象应用202使用浏览器对象使用BoM对象实现弹窗、浮动广告；BOM实现友情链接203CSS综合运用CSS基础；CSS常用属性；盒子模型；JavaScript与CSS的交互204表单验证及DOM使用DOM定位操作页面元素；验证功能函数编写；表单辅助特效205应用JQuery技术JQuery选择器；JQuery制作动画效果与特效；JQUery插件20合计100五、实施建议1.授课资料编写建议授课资料是实现教学目标的重要载体，必须依据本课程标准以及IT岗位国家职业标准和IT专业培养目标为主线编写授课计划、教案和教学案例，坚持理论够用，强调知识传授的趣味性。教材应充分体现任务引领，引入必要的理论知识，增加实践操作内容，强调理论在实践过程中的应用。编写内容的组织应以任务组织、项目驱动的原则，随同教材配备电子教案、多媒体教学课件和综合实践题目，便于组织教学。本课程先行课程是计算机应用基础、HTML5和Java程序设计或C语言，后序课程是基于动态网站开发，建议本课程在第四或第五学期开设。2.教学方法建议（1）在教学过程中，应立足于加强学生知识运用能力的培养，采用项目教学，以工作任务引领提高学生学习兴趣，激发学生的成就动机。（2）本课程教学的关键是“理论与实践教学一体化”，在教学过程中，教师示范和学生分组讨论、训练互动，学生提问与教师解答、指导有机结合。（3）在教学过程中，要创设真实项目情境，利用相关知识分析设计过程，在分析工作过程中提高学生的岗位适应能力。（4）在教学过程中，要应用多媒体、投影、计算机等教学资源辅助教学，帮助学生熟悉页面的制作和编程。（5）教学过程中教师应积极引导学生提升职业素养，提高职业道德。六、教材及其它教学资源教材使用教材：JavaSCriPt与JQUery实战教程，卢淑萍主编，清华大学出版社，2016年2月出版。参考书目：1 .UavaScript客户端验证和页面特效制作，北大青鸟主编，北大青鸟，2008年出版。2 .零基础学JaVaSCript，丁士锋主编，机械工业出版社，2010年出版。