JavaScript课程标准

国家中等职业教育改革发展示范学校软件信息与服务专业建设1.2.5核心课程的课程标准9.专业课JavaScript课程标准东莞理工学校软件信息与服务专业项目建设小组《JavaScript项目式实例教程》课程标准课程编号：02104课程类型：非核心课程、一体化课程学时：72适用对象：软件与信息服务专业二年级学生编制者：张屹峰审核者：编制日期：2014-07-05一、课程的性质1、课程定位《JavaScript项目式实例教程》课程是计算机软件与信息服务专业的一门重要的专业课，定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用。本课程的前导课程：静态网页设计、DIV+CSS布局。后续课程：网页美工、PHP动态网页设计、C#程序设计与应用等。2、课程任务《JavaScript项目式实例教程》课程课程任务是培养网页设计、网页美工以及WEB综合开发的初、中级专业人才，通过本课程的学习，学生能掌握JavaScript语言的基本编程思想，并能熟练利用JavaScript控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务。二、职业活动通过本课程的学习，使学生形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。最终成为具备较全面的软件开发与信息服务的技术人才。该课程涉及的知识是Web应用程序或网站前端开发人员必备的基本技能，职业活动与课程内容的对应关系如下：Web前端开发岗位职业能力教学内容（理实一体化课）模块化设计思想任务模块化（第1章）程序设计基本流程判断、循环结构（第2、3章）与基本对象的交互设计事件（第4章）事件高级应用（第8章）操作浏览器窗口窗口对象（第5章）操作Document文档对象（第6章）操作DOMDOM对象（第7章）动画基础运动基础（第9章）三、教学目标1、职业关键能力目标（1）掌握JavaScript语言的基本语法及常用的内置函数（2）掌握事件以及事件的触发机制（3）掌握BOM对象的常用属性和方法《JavaScript项目式实例教程》课程标准3（4）掌握文档对象的常用属性和方法（5）掌握Cookie对象的使用方法（6）掌握DOM的概念以及利用DOM操作文档节点的方法（7）掌握事件流和事件绑定（8）掌握利用JavaScript设计缓冲运动的原理和方法2、职业专门能力目标（1）通过完成相关的项目，掌握JavaScript语言的语法结构。（2）通过完成相关的项目，掌握JavaScript各种内置对象的使用方法和应用情境。（3）通过完成相关的项目，寻找发现问题途径，学会解决问题的方法3、方法能力目标形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。四、课程内容1、预备知识学习本课程，学生必须具备的知识和技能有：计算机应用基础、HTML标记语言、DIV+CSS网页布局。如果已具有一门程序设计语言基础则能达到更好的学习效果。2、核心内容课程重难点及课时分配如下表所示：核心内容教学要求重点(☆)难点（ABC）学时安排备注JavaScript与HTML混编的方式B☆C2判断、循环结构A☆B5数据类型及转换A☆B3字符串对象及处理函数A☆B4事件处理机制及主要事件A☆A6窗口对象A☆A5文档对象A☆A5DOM对象A☆A6合计36（教学要求：A—熟练掌握；B—掌握；C一了解）（技能要求：A—熟练掌握；B_掌握；C一了解）3、项目设计项目设计及课时分配如下表所示：项目设计教学重点难点学时备注《JavaScript项目式实例教程》课程标准4要求(☆)（ABC）安排项目一：对话框和页面输出C☆C2项目二：简单计算器A☆B3项目三：统计成绩单A☆B5项目四：注册页面设计A☆B4项目五：多窗体注册页面A☆A4项目六：多功能相册A☆A4项目七：商品列表A☆A4项目八：自制滚动条A☆A5项目九：运动基础A☆A5合计36（教学要求：A—熟练掌握；B—掌握；C一了解）（技能要求：A—熟练掌握；B_掌握；C一了解）4、学习情境本课程以JavaScript程序设计语言为主要工具，学习Web应用程序或网站前端开发技术。为了更好实施软件技术专业“职业情境，项目主导”的工学结合人才培养模式，开展基于软件产品开发工作过程的项目实践教学，本课程组织为9个模块，9个项目。按照项目开发的过程进行模块的划分，在完成每个模块学习和实践的过程中，融入相应的知识点、程序设计方法、程序调试方法和软件设计规范。在教学内容选取和组织过程中，突出与企业的深度融合，引进企业软件产品开发环境、管理规范、技术资源，校企双方共同完成本课程的教学与实践。5、项目实施通过项目设计培养学生的职业素养。在项目设计过程中，加深对知识的理解，提高对编程工具使用的熟练程度，掌握软件项目开发的一般方法、步骤与流程，熟悉程序设计的基本工作规范，养成良好的编程习惯。同时，通过协作完成软件项目开发，培养学生的沟通交流能力、组织协调能力、团队合作能力和自主学习能力。项目开发过程中，每4-5人一组，在教师的指导下，制定项目开发计划、时间进度、工作流程等，项目组成员可以具体的分工协作。完成项目测试，项目文档制作等。6、教学要求序号课题知识要求能力要求教学建议课时1JavaScript与HTML混编初步体验使用JavaScript进行WEB前端应用开发的方法1、初步体验JavaScript脚本内嵌在HTML中的书写方法2、初步了解事件触发的概念以及函数调用带领学生共同体验任务完成过程，不必对其中涉及的知识点做过多的解释4《JavaScript项目式实例教程》课程标准5的方法2简单计算器掌握判断结构的使用方法1、熟悉变量和常量的概念和使用方法2、熟悉基本数据类型及类型转换3、熟悉各种运算符的使用方法4、熟悉判断结构以学习判断结构为主线，融入其他知识点，在项目完成后对这些知识做总结归纳63统计成绩单掌握循环结构的使用方法1、初步了解数组的概念和使用方法。2、初步了解对象的概念。3、熟悉Math数学对象的应用。4、熟悉循环结构的使用方法。5、熟悉变量的作用域以学习循环结构为主线，融入其他知识点，在项目完成后对这些知识做总结归纳104注册页面设计掌握事件的应用1、理解事件的概念。2、掌握事件的触发机制。3、掌握常用事件的应用。以学习事件为主线，融入其他知识点，在项目完成后对这些知识做总结归纳85多窗体注册页面掌握窗口对象1、掌握窗体对象Window的常用属性和方法。2、掌握地址对象Location的常用属性和方法。3、掌握历史对象History的常用属性和方法。4、掌握屏幕对象Screen的常用属性和方法。5、掌握浏览器对象Navigator的常用属性以学习五大对象主线，融入其他知识点，在项目完成后对这些知识做总结归纳8《JavaScript项目式实例教程》课程标准6和方法。6多功能相册掌握文档对象1、掌握文档对象Document的常用属性和方法。2、掌握Cookie对象的使用方法。3、掌握图像对象的使用方法。4、掌握超级链接对象的使用方法。5、掌握利用JavaScript设置样式的方法。以学习文档对象主线，融入其他知识点，在项目完成后对这些知识做总结归纳87商品列表掌握DOM对象1、掌握利用DOM获取文档节点的方法。2、掌握利用DOM操作文档节点的方法。3、掌握利用DOM获取或设置文档节点样式的方法。4、掌握利用DOM操作表格的方法。以学习DOM对象主线，融入其他知识点，在项目完成后对这些知识做总结归纳88自制滚动条掌握事件的高级应用1、掌握事件流和事件绑定。2、掌握阻止浏览器默认行为的方法。3、掌握鼠标滚轮事件的处理方法。以学习事件的高级应用为主线，融入其他知识点，在项目完成后对这些知识做总结归纳109运动基础掌握利用JavaScript设计动画的基本思想1、掌握物理运动的基本规律。2、掌握缓冲运动的原理和实现方法。3、掌握窗口滚动事件。以学习缓冲运动的设计思想主线，融入其他知识点，在项目完成后对这些知识做总结归纳1018周授课，其余时间机动（考试、复习等）合计72《JavaScript项目式实例教程》课程标准7五、课程实施条件1、人员条件授课教师必须具备以下条件：①本科以上计算机相关专业学历，有一定的英语水平；②通过初级或者高级程序员考试或者拿到一些国际、国内认证的证书，有一年以上教授相关程序设计课程或项目开发经验；③有网页设计及Web应用程序开发能力及经验；④较强的逻辑思维能力，团队精神和协作能力，强烈的好奇心和学习精神。2、环境条件本课程需要一间高性能联网的计算机实训室，需满足每位学生一台电脑。配备液晶投影仪、多媒体教学软件、DreamweaverCS5.0及以上版本、一款JavaScript常用开发工具，如Aptana等。六、教学组织与方法1、教学方法结合软件与信息服务专业学生特点，基于行动导向，根据每个任务的内容特点，以真实项目进行引导开展教学。整个课程以项目任务实训为主线，以技能培养为核心来组织教学。学生在完成项目分解的任务中学习相关知识，并利用这些知识解决项目中的问题。（1）项目教学法课程将WEB前端开发中的某个应用作为一个项目，并分解为多个小的任务。每个任务的学习过程以工作过程为导向，最终形成学生的职业行动能力。（2）小组教学法以6人为一个单位，成立教学小组。单人完成的项目，组内可以互相学习，督促和评价。大型复杂的项目，小组成员共同完成。（3）视频展示法教师对讲授内容充分提炼，将复杂的操作录制下来，方便学生反复观看和模仿，形象生动的动态展示和讲解。使抽象、难懂的教学内容变得直观、易懂和容易掌握；提高了教学效率；便于学生自主学习。2、教学手段（1）充分利用多媒体实训室和多媒体课件本课程的课堂讲授全部在实训室进行，便于使用投影设备，采用多媒体教学手段。开发和使用的多媒体课件制作精美并含有动态演示，其有效地增强了学生的学习兴趣。（2）鼓励自主学习制作网络课件，并将教学大纲、教案、习题等同时上网开放，激发学生学习兴趣，鼓励学生自主学习，同时可以缓解课程信息量增加与压缩授课学时之间的矛盾。（3）严格考评制度《JavaScript项目式实例教程》课程标准8设计了内容丰富、形式多样的习题作业，以利于学生理解和掌握所学知识。严格检查平时作业完成情况，及时反馈作业中反映的问题。采用定期模拟考试的方法及时检验学生阶段性学习成果。建立科学合理的考核评价制度，以促进学生的学习积极性和自我学习的动力。（4）充分利用网络环境和资源充分利用互联网资源、本课程网站资源，在网上开展教学活动，包括网络课程学习、自主学习、课后复习、课件下载、作业提交、专题讨论、网上答疑等，使学生可以不受时间、地点的限制，方便地进行学习。七、教学材料1、学材与教材（1）选用教材《JavaScript项目式实例教程》校内教材，作者：张屹峰。（2）参考书目《JavaScriptDOM编程艺术》，人民邮电出版社，JerymyKeith著.杨涛，王建桥，杨晓云译《JavaScriptDOM高级程序设计》，人民邮电出版社，JeffreySambells,AaronGustafson著.李松峰，李雅雯译2、软件与网络DreamweaverCS5.0及以上版本、一款JavaScript常用开发工具，如Aptana等。八、教学评价1、教学评价强调评价对教学的激励、诊断和促进作用，发挥教师在评价中的主导作用，创造条件实现评价主体的多元化，要关注学生的个别差异，鼓励学生的创造实践。综合运用各种形成性评价方式，全面考察学生的程序设计能力的养成过程，评价与教学过程相结合，动态把握，及时引导学生情感、态度和价值观的形成。采用纸笔测试和上机测试相结合的方式开展总结性教学评价。要根据课程标准的要求和具体考试内容选择合适的题型和考试方式，创造条件全面考察学生解决实际问题的能力，