JavaScript项目式实例教程课程标准

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