Javascript程序设计课程标准
课程代码:MB010509 课程类型:理论+实践
课程属性:专业课 适用专业:信息工程学院软件技术专业
学 时:64学时 学 分:3.5学分
课程负责人:
参编人员:
一、课程定位
(一)课程性质
《Javascript程序设计》是一门需要综合应用所学网页制作知识(HTML、CSS、JavaScript)的课程而打造的面向网页制作方向就业技能的一门重要课程。该课程深入浅出,结合实际案例系统地讲解了使用JavaScript和jQuery进行动态网页设计的知识和技巧,它定位于WE
B技术开发,是WEB前端技术开发的必备课程,为网页美工、PHP动态网页设计、C#程序设计与应用等课程的学习打下基础,在整个课程体系中具有承前启后的重要作用。
(二)课程作用
《Javascript程序设计》课程任务是培养网页设计、网页美工以及WEB综合开发的初、中级专业人才,通过本课程的学习,学生能掌握JavaScript语言的基本编程思想,并能熟练利用JavaScript控制WEB页面各级元素,实现WEB前端的验证、动态展示等任务。
(三)前导、后续课程
它是WEB前端技术开发的必备课程,在整个课程体系中具有重要的作用。本课程的前导课程:Web前端开发基础、图像处理技术。后续课程:Javascript框架应用开发、网页美工、PHP动态网页设计、Html5高级开发等。
二、课程理念及设计思路
(一)课程理念
通过本课程的学习,使学生对HTML脚本、CSS代码和JavaScript特效代码等网页基本组成元素有全面和充分的认识,能熟练地使用以上代码开发出漂亮的静态网页,制作出炫酷的网页效果,并为后继的动态网页课程的学习打好基础。使得学生能掌握JavaScript语言的基本编程思想,并能熟练利用JavaScript控制WEB页面各级元素,实现WEB前端的验证、动态展示等任务。主要包括JavaScript的基础语法,常用开发工具和调试工具,简单的CSS知识,DOM模型及事件机制和常见事件处理等内容。
(二)课程设计思路
针对学生的层次和高职学生的特点,在本课程的日常教学中努力做到理论教学以应用为目的,以必需、够用为度,专业教学加强针对性和应用性。以职业能力培养为主线,使教学内容按照能力培养目标进行重组、整合与优化,教学方法体现能力培养,广泛采用“案例”、“参与式”、“讨论式”、“启发式”等生动活泼的教学形式,有效利用现代教育技术组织教学,并加强课程的组织管理、运行管理和质量管理以及课程的过程评价与目标评价。具体措施体现在以下几个方面:
⦁ 基于典型工作过程分析,构建课程体系;
⦁ 职业能力培养为核心,设计教学内容;
⦁ 以提高学生职业能力和职业素养为目标,重视实践教学;
⦁ 融合职业资格标准,推行双证书制;
⦁ 校企合作,共建新型实践教学基地;
⦁ 校企合作,形成实践技能课主要由企业兼职教师讲授的机制。
三、课程目标
通过本课程的学习,使学生形成一定的学习能力、沟通与团队的协作能力,形成良好的思考问题、分析问题和解决问题的能力,养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规,形成关键性的软件开发与应用的能力。最终成为具备较全面的软件开发与信息服务的技术人才。
根据高职教育的特点,按照学院“小学校、大课堂”的办学思路和“校企融合、同兴共赢”的办学模式,积极探索“校企合作、工学结合”的人才培养模式,积极探索以实践能力考核为主的
课程评价方法,切实提高学生的职业能力和就业竞争力。 学生个人网页html代码
总体设计思路是:以高职高专的教育规律为基础,结合本校的教学要求,跟踪当前网页设计发展的趋势,做到教学与实践结合。通过若干项目任务的分解学习,达到课程学习的要求。
(一)能力目标
⦁ 具备实现客户端表单验证的能力;
⦁ 具备制作动态网页特效的能力;
⦁ 具备搭建客户端网页商城的能力;
(二)知识目标
⦁ 掌握使用JavaScript美化网页的基本知识;
⦁ 掌握使用jQuery美化网页的知识;
⦁ 掌握实现客户端表单校验功能的知识;
⦁ 掌握使用JavaScript设置网页动画效果的方法;
⦁ 掌握使用JavaScript设置网页验证效果的方法;
⦁ 掌握使用JavaScript设置表单特效的方法。
(三)素质目标
⦁ 形成一定的学习能力、沟通与团队的协作能力;
⦁ 能用心尊重他人、不断激励自己;乐于团队合作、善于整合资源;
⦁ 善于表达沟通、用于企业实践、注重学以致用;及时适应环境变化、不断开拓创新。
四、课程内容与安排
本课程每周4课时,教学周共 16 周,总学时为64学时。教学采用讲练结合的方法,理论教学和操作练习穿插进行。讲授时数为 50学时,操作时数为14学时,教学内容详细、教学时数分配表见下表1。
根据专业课程目标和涵盖的工作任务要求,确定课程内容和要求,说明学生应获得的知识、技能与态度。
本课程的主要任务是培养网页设计、网页美工以及WEB综合开发的初、中级专业人才。学生能掌握JavaScript语言的基本编程思想,并能熟练利用JavaScript控制WEB页面各级元素,实现WEB前端的验证、动态展示等任务。
本课程主要讲解的相关知识有:掌握JavaScript语言的基本语法,BOM对象的常用属性和方法,文档对象的常用属性和方法,DOM的概念以及利用DOM操作文档节点的方法,简单的CSS知识,掌握常用开发工具和调试工具。最后以一个综合的实例将这些技术集成在一起,实现了一个完整的简单的,具有人机交互功能的动态网页的设计。
表1 课程内容分解表
学习情境/项目/单元 | 子情境/子项目/子单元 | 学习内容(支撑知识) | 教学方法及手段 | 成果形式 | 参考 课时 |
1.JavaScript概述前端开发面试会问什么 | 1.程序”Hello World”的运行 | JavaScript的起源 | 讲叙、演示及练习 | 可正常运行第一个Javascript 小程序 | 4 |
浏览器之争 | |||||
体验第一个Javascript小程序 | |||||
2. JavaScript基础 | 1.输入数字判断程序 2.输出9X9乘法表程序 3.对2数进行四则运算 4. 对象调用实例 | JavaScript语法 | 讲叙、演示及练习 | 能实现需求功能的可运行的HTML网页文件 | 10 |
JavaScript变量与关键字 | |||||
条件语句 | |||||
循环语句 | |||||
函数 | |||||
对象 | |||||
BOM基础 | |||||
3. 开发及调试工具 | 1.根据当前时间显示问候语程序 | 常用开发工具介绍 | 讲叙、演示及练习 | 程序可实现根据当前时间显示问候语句 | 4 |
常用调试工具介绍 | |||||
4.CSS基础及进阶 | 1.图片的双边框效果及图文混排,首字下沉效果 2.浮动定位效果的实现 | CSS的使用样式 | 讲叙、演示及练习 | 实现要求效果的网页文件 | 10 |
CSS选择器 | |||||
CSS文字与图片效果 | |||||
CSS布局定位 | |||||
5.DOM编程 | 1.动态修改图片(HTMLDOM实现及CORE DOM 实现) 2.显示图片的路径等属性 | DOM技术简介 | 讲叙、演示及练习 | 实现了动态修改图片及显示路径等属性的网页文件 | 8 |
网页中的DOM模型框架 | |||||
元素节点、文本节点、属性节点 | |||||
DOM与CSS | |||||
6.JavaScript事件机制 | 1.屏蔽鼠标右键 2.伸缩的两级菜单 | 事件机制简介 | 讲叙、演示及练习 | scanf函数的返回值用法实现屏蔽鼠标右键及伸缩两级菜单的网页文件 | 4 |
常用事件函数 | |||||
7.表格与表单 | 1.对一个表格进行增删改操作 2.对表单元素如文本框的值进行验证 | 隐藏html标签使用CSS控制表格样式 | 讲叙、演示及练习 | 实现表格及表单功能的HTML网页文件 | 12 |
使用DOM动态控制表格 | |||||
控制表单并对表单元素进行验证 | |||||
8. JavaScript设计与优化 | 1.对指定的带有错误的程序进行调试 | 常见错误和异常 | 讲叙、演示及练习 | 通过try…catch逐渐缩小范围查错误讲叙及演示练习,最终能得到一个完整正确的程序 | 4 |
错误处理 | |||||
使用调试器 | |||||
JavaScript优化 | |||||
了解tomcat的相关目录 | |||||
可获得服务器端内容的Ajax程序 | |||||
9.练习 | 1.设计个人网站思路 | 整个综合知识的应用 | 练习 | 设计出具有个人风格的动态网站 | 4 |
课时合计 | 64 | ||||
五、课程考核评价
教学评价和考核中贯彻能力本位的理念。变单向教学评价为多元评价,将静态教学评价变为动态评价;变学生被动应对考试为主动参与考核,将结果式考核变为分阶段分层次的过程考核。
(一)课程评价
为了能够对学生的综合能力进行有效评价,课程采用多种方式相结合的考核方式:(1)日常记录:对学生日常出勤、课堂互动、提交作业等情况做记录,考核学生的学习态度;(2)过程考核:课堂上按照学生任务完成的时长及完成质量给予评分,考核学生 技能掌握熟练程度;(3)集中闭卷笔试(项目或任务成果):理论掌握情况,采用了闭卷集中考试的方式。
学期教学评价=平时成绩(主要包括考勤、课堂互动)X20% + 过程考核(主要包括任务完成情况、单元测试)X40%+期末集中笔试成绩(项目或任务成果)X 40%。
(二)考核要求
课程中需要学生动手实操的部分,以学习情境或项目为单位,进行过程性考核,能够在规定时间内自主完成项目或任务,得满分;否则根据完成任务所用时长和所获得的帮助情况,酌情减分。根据在项目开发过程中的重要程度所需完成的任务量和难度,占分比重有所不同。
表2 学习情境或项目考核占分比重
学习情境或项目 | 占分比重(%) |
JavaScript概述 | 5% |
JavaScript基础 | 20% |
开发及调试工具 | 5% |
CSS基础及进阶 | 20% |
DOM编程 | 哪有管理系统开发20% |
JavaScript事件机制 | 5% |
表格与表单 | 20% |
JavaScript设计与优化 | 5% |
六、课程资源开发与利用
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论