Javascript程序设计课程标准.docx

《Javascript程序设计课程标准.docx》由会员分享，可在线阅读，更多相关《Javascript程序设计课程标准.docx（7页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、课程代码:MBO10509课程属性：专业课学 时：64学时Javascript程序设计课程标准课程类型：理论+实践适用专业：信息工程学院软件技术专业学 分：3. 5学分课程负责人: 参编人员:一、课程定位（一）课程性质Javascript程序设计是一71需要综合应用所学网页制作知识（HTML、CSS、JavaScr i pt） 的课程而打造的面向网页制作方向就业技能的一门重要课程。该课程深入浅出，结合实际案例系 统地讲解了使用JavaScr ipt和jQuery进行动态网页设计的知识和技巧，它定位于WEB技术开发， 是WEB前端技术开发的必备课程，为网页美工、PHP动态网页设计、C#程序设计与

2、应用等课程的 学习打下基础，在整个课程体系中具有承前启后的重要作用。（二）课程作用Javascript程序设计课程任务是培养网页设计、网页美工以及WEB综合开发的初、中级 专业人才，通过本课程的学习，学生能掌握JavaScript语言的基本编程思想，并能熟练利用 JavaScript控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务。（三）前导、后续课程它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用。本课程的前导课程: Web前端开发基础、图像处理技术。后续课程：Javascript框架应用开发、网页美工、PHP动态 网页设计、Html5高级开发等。二、课程理念及设

3、计思路（-）课程理念通过本课程的学习，使学生对HTML脚本、CSS代码和JavaScript特效代码等网页基本组成 元素有全面和充分的认识，能熟练地使用以上代码开发出漂亮的静态网页，制作出炫酷的网页效 果，并为后继的动态网页课程的学习打好基础。使得学生能掌握JavaScript语言的基本编程思想, 并能熟练利用JavaScript控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务。主要 包括JavaScript的基础语法，常用开发工具和调试工具，简单的CSS知识，DOM模型及事件机制 和常见事件处理等内容。（二）课程设计思路针对学生的层次和高职学生的特点，在本课程的日常教学中努力做到

4、理论教学以应用为目的， 以必需、够用为度，专业教学加强针对性和应用性。以职业能力培养为主线，使教学内容按照能 力培养目标进行重组、整合与优化，教学方法体现能力培养，广泛采用“案例”、“参与式”、 “讨论式”、“启发式”等生动活泼的教学形式，有效利用现代教育技术组织教学，并加强课程 的组织管理、运行管理和质量管理以及课程的过程评价与目标评价。具体措施体现在以下几个方 面： 基于典型工作过程分析，构建课程体系； 职业能力培养为核心，设计教学内容； 以提高学生职业能力和职业素养为目标，重视实践教学； 融合职业资格标准，推行双证书制； 校企合作，共建新型实践教学基地； 校企合作，形成实践技能课主要由企

5、业兼职教师讲授的机制。三、课程目标通过本课程的学习，使学生形成一定的学习能力、沟通与团队的协作能力，形成良好的思 考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相 关法律法规，形成关键性的软件开发与应用的能力。最终成为具备较全面的软件开发与信息服务 的技术人才。根据高职教育的特点，按照学院“小学校、大课堂”的办学思路和“校企融合、同兴共赢” 的办学模式，积极探索“校企合作、工学结合”的人才培养模式，积极探索以实践能力考核为主 的课程评价方法，切实提高学生的职业能力和就业竞争力。总体设计思路是：以高职高专的教育规律为基础，结合本校的教学要求，跟踪当前网页设计

6、发展的趋势，做到教学与实践结合。通过若干项目任务的分解学习，达到课程学习的要求。（一）能力目标 具备实现客户端表单验证的能力； 具备制作动态网页特效的能力； 具备搭建客户端网页商城的能力；（二）知识目标 掌握使用JavaScript美化网页的基本知识； 掌握使用jQuery美化网页的知识； 掌握实现客户端表单校验功能的知识； 掌握使用JavaScr i pt设置网页动画效果的方法； 掌握使用JavaScript设置网页验证效果的方法； 掌握使用JavaScr ipt设置表单特效的方法。（三）素质目标 形成一定的学习能力、沟通与团队的协作能力； 能用心尊重他人、不断激励自己；乐于团队合作、善于整

7、合资源； 善于表达沟通、用于企业实践、注重学以致用；及时适应环境变化、不断开拓创新。四、课程内容与安排本课程每周4课时，教学周共16周，总学时为64学时。教学采用讲练结合的方法，理论教 学和操作练习穿插进行。讲授时数为50学时，操作时数为14学时，教学内容详细、教学时数分 配表见下表1。根据专业课程目标和涵盖的工作任务要求，确定课程内容和要求，说明学生应获得的知识、 技能与态度。本课程的主要任务是培养网页设计、网页美工以及WEB综合开发的初、中级专业人才。学生 能掌握JavaScript语言的基本编程思想，并能熟练利用JavaScr i pt控制WEB页面各级元素，实 现WEB前端的验证、动态

8、展示等任务。本课程主要讲解的相关知识有：掌握JavaScript语言的基本语法，B0M对象的常用属性和方 法，文档对象的常用属性和方法，D0M的概念以及利用D0M操作文档节点的方法，简单的CSS知 识，掌握常用开发工具和调试工具。最后以一个综合的实例将这些技术集成在一起，实现了一个 完整的简单的，具有人机交互功能的动态网页的设计。表1课程内容分解表学习情境/项 目/单元子情境/子项 目/子单元学习内容（支撑知识）教学方 法及手 段成果形式参考课时1. JavaScr i pt概述1.程序Hei IoWorld”的运行JavaScr i pt 的起源浏览器之争体验第一个讲叙、演 示及练 习可正常

9、运行第一个Javascr i pt 小程序4Javascr i pt 小程序2. JavaScr i pt基础1 ,输入数字判 断程序2 .输出9X9乘 法表程序3 .对2数进行 四则运算4 .对象调用 实例JavaScr i pt 语法讲叙、演 示及练 习能实现需求功能的 可运行的HTML网页 文件10JavaScr i pt 变量与关键字条件语句循环语句函数对象BOM基础3.开发及调 试工具1 .根据当前时 间显示问候语 程序常用开发工具介绍讲叙、演 示及练 习程序可实现根据当 前时间显示问候语句4常用调试工具介绍4. CSS基础及进阶1 .图片的双边 框效果及图文 混排，首字下 沉效果2

10、 .浮动定位效 果的实现CSS的使用样式讲叙、演 示及练 习实现要求效果的网 页文件10CSS选择器CSS文字与图片效果CSS布局定位5. DOM编程1 .动态修改图 片（HTMLDOM 实现及CORE DOM实现）2 .显示图片的 路径等属性DOM技术简介讲叙、演 示及练 习实现了动态修改图 片及显示路径等属 性的网页文件8网页中的DOM模型框架元素节点、文本 节点、属性节点DOM 与 CSS1 .屏蔽鼠标右事件机制简介讲叙、演实现屏蔽鼠标右键46. JavaScr i pt 事件机制键2 ,伸缩的两级 菜单常用事件函数示及练习及伸缩两级菜单的 网页文件7.表格与表单1 .对一个表格 进行增

11、删改操 作2 .对表单元素 如文本框的值 进行验证使用CSS控制表格样式讲叙、演 示及练 习实现表格及表单功 能的HTML网页文件12使用DOM动态控制表格控制表单并对表 单元素进行验证8. JavaScr i pt设计与优化1 对指定的带 有错误的程序 进行调试常见错误和异常讲叙、演 示及练习通过 try*catch 逐渐缩小范围查找错误讲叙及演示练习，最终能得到一个完 整正确的程序4错误处理使用调试器JavaScr i pt 优化了解tomcat的相 关目录可获得服务器端 内容的Ajax程序9.练习1 .设计个人网站思路整个综合知识的应用练习设计出具有个人风 格的动态网站4课时合计64五、

12、课程考核评价教学评价和考核中贯彻能力本位的理念。变单向教学评价为多元评价，将静态教学评价变为 动态评价；变学生被动应对考试为主动参与考核，将结果式考核变为分阶段分层次的过程考核。（-）课程评价为了能够对学生的综合能力进行有效评价，课程采用多种方式相结合的考核方式：（1）日常 记录：对学生日常出勤、课堂互动、提交作业等情况做记录，考核学生的学习态度：（2）过程考 核：课堂上按照学生任务完成的时长及完成质量给予评分，考核学生技能掌握熟练程度；（3） 集中闭卷笔试（项目或任务成果）：理论掌握情况，采用了闭卷集中考试的方式。学期教学评价二平时成绩（主要包括考勤、课堂互动）X20% +过程考核（主要包括

13、任务完成情况、单元测试）X40%+期末集中笔试成绩（项目或任务成果）X 40%o（二）考核要求课程中需要学生动手实操的部分，以学习情境或项目为单位，进行过程性考核，能够在规定 时间内自主完成项目或任务，得满分；否则根据完成任务所用时长和所获得的帮助情况，酌情减 分。根据在项目开发过程中的重要程度所需完成的任务量和难度，占分比重有所不同。表2学习情境或项目考核占分比重学习情境或项目占分比重（%）JavaScr i pt概述5%JavaScr i pt基础20%开发及调试工具5%CSS基础及进阶20%D0M编程20%JavaScr i pt事件机制5%表格与表单20%JavaScr i pt设计与

14、优化5%六、课程资源开发与利用学习资料资源：教材、实训指导书重在于实际项目相结合，以项目（任务）的方式推进对技 能的学习。信息化教学资源：依据学习过程中对项目的推进，通过多媒体课件、网络课程引入，使学生 通过模拟仿真进行案例练习。课程资源要求具备：课程文档、教案、课件、工具、实训案例。课程资源的引入需符合行业标准。七、课程实施建议（一）教学条件1、软硬件条件课程应在校内实训基地具备如下条件的实训室中完成：要求有教学做一体化的综合实训室， 融教学与实训为一体，以及与课程相应的软件Dreamweaver作支持校外要求有与学校长期合作 的企业做实训基地，满足学生顶岗实习的需要。2、师资条件担任本课程

15、的主讲教师需要熟练掌握网页设计相关专业知识，具有敏锐的网站设计发展趋势 眼光，同时应具备较丰富的教学经验。在教学组织能力方面，本课程的主讲教师应具备基本的设 计能力，即根据本课程标准制定详细的授课计划，对每一堂课的教学过程精心设计；还应具备较 强的施教能力、课堂掌控能力和应变能力。（二）教学方法建议（1）项目弓I领，任务驱动。教师在各章节不断根据基于工作过程的例子，完成任务的设计与 实现，使学生对即将展开的学习有大致的方向性了解。（2）注重自主学习、合作学习，兼顾学生的个性发展 授课过程中应注重学生“终身学习能 力”的培养和锻炼，项目中某些功能模块，其实现技术与小节中任务的实现技术相似，以“举

16、一 反三”的形式给出，并有实现提示，要求学生根据已习得的知识和技能，并自行查找参考资料来 完成，在巩固课堂知识的同时，也锻炼了学生自学能力和自主解决问题的能力。课程除了规定的 “主线”夕卜，在每一章节的课后练习中设计了一条“能力拓展”为附线项目（任务），附线项目 （任务）的选题，鼓励学生分组到企业实地考察调研之后来完成。（3）建设网络课程延展教学空间与时间。本门课程建设有网络课程，内容包括授课视频、电 子课件的自动播放、可视化项目引导等多种多媒体呈现形式，方便学生在课余时间重温课堂；网 络课程中还设置有 延展阅读、案例参考、学生优秀项目库等多种资源，是课堂教学内容的优质补 充；网络课程中还有设

17、置有试题库、自我测试等板块，学生可以及时进行自我评估。建议在授课 过程中充分发挥网络课程的优势。（三）教材编写龙马工作室.精通JavaScr i pt+jQuery100%动态网页设计密码.人民邮电出版社.2014. 08.第 一反.教学参考书：1 .陈承欢.JavaScr i pt+jQuery网页特效设计实例教程.人民邮电出版社.20132 .刘增杰.精通HTML5 + CSS3 + JavaScript网页设计.清华大学出版社.20123 . Wes Iey Hales. HTML5和JavaScr ipt Web应用开发.人民邮电出版社.2013其它资源：1 . 2 .设计师的网上家园http:/www. wzsky. net/3 .开源中国 . osch i na. net/