1、GavascriptfejQuery程序设计课程标准一、课程基本信息表1课程信息表课程名称JavascriptftjQuery程序设计授课单位工程科技学院课程编码1019350课程类别（模块）职业核心技术模块前导课程Web前端开发后续课程网站开发与管理总学时64课程类型理论课是口总学分4实践课是口考核性质考试理论+实践是口理实一体化是/适用专业计算机应用表2课程标准开发团队名单序号姓名工作单位职称/职务注I指参与课程标准制定的主要成员，包括校外专家二、课程定位和课程设计（一）课程性质与作用本课程是计算机应用技术专业的职业核心技术模块课程之一，是基于工作过程系统化的课程，是一门实践性和应用性都很
2、强的课程。为计算机应用技术专业学生将来从事职场的Web前端开发岗位的发展打下良好基础，并为该专业后续网站开发与管理的学习打下网页前端设计基础。（二）课程基本理念本课程的设计“以能力为本位、以职业实践为主线、以项目引导，以就业为导向”，打破了传统的按照知识体系教授课程的模式，以学生日后在从事Web前端开发行业中所需的实际技能为目标，进行基于工作项目和工作任务的课程开发与设计，既保证满足从事网站前端开发所必须的专业知识、专业技能，又保持原有知识体系的完整性，既培养了学生的职业能力，同时也为学生的可持续发展奠定了基础。(三)课程设计思路本课程是以“基于工作过程”为指导，通过对Web前端开发所涉及到的
3、岗位群进行工作任务和职业能力分析，以项目引导，以就业为导向，以培养学生的职业技能为目标、以学生为主体、以项目为载体，将知识、理论和实践一体化的课程设计思路。在宏观教学设计上突破以知识点的层次递进为体系的传统模式，而是将职业工作过程系统化，以工作过程为参照系，按照工作过程来序化知识，培养学生规范、高效率、高质量地应用能力，使学生既学习岗位知识又培养学生职业素质，锻炼学生的方法能力与社会能力。每个项目的学习以“做”为中心，教和学都围绕着做，在做中学，在学中做，做到“教、学、做”一体化，达到理论与实践的统一，同时注重培养学生的自主学习能力和职业素养的提升。本课程思政内容及单元的知识、技能按照相应的专
4、项能力在实际职业工作中出现的频度、内容的难度和要求掌握的程度进行排序，如下所示：课程思政内容：1 .信息社会责任；2 .树立正确的技能观；3 .软件工匠精神培养。三、课程目标本着以项目引导，以就业为导向，以培养学生的职业技能为目标、以学生为主体、以项目为载体，将知识、理论和实践一体化的课程设计思路。根据1+X认证Web前端开发的职业技能等级认证标准，确定本课程的知识目标、能力目标和素质目标。(一)工作任务目标(1)掌握Web知识，掌握HTML常用标签的语法及使用。(2)掌握CSS语法，CSS盒模型。(3)掌握JavaScript本语法和常见的验证和特效代码的编写。(4)掌握编写jQuery代码
5、增加以网页交互效果。(二)职业能力目标(1)能够熟练使用前端设计软件进行网页制作。(2)能够熟练使用DIV+CSS进行网页布局。（3）具有设计与制作CSS网页特效的能力。（4）能够建立“内容”与“表现”相分离的网页。（5）能够使用CSS和脚本语言实现网页交互效果。（三）素质目标1.职业态度和素质要求（1）培养学生良好的心理品质和职业道德素养；（2）提升学生对社会主义核心价值观的领悟程度；（3）培养学生具有良好的沟通能力、团队协作能力；（4）培养学生具有出色的执行能力和组织能力；（5）培养学生具有自主学习能力和知识应用能力；（6）培养学生能够严守商业秘密的个人品质；（7）培养学生具有一定的知识创
6、新能力。2 .思政育人目标（1）将习近平新时代中国特色社会理论、社会主义核心价值观和中华优秀传统文化教育内容融入到本课程的教学要求中，注重“术道结合”；（2）培养学生高度的信息社会责任感。在现实世界和虚拟空间中都能遵守相关法律法规，信守信息社会的道德与伦理准则；具备较强的信息安全意识与防护能力，能有效维护信息活动中个人、他人的合法权益和公共信息安全；关注信息技术创新所带来的社会问题，对信息技术创新所产生的新观念和新事物，能从社会发展、职业发展的视角进行理性的判断和负责的行动。（3）借鉴国内成功实践案例的优秀经验，剖析本行业领军人物的奋斗故事，激发学生对社会主义核心价值观的认同感，培养学生诚实、
7、守信、坚忍不拔的性格，提高学生在沟通表达、自我学习和团队协作方面的能力；（4）树立正确的技能观，努力提高自己的技能，为社会和人民造福，绝不利用自己的技能去从事危害公众利益的活动，包括构造虚假信息和不良内容、黑客行为和攻击网站等，提倡健康的网络道德准则和交流活动，鼓励学生利用自己的所学的专业知识，积极参与社会科学普及活和应用推广活动；（5）培养学生的软件工匠精神，在潜移默化中培育社会主义核心价值观，提高综合职业素养，树立社会主义职业精神。3 .项目/任务的思政目标(1)项目任务1：培养学生勤于思考、善于合作、乐于尝试的品质。(2)项目1/任务2：树立正确的技能观，努力提高自己的技能，为社会和人民
8、造福;加深学生对专业知识技能学习的认可度与专注度。(3)项目1/任务3：通过JaVaSCriPt事件实现交互效果，引导学生理解团队协作的重要性，加深学生对专业知识技能学习的认可度与专注度(19)项目2/任务1：通过jQuery知识的介绍，引导学生树立化繁为简的意识，培养学生的效率意识。(20)项目2/任务2：以建党100周年活动为素材主题制作网页特效，激发学生的爱国热情，同时提高学生在沟通表达、自我学习和团队协作方面的能力；培养学生理解思考问题的周详性，学会未雨绸缪的前瞻性，培养不拖沓的性格。(21)项目2/任务3：培养学生开展自主学习、协同工作、知识分享与创新创业实践，形成可持续发展能力；培
9、养学生使用网络共享信息，实现信息的更大价值的能力。四、课程内容与要求高职院校主要以培养高技能人才为办学定位思想，结合我校具体情况，以现代职教理念为指导，以培养应用型人才为目标，通过采用项目教学法，通过六个项目渐进式教学，培养学生扎实、系统的web前台页面开发能力。最终培养的人才应该具有扎实的基本功,一定的相关专业知识，较强的应用和开发能力，较高的职业素养，以及获取知识的能力，独立思考的能力和创新能力。基于项目的实施工程，进行项目的任务分解，为每个项目确定技能点与知识点。表1课程教学内容、地点、学时安排总表序号项目任务学习成果授课地点授课教师学时/实践学时5项目1JavaScript程序设计任务
10、1JaVaSCriPt语法基础作品机房宋丽萍20/10任务2JaVaSCriPt对象模型机房宋丽萍10/5任务3JaVaSCriPt事件处理机房宋丽萍4/26项目2轻量级框架应用任务1jQuery基础作品机房宋丽萍16/8任务2JQuery效果机房宋丽萍12/6任务3jQueryAJAX机房宋丽萍2/1合计64/32注：学时设置应与2021版人才培养方案保持一致。表2教学内容与教学实施安排表项目一：JaVaSCriPt程序设计任务1JavaScript语法基础课时:20知识目标技能目标素养目标1 .掌握JavaScript的基本语法；2 .掌握JavaScript的流程控制；3 .掌握Java
11、Script的内置对象；L能够正确使用JavaScript语法编写简单的网页特效2.能够掌握javascript中内置对象的使用培养学生勤于思考、善于合作、乐于尝试的品质。教学重点难点重点：变量的声明方法、数据类型、流程控制语句难点：JavaScript的内置对象；教学方法任务驱动式自主探究式备注任务2JavaScript对象模型课时：10知识目标技能目标素养目标1 .掌握JavaScript的DOM对象;2 .掌握JavaScript的DOM操作；3 .掌握JavaScript的BOM对象及操作；1 .能够使用javascript的DOM对象及操作获取元素，进行节点的添加删除等操作；2 .能
12、够使用JavaScript语法编写简单的网页特效。树立正确的技能观，努力提高自己的技能，为社会和人民造福；加深学生对专业知识技能学习的认可度与专注度。教学重点难点重点：JavaScript的DOM对象；难点：JavaScript的DOM操作教学方法任务驱动式自主探究式备注任务3JavaScript事件处理课时：4知识目标技能目标素养l三l标1 .掌握JavaScript事件处理，包括窗口事件、鼠标事件、键盘事件等。2 .掌握JavaScript事件冒泡与捕获能够使用JavaScript程序编写网页特效。通过JavaScript事件实现交互效果，引导学生理解团队协作的重要性，加深学生对专业知识技
13、能学习的认可度与专注度。教学重点难点重点：JaVaSCriPt事件处理难点：JaVaSCriPt事件冒泡与捕获教学方法任务驱动式自主探究式备注项目六轻量级框架应用任务1jQuery基础课时：16知识目标技能目标素养目标1 .了解jQuery基本概念；2 .掌握如何配置JQuery编程环境；3 .了解并掌握jQuery选择器；4 .掌握jQuery中的DOM操作；5 .掌握jQuery中的事件能够利用JQuery中的DOM操作实现元素的查找、创建、插入、删除等操作。通过jQuery知识的介绍，引导学生树立化繁为简的意识，培养学生的效率意识。教学重点难点重点：jQuery选择器、jQuer中的DO
14、M操作；难点：jQuery中的事件教学方法任务驱动自主探究备注任务2jQuery效果课时：12知识目标技能目标素养目标1.了解并掌握jQuery的标签操作；能够使用jQuesy编写淡入淡出动画、轮播图、以建党100周年活动为素材主题制作网页特效，激发学生的爱国热情，同时提2.了解并掌握jQuery动画的制作。选项卡等动画效果的制作。高学生在沟通表达、自我学习和团队协作方面的能力；培养学生理解思考问题的周详性，学会未雨绸缪的前瞻性，培养不拖沓的性格。教学重点难点重点：jQuery的标签操作难点：jQuery动画的制作。教学方法任务驱动自主探究备注任务8jQueryAJAX课时:2知识目标技能目标
15、素养目标1 .了解AJAX工作原理、原生写法及跨域的解决方式；2 .掌握JQuery中AJAX的多种语法形式，以及JSON和XML的数据格式能够使用AJAX实现网页的异步更新。培养学生开展自主学习、协同工作、知识分享与创新创业实践，形成可持续发展能力；培养学生使用网络共享信息，实现信息的更大价值的能力。教学重点难点重点：AJAX工作原理难点：JQuery中AJAX的多种语法形式教学方法任务驱动自主探究备注注：在“项目/任务设计”中，要增加课程思政的案例，课程思政元素的融入应不少于每门课程总学时的20%。五、课程实施（一）教材选用或编写1 .推荐教材Web前端开发（初级）工业和信息化教育与考试中
16、心主编中国工信出版集团2 .教学参考资料职教云平台的资源库课程资源3 .教材编写体例建议教材编写应遵循“适用、实用、够用”的原则1）适用:教材要以讲解HTML、CSS、javascript、jQuery技术为主,符合课程能力要求及本课程的培养目标；2）实用：教材应以真实项目为载体，按照实际开发过程组织编写内容，强调理论与实践结合的项目化教材，便于实现“理实一体”教学，符合高职学生培养要求。3）够用：教材应选择难度适宜，内容符合本课程标准要求的教材。（二）教学方法与手段建议教学方法：在本课程教学中，教学方法的选取应强调突出现代高等职业教育的特色,把现德育思想和课程的具体内容相结合，创造性的开展教
17、学，根据学情分析和教学内容特征，本课程选择采用项目教学法、任务驱动法、案例教学、项目实践等方式组织教学，学习活动组织体现讲练结合、自主学习、过程性考核等教学方法，引导学生积极思考，主动学习，乐于实践，提高学生的学习兴趣，培养学生分析问题和解决问题的综合能力。教学手段：选择采用网络教学平台实现混合式教学。（三）教学评价、考核要求本课程考核关注评价的多元性，实施过程考核和期末考核相结合的方式进行，同时引入激励加分方式进行考评，在考核方式中引入加分项，使学生加强自我认知，获得自我实现感，增强学习动力。总之，课程考核将坚持平时考核与期末考核相结合、单项考核与多元考核相结合的原则，既强调学生对实际技能的
18、掌握程度，也追求学生个体素质能力的培养。过程考核：主要考核学生学习态度和能力、参与度，解决实际问题的能力，对新技术的接受能力，与同学协作的能力，对应用环境的适应能力，使用信息技术的责任心和道德规范等方面的评价。主要从出勤、项目任务完成情况和阶段考核三个方面评价。期末考核：主要考核学生完成课程学习后的综合评价，以考核、展示、发布、交流等多种形式，通过设计创作作品，充分发挥学生的主动性和创造力，对学生运用Web前端开发设计前端页面的综合能力、创新精神和实践能力进行评价。学期教学评价二过程评价50%+期末考核50%考核方式过程考核（项目考核）50%期末考核50%出勤项目任务考核阶段考核20分50分30分100分考核由任课老师监督实由学生和任课老师每一模块结束后由教务处组织实施施共同实施完成任课老师进行综合考核实施考核标准出勤0.5分/次，旷课扣1分/次每个任务根据难易程度设置分值，共计50分。每一个大项目完成后进行一次综合考核。以实际制作的作品进行考核（四）课程资源开发与利用1.学习资料资源编写实践指导书2.信息化教学资源通过制作完善多媒体课件、操作视频、多媒体素材等进行网络课程的开发与利用。
