职业技术学校《JavaScript程序设计》课程标准.docx

UavaScript程序设计课程标准课程名称：JaVaSCriPt程序设计专业大类：电子信息大类JavaScript程序设计课程代码：0311124课程名称：JaYaSCriPI程序设计课程性质：必修课程类别：职业技术基础课程适用专业：计兑机应用技术、软件技术、移动互联应用技术开设学期：第一学期授课学时：48（理实一体）+16学时项目强化一、课程定位JavuScrip1.程序设计是计算机应用技术、软件技术、移动互联应用技术专业的一门职业技术基础课程，由浅入深地讲解了JavaScript的基本语法、函数、事件、浏览器对象模型、文档对象模型、对象、动画、绘画等内容，采用理论结合实战的方式阐样JaVaSCriP1.的语言特性功能。通过学习本门课程，学生能很好地掌握JaVaSCriPt脚本语言，提升网页的可交互性及动画效果,实现并且将新技术运用到实际的开发当中，提而自己开发WCb程序的水平.二、课程设计以就业为导向，以能力为本位，不局限于单纯的技能训练，在培养学生职业岗位能力的基础上，围绕高素质第合型技术技能型人才专业培养目标，培养学生的终身学习的能力和职业生涯发展所需的综合素养。课程建设优化传统JaVaSCriP程序设计类课程教学内容，设计教学情境，开发课程案例，建设课程教学资源，实施基于混合式教学的“教学做”一体化教学方式，采用过程式考核方式，提高课程教学质量。课程教学按照：“提出工程实际案例、分析案例所需知识、知识准备、师生共同完成案例、布置任务、学生自主完成任务、小组交流、教加点评”的步骤进行。将课程基本知识点融于案例中，闱绕着案例来开展课堂教学活动,引导学生参与分析、讨论，让学生在具体的问题情境中，枳极思考，主动探索。课程教学内容符合职业技能培养要求，注重实践环节，实践性教学内容占课程内容的60%以上，课程既具有针对性、又具有技术性和综合性，有效地培养了学生复杂静态页面的设计与开发能力。三、课程目标（一）课程总目标通过基于工作过程的教学实施，使学生学牛.能掌握JaYaSCriPt语言的基本编程思想，并能熟练利用JavaScript控制WEB页面各级元素，实现WEB前端的险证、动态展示等任务。让学生能够根据工作任务和要求，按网站设计的基本流程、需求规范，运用JaVaSCriPt脚本语言，独立自主完成基于JaVaSCriPt技术的交互式发杂页面的设计与制作，具有动态页面设计实现的能力，具有交互式网页设计的粽合运用能力。同时对接行业标准和岗位要求强化学生的职业道德意识和职业素质养成意识：通过小组合作学习，培养学生团队合作、协议沟通能力：为后续Web前端开发打下坚实的基础。（二）课程具体目标1,知识目标（1） JaVaSCriPt.基本语法（2） JavaScript函数和事件（3） BOM对象常用属性和方法（4） DOM文档对象和节点的操作方法（5） JaVaSCriP对象使用（6） JaVaSCriP动画（7） CanYaS绘画和动画。（8） 力目标（1）能够设计、制作和调试交互式动态页面：（2）熟练掌握JaVaSCriPt基本语法、函数、事件（3）熟练使用BOM对象操作浏览器：（4）熟练使用DoM操作文档和节点：（5）熟练使用JaVaSeriP对象实现表服的验证；（6）能使用JavaScrip动画实现动态页面效果：（7）能使用Canvas绘画和动画实现动态页面效果：（9） 质目标（1）培养学生良好的语言表达能力：（2）培养学生自主学习习惯和团队合作能力，身心参与、手脑并用的劳动意识：（3）培养学生严谨细致的学习态度和追求完美的工匠精神：（4）树立坚定的理想信念,厚植爱国主义情怀：四、课程内容及学习情境根据Web前端开发工程师职业岗位的要求，遴选课程内容，课程内容打破学科体系，进行解构和全构。以其实的项目和任务为载体，基于Web前端开发的设计、开发与维护岗位的工作潦程设置四个情境：1.JAVASCRIPT,2.CSS基础应用，3.网页布局设计，4.项目强化。课程的主要内容和要求见表1。表1课程内容和学习情境表序号学习情境学习体主要学习内容学习目标学时1情境1JavaScript程序设计技术谛备同学会网站任务1：任务1：技术储备一JavaScript基本语法项目任务:无1 .掌握JaVaSCriPt核心讲法：2 .箪握JaVaSCriP1.友达式和运算符：3 .掌棍JavaScript流程控制语句4任务2：任务2：技术储品-JavaScript函数与事件项目任务：无1.掌握JavaSeripi自定义函数：2 .掌握JavaScript系统函数：3 .掌握JavaScript事件：4 .掌握JaVasBiPI常用事件：4情境2使用DOM进行文档和节点操作同学会网站任务3：使用BOM摊作浏览器对象项目任务I编写页面加载时执行的方法（g1.oba1.,js）1 .掌握浏览器对象模型：2 .掌握window对象：3 .掌握history象和1.ocation对象：4 .掌握screen对象和navigator对象：4任务4：便用Da1.对象获取节点元素项目任务：涮万获取元索和设置元素样式的方法1,理解文档对象模型基础:2 .掌握document对象;3 .掌握节点对象：4任务5：使用DCM设置节点内容和样式实现图片库I.掌握获取和设网节点内容：2 .掌握设置节点样式;3 .综合案例：图片库:4项目任务：使用图片库效果完成往昔岁月页面2任务6：使用DoM动态添加和删除节点实现购物车项目任务I实现在线用音页面的留有添加和捌除功能1.掌握创建新节点：2,掌握动态添加节点；3 .掌握动态删除节点：4 .琮合案例:购物车：43情境3JavaScript对象进阶同学会网站任务7：使用JaVaSCriPt对象和数组实现省市联动项目任务：使用数组实现报名参加页面的省市联动效果1 .掌握JaVaSCriPt常用内部对四：2 .掌握自定义对象：3 .掌握对象常用谱句：4 .掌握数组4任务8：使用String和RegEXP对象实现表单验证项目任务，为报名参加页面添加表的验证功能I.掌握String对心2 .掌握RegEXP正则表达式对象；3 .综合案例：表单购证：4俏境4使用JavaScript动画和绘画同学会网站任务9：使用JaVaSCriPt实现动画效果项目任务：嫡写逐渐显示、逐渐放大的动附函数1,掌握使用SetTimeOut迭代实现动画:2.掌握使用setInterva1.实现定时动画；3,掌握使用requestAnimatiOnFrane请求动画：4任务10：使用JavaScript动画实现轮播图片项目任务I使用轮播图片效果完成校园风光页面1 .琮合案例1:米标悬停预览：2 .媒合案例2：轮搭图片4任务11：任务11：使用CanvasIIUi布绘制时钟项目任务：首页绘制动态时钟1 .掌握使用CanVaS绘画2 .掌握使用CanvaS操作图片：3 .常握使用CanVaS动画：4 .综合案例：绘制时钟4任务12：项目总结项目任务：编写随机生成姓名等通用方法1 .复习JavaScript基本语法2 .发习JaVaSCriP1.文档和节点3 复；JJavaScript对象4 .S-JJaviiScript动画和绘画：44情境5项目强化同学会网站任务13：完善首页功能1 .定义菜单数组2 .页面加我时根据菜单数组添加顶部导航元素.3 .完成首页导航菜单项鼠标悬停事件，悬停显示图片介绍4任务14：制作班徼名册页面功能1 .初始化班级学生信息2 .编写显示学生信息和姓名列表的方法3 .为tab标签第NHD绑定点击事件：点击显示第N排学生姓名列表4 .为学生信息元素绑定点击事件I点击查看学生详情4任务3；制作口程表页面1 .设置表格颜色隔行变色，取标悬停变色2 .标牌元素绑定点击事件：点击折要或展开4任务册完善在战国宫页面1 .编写通用清空去单函数(fo11t.js)2 .泥叮通用验证非空、眦件格式函数(Ibrmjs)3 .编写通用3金证表电函数(fo11n.js)4 .实现清空按钮功能.5 .在农单提交前添加验证表单功能4五、教学设计学习情境一IJaVaSCriPt程序设计技术储备项目名称I“同学会”网站学时，8教学目标1 .掌握JaVaSCriP核心语,法2 .掌握JaVaSCriPt表达式与运算符3 .掌握JaVaSCriPt流程控制语句4 .掌握JaVaSCriPt自定义函数5 .掌握JaVaSCriPt系统函数6 .掌握JaVaSCriPt事件教学点1 .掌握JaVaSCriPt核心语法2 .掌握JUVaSCriP1.流程控制语句3 .掌握JaVaSCriPt事件学习难点1 .掌握JaVaSeriPt自定义函数2 .掌握JaVaSCriPt事件子任务主要教学内容任务1：技术储备一JavaScript基本语法1 .掌握三种JavaScript脚本书写位置：2 .掌握JaVaSCriPt数据类型，定义变量、书写注释3 .掌握算术、比较和逻辑运算符的使用4 .掌握顺序、条件和循环结构的使用,使用SWitCh结构判断当前是否为工作日项目任务：无任务2：技术佛备一JavaScript函数与M件1.掌握自定义函数的定义、参数、返回值，掌握使用匿名函数：2 .掌握系统函数：parse1.nt()»ParSeFIOat0、isNaN(),eva1.()3 .掌握使用内联和脚本模式绑定事件4 .掌握基本的鼠标、页面、键盘和表单事件项目任务：无教学方法建议任务聊动方式组织教学内容，采用理实一体化教学方式，学生按照任务进行实操并进行自我评价以及小组互评，老师按照每个小组的完成情况对小组进行评分并总结。备注学习情境二：使用Doii进行文档和节点操作项目名称：“同学会”网站学时：16教学目标1 .理解浏览器对象模型：2 .掌握window,history,1.ocation,screen,navigator对象使用;3 .理解文档对象模型；4 .掌握document对象使用5 .掌握节点对象使用6 .掌握如何获取节点对象7 .掌握获取和设置节点内容8 .掌握获取和设置节点样式9 .掌握动态添加和删除节点教学点1.理解文档对象模型：2 .掌握document对象使用：3 .掌握节点对象使用;4 .掌握如何获取节点对象5 .掌握获取和设世节点内容6 .掌握获取和设置节点样式学习难点1 .掌握window,history,1.ocation,screen,navigator对象使用;2 .掌握动态添加和删除节点：子任务主要教学内容任务3:使用BoM操作浏览潘对改1 .理解浏览器对象模型：2 .使用*ndow对象操作弹出框和窗口3 .使用history对象实现页面的跳转1.使用1.ocution对象获得页面地