学时网页计数器

《JavaScript前端开发案例教程》课程教学大纲(课程英文名称)课程编号:学分:5学分学时:62学时(其中:讲课学时50上机学时12)先修课程:计算机基础、计算机网络、HTML、CSS适用专业:信息技术及其计算机相关专业开课部门:计算机系一、课程的性质与目标《JavaScript前端开发案例教程》是面向计算机相关专业的一门Web前端基础课程,涉及JavaScript语言基础、数组、函数、对象、BOM、DOM、事件、正则表达式、Ajax、jQuery等内容.
通过本课程的学习,学生能够了解JavaScript语言的特点,掌握面向对象程序设计思想,具备扎实的语言功底.
二、课程设计理念与思路课程设计理念:高职教育的集中实践教学环节需明确必要的理论知识的升华与知识层面的拓展,不能局限于单纯的技能训练.
单纯的技能训练不是提高高等职业教育的理想课程.
以能力的培养为重点,以就业为导向,培养学生具备职业岗位所需的职业能力,职业生涯发展所需的能力和终身学习的能力,实现一站式教学理念.
课程设计思路:基于工作过程开发课程内容,以行动为导向进行教学内容设计,以学生为主体,以案例(项目)实训为手段,设计出理论学习与技能掌握相融合的课程内容体系.
教学整体设计"以职业技能培养为目标,以案例(项目)任务实现为载体、理论学习与实际操作相结合".
三、教学条件要求操作系统:Windows7开发工具:GoogleChrome浏览器四、课程的主要内容及基本要求第一章JavaScript快速入门学习单元第一章JavaScript快速入门学时3学时学习目标1.
熟悉JavaScript的用途和发展状况2.
理解JavaScript与ECMAScript的关系3.
掌握JavaScript的基本使用方法学习内容知识点了解掌握重点难点初识JavaScript√开发工具√【案例】第一个JavaScript程序√JavaScript引入方式√常用输出语句√注释√数据与运算√函数√对象√事件√【案例】改变网页背景色√【动手实践】验证用户输入的密码√第二章基本语法学习单元第二章基本语法学时6学时学习目标1.
掌握变量的定义与赋值2.
掌握数据类型与运算符的使用3.
掌握流程控制语句的使用学习内容知识点了解掌握重点难点变量√基本数据类型√数据类型检测√数据类型转换√√表达式√算术运算符√字符串运算符√√赋值运算符√√比较运算符√逻辑运算符√√三元运算符√位运算符√运算符优先级√√【案例】计算圆的周长和面积√选择结构√循环结构√√跳转语句√【案例】打印金字塔√【动手实践】九九乘法表√第三章数组学习单元第三章数组学时5学时学习目标1.
掌握数组的创建2.
掌握数组的访问与遍历3.
掌握数组的属性与方法学习内容知识点了解掌握重点难点初识数组√创建数组√数组的基本操作√二维数组的创建与遍历√√【案例】二维数组转置√数组排序√数组栈方法√√数组检索方法√√数组转字符串√数组其他方法√【案例】猴子选大王√【动手实践】省份城市的三级联动√第四章函数学习单元第四章函数学时5学时学习目标1.
掌握函数的使用方法2.
掌握变量的作用域3.
掌握匿名函数与闭包函数学习内容知识点了解掌握重点难点初识函数√参数设置√函数的调用√【案例】字符串大小写转换√变量的作用域√匿名函数√回调函数√函数嵌套与作用域链√√递归调用√√【案例】求斐波那契数列第N项的值√闭包函数√【动手实践】网页计算器√第五章对象学习单元第五章对象学时8学时学习目标1.
理解面向对象思想,能够说出面向对象与面向过程的区别2.
掌握JavaScript常用内置对象的使用方法3.
掌握自定义对象的定义和基本操作,理解构造器的概念4.
掌握封装、继承、多态的设计思想,理解原型链机制5.
熟悉异常的处理,掌握如何在浏览器中调试JavaScript程序学习内容知识点了解掌握重点难点面向对象概述√√对象的定义√对象成员访问与遍历√深拷贝与浅拷贝√√构造函数√√String对象√Number对象√Math对象√Date对象√【案例】制作年历√错误处理√代码调试√原型√√继承√√静态成员√属性搜索原则√原型链√√【动手实践】表单生成器√第六章BOM学习单元第六章BOM学时4学时学习目标1.
了解BOM的组成结构2.
掌握定时器的操作3.
熟悉location与history对象学习内容知识点了解掌握重点难点什么是BOM对象√全局作用域√弹出对话框和窗口√√窗口位置和大小√√框架操作√定时器√√【案例】限时秒杀√location对象√【案例】定时跳转√history对象√√navigator和screen对象√【动手实践】红绿灯倒计时√第七章DOM学习单元第七章DOM学时5学时学习目标1.
了解什么是DOM2.
掌握元素与样式的操作3.
掌握节点的操作学习内容知识点了解掌握重点难点DOM对象简介√√DOM对象的继承关系√√获取操作的元素√√√元素内容√【案例】改变盒子大小√元素属性√元素样式√【案例】标签栏切换效果√获取节点√√节点追加√√节点删除√【案例】列表的增删和移动√【动手实践】购物车√第八章事件学习单元第八章事件学时4学时学习目标1.
掌握事件的绑定方式2.
熟悉事件对象的使用3.
掌握常用事件的实现学习内容知识点了解掌握重点难点事件概述√事件的绑定方式√√事件对象√√【案例】缓动的小球√页面事件√√焦点事件√鼠标事件√【案例】鼠标拖拽特效√键盘事件√√表单事件√【动手实践】图片放大特效√第九章正则表达式学习单元第九章正则表达式学时5学时学习目标1.
了解什么是正则表达式2.
掌握正则表达式的语法3.
掌握正则表达式的应用学习内容知识点了解掌握重点难点正则表达式快速入门√字符类别√√字符集合√【案例】限定输入内容√字符限定√√括号字符√√正则运算符优先级√【案例】内容查找与替换√RegExp类中的方法√String类中的方法√【动手实践】表单验证√第十章Ajax学习单元第十章Ajax学时6学时学习目标1.
熟悉Ajax和HTTP的基本概念2.
掌握Ajax对象的创建、常用方法和属性的使用3.
掌握XML和JSON数据格式的使用4.
掌握Cookie操作和Ajax跨域请求学习内容知识点了解掌握重点难点Web基础知识√Web服务器搭建√什么是Ajax√√Ajax向服务器发送请求√√处理服务器返回的信息√√XML数据格式√√JSON数据格式√√【案例】无刷新分页Ajax跨域问题√√JSONP实现跨域请求√√Cookie技术√√FormData技术√Promise技术√WebSocket技术√【动手实践】进度条文件上传√第十一章jQuery学习单元第十一章jQuery学时8学时学习目标1.
掌握元素与节点的操作2.
掌握事件与动画特效的实现3.
掌握jQuery中插件机制的使用学习内容知识点了解掌握重点难点jQuery快速入门√jQuery对象√jQuery选择器√√元素遍历√元素内容√元素样式√元素筛选√√元素属性√【案例】折叠菜单√节点操作√【案例】左移与右移√常用事件√页面加载事件√事件绑定与切换√√【案例】手风琴效果√常用动画√自定义动画√√【案例】无缝轮播图√jQuery操作Ajax√插件机制√√第十二章网页版2048小游戏学习单元第十二章网页版2048小游戏学时3学时学习目标1.
掌握DOM,能够对元素进行操作2.
掌握事件处理,完成不同功能的开发3.
掌握动画特效,改善游戏的体验度学习内容知识点了解掌握重点难点2048游戏分析√设计游戏页面√控制游戏数值√√实现单元格移动√√设置游戏分数√判断胜利和失败√重新开始游戏√五、学时分配章目讲课上机合计第一章JavaScript快速入门2学时1学时3学时第二章基本语法5学时1学时6学时第三章数组4学时1学时5学时第四章函数4学时1学时5学时第五章对象7学时1学时8学时第六章BOM3学时1学时4学时第七章DOM4学时1学时5学时第八章事件3学时1学时4学时第九章正则表达式4学时1学时5学时第十章Ajax5学时1学时6学时第十一章jQuery7学时1学时8学时第十二章网页版2048小游戏2学时1学时3学时合计50学时12学时62学时六、考核模式与成绩评定办法本课程为考试课程,期末考试采用百分制的闭卷考试模式.
学生的考试成绩由平时成绩(30%)和期末考试(70%)组成,其中,平时成绩包括出勤(5%)、作业(5%)、上机成绩(20%).
七、选用教材和主要参考书本大纲是根据教材《JavaScript前端开发案例教程》所设计的.
参考书籍:黑马程序员.
《JavaScript前端开发案例教程》人民邮电出版社.
2018八、大纲说明本课程的授课模式为:课堂授课+上机,其中,课堂主要采用多媒体的方式进行授课,并且会通过测试题阶段测试学生的掌握程度;上机主要是编写程序,要求学生动手完成指定的程序设计或验证.
撰写人:审定人:批准人:执行时间: