Javascript程序设计课程标准

程序设计课程标准Javascript课程代码:MBO10509课程类型理论+实践课程属性专业课适用专业信息工程学院软件技术专业学时64学时学分

3.5学分课程负责人:参编人员:

一、课程定位

（一）课程性质《Javascript程序设计》是一71需要综合应用所学网页制作知识（HTML、CSS、JavaScr ipt）的课程而打造的面向网页制作方向就业技能的一门重要课程该课程深入浅出，结合实际案例系统地讲解了使用JavaScr ipt和jQuery进行动态网页设计的知识和技巧，它定位于WEB技术开发，是WEB前端技术开发的必备课程，为网页美工、PHP动态网页设计、C#程序设计与应用等课程的学习打下基础，在整个课程体系中具有承前启后的重要作用

（二）课程作用《Javascript程序设计》课程任务是培养网页设计、网页美工以及WEB综合开发的初、中级专业人才，通过本课程的学习，学生能掌握JavaScript语言的基本编程思想，并能熟练利用JavaScript控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务

（三）前导、后续课程它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用本课程的前导课程:Web前端开发基础、图像处理技术后续课程Javascript框架应用开发、网页美工、PHP动态网页设计、Html5高级开发等

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

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

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

（一）能力目标•具备实现客户端表单验证的能力；•具备制作动态网页特效的能力；•具备搭建客户端网页商城的能力；

（二）知识目标•掌握使用JavaScript美化网页的基本知识；•掌握使用jQuery美化网页的知识；•掌握实现客户端表单校验功能的知识；•掌握使用JavaScr ipt设置网页动画效果的方法；•掌握使用JavaScript设置网页验证效果的方法；•掌握使用JavaScr ipt设置表单特效的方法

（三）素质目标•形成一定的学习能力、沟通与团队的协作能力；•能用心尊重他人、不断激励自己；乐于团队合作、善于整合资源；•善于表达沟通、用于企业实践、注重学以致用；及时适应环境变化、不断开拓创新

四、课程内容与安排本课程每周4课时，教学周共16周，总学时为64学时教学采用讲练结合的方法，理论教学和操作练习穿插进行讲授时数为50学时，操作时数为14学时，教学内容详细、教学时数分配表见下表1根据专业课程目标和涵盖的工作任务要求，确定课程内容和要求，说明学生应获得的知识、技能与态度本课程的主要任务是培养网页设计、网页美工以及WEB综合开发的初、中级专业人才学生能掌握JavaScript语言的基本编程思想，并能熟练利用JavaScr ipt控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务本课程主要讲解的相关知识有掌握JavaScript语言的基本语法，B0M对象的常用属性和方法，文档对象的常用属性和方法，D0M的概念以及利用D0M操作文档节点的方法，简单的CSS知识，掌握常用开发工具和调试工具最后以一个综合的实例将这些技术集成在一起，实现了一个完整的简单的，具有人机交互功能的动态网页的设计表1课程内容分解表学习内容（支撑参考学习情境/项目/子情境/子项目/成果形式教学方法知识）课时单元子单元及手段JavaScr ipt的起

1.JavaScr ipt

1.程序Hei Io源可正常运行第一个讲叙、演示4概述World”的运行浏览器之争Javascr ipt小程序及练习体验第一个Javascr ipt小程序JavaScr ipt语法JavaScr ipt变量1,输入数字判断程序与关键字

2.输出9X9乘法条件语句

2.JavaScr ipt讲叙、演示能实现需求功能的可运10表程序循环语句基础及练习行的HTML网页文件

3.对2数进行四函数则运算对象

4.对象调用实例BOM基础常用开发工具介程序可实现根据当前时

3.开发及调试工

1.根据当前时间绍讲叙、演示4间显示问候语具显示问候语程序常用调试工具介及练习句绍CSS的使用样式

1.图片的双边框CSS选择器效果及图文混排，

4.CSS基础及讲叙、演示实现要求效果的网页文10首字下沉效果CSS文字与图片进阶及练习件

2.浮动定位效果效果的实现CSS布局定位

1.动态修改图DOM技术简介片（HTMLDOM实网页中的DOM模实现了动态修改图片及现及CORE DOM型框架讲叙、演示

5.DOM编程8显示路径等属性的网页实现）元素节点、文本节及练习文件

2.显示图片的路点、属性节点径等属性DOM与CSS

1.屏蔽鼠标右事件机制简介讲叙、演实现屏蔽鼠标右键

46.JavaScr ipt键示及练及伸缩两级菜单的网页常用事件函数事件机制2,伸缩的两级菜习文件单使用CSS控制表

1.对一个表格进格样式行增删改操作使用DOM动态控讲叙、演示实现表格及表单功能的

7.表格与表单

122.对表单元素如制表格及练习HTML网页文件文本框的值进行控制表单并对表单验证元素进行验证常见错误和异常1•对指定的带有错误处理错误的程序进行

8.JavaScr ipt通过try***catch逐调试设计与优化使用调试器讲叙、演示渐缩小范围查找错4及练误讲叙及演示练习，JavaScr ipt优化习最终能得到一个完整正了解tomcat的相关确的程序目录可获得服务器端内容的Ajax程序

9.练习

1.设计个人网整个综合知识的设计出具有个人风格的练习4站思路应用动态网站课时合计64

五、课程考核评价教学评价和考核中贯彻能力本位的理念变单向教学评价为多元评价，将静态教学评价变为动态评价；变学生被动应对考试为主动参与考核，将结果式考核变为分阶段分层次的过程考核（-）课程评价为了能够对学生的综合能力进行有效评价，课程采用多种方式相结合的考核方式

（1）日常记录对学生日常出勤、课堂互动、提交作业等情况做记录，考核学生的学习态度

（2）过程考核课堂上按照学生任务完成的时长及完成质量给予评分，考核学生技能掌握熟练程度；

（3）集中闭卷笔试（项目或任务成果）理论掌握情况，采用了闭卷集中考试的方式学期教学评价二平时成绩（主要包括考勤、课堂互动）X20%+过程考核（主要包括任务完成情况、单元测试）X40%+期末集中笔试成绩（项目或任务成果）X40%o

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

六、课程资源开发与利用学习资料资源教材、实训指导书重在于实际项目相结合，以项目（任务）的方式推进对技能的学习信息化教学资源依据学习过程中对项目的推进，通过多媒体课件、网络课程引入，使学生通过模拟仿真进行案例练习课程资源要求具备课程文档、教案、课件、工具、实训案例课程资源的引入需符合行业标准

七、课程实施建议

（一）教学条件、软硬件条件1课程应在校内实训基地具备如下条件的实训室中完成要求有教学做一体化的综合实训室，融教学与实训为一体，以及与课程相应的软件Dreamweaver作支持°校外要求有与学校长期合作的企业做实训基地，满足学生顶岗实习的需要、师资条件2担任本课程的主讲教师需要熟练掌握网页设计相关专业知识，具有敏锐的网站设计发展趋势眼光，同时应具备较丰富的教学经验在教学组织能力方面，本课程的主讲教师应具备基本的设计能力，即根据本课程标准制定详细的授课计划，对每一堂课的教学过程精心设计；还应具备较强的施教能力、课堂掌控能力和应变能力

（二）教学方法建议

（1）项目弓I领，任务驱动教师在各章节不断根据基于工作过程的例子，完成任务的设计与实现，使学生对即将展开的学习有大致的方向性了解

（2）注重自主学习、合作学习，兼顾学生的个性发展授课过程中应注重学生“终身学习能力”的培养和锻炼，项目中某些功能模块，其实现技术与小节中任务的实现技术相似，以“举一反三”的形式给出，并有实现提示，要求学生根据已习得的知识和技能，并自行查找参考资料来完成，在巩固课堂知识的同时，也锻炼了学生自学能力和自主解决问题的能力课程除了规定的“主线”夕卜，在每一章节的课后练习中设计了一条“能力拓展”为附线项目（任务），附线项目（任务）的选题，鼓励学生分组到企业实地考察调研之后来完成

（3）建设网络课程延展教学空间与时间本门课程建设有网络课程，内容包括授课视频、电子课件的自动播放、可视化项目引导等多种多媒体呈现形式，方便学生在课余时间重温课堂；网络课程中还设置有延展阅读、案例参考、学生优秀项目库等多种资源，是课堂教学内容的优质补充；网络课程中还有设置有试题库、自我测试等板块，学生可以及时进行自我评估建议在授课过程中充分发挥网络课程的优势

（三）教材编写龙马工作室.精通JavaScr ipt+jQuery100%动态网页设计密码.人民邮电出版社.

2014.

08.第一^反.教学参考书

1.陈承欢.JavaScr ipt+jQuery网页特效设计实例教程.人民邮电出版社.

20132.刘增杰.精通HTML5+CSS3+JavaScript网页设计.清华大学出版社.

20123.Wes IeyHales.HTML5和JavaScr iptWeb应用开发.人民邮电出版社.2013其它资源

1.

2.设计师的网上家园http://www.wzsky.net/

3.开源中国.osch ina.net/。