《前端框架技术》教学大纲.docx

前端框架技术教学大纲适用范202X版本科人才培养方案涕程代码：08150711课程性质：专业选修深学分：4学分学时：N学时（理论48学时,实骏16学时）先修课程：跨平台脚本开发技术后接课程：移动应用开发新技术适用专业：软件工程开课单位：计算机科学与技术学院一、课程说明另前端框架技术是软件工程学生的TJ专业技术选修课，涉及网页设计、CSS样式、JavaScript,面向对象程序设计，响应式、前那常用框架簪内容，通过本课程的学习，学生能膨了解WCb前端开发中，使用面向对.软编程思怛进行代码封装的基本方法与基本思路：在此基附上学习目前较为流行的.优秀的前端框架Vue.js,并且通过这些框架的学习和使用.培养学生运用新技术,斛决web前掂开发的标合能力.本课程注重代码基本理论知识的学习和实操能力的培养,强调培养运用理论知识和实践能力解决软件开发过程中实际何卷的能力，兼顾Web开发新技术、新框架及其发展曲势的介绍，培养''原班础、宽口径、施素质、强能力”的人才.二、课程目标通过本课程的学习,使学生达到如下目标：课程目标1：掌握前端开发常用的框架技术，能够运用合适的前端框架进行项目的设计、开发与测试.课程目标2：掌握JaVaSeri3和Vuejs框架的票本知识、JS为象与集合、DoM框架、Vue.js框架葩础知识、犷件处理、表单绑定、结构演或、殂件等知识：会运用JS和Vuejs框架设计的Wcb交互程序，从而提高程序的交互性和体脸性.课程目标3：理解前掂框架技术有关的行业标准、常用框架以及相关知识产权、行业政策等：培养学生使用马克思主义的世界观和方法论认识、分析和综合解决问他的能力：让学牛.在学好专业知识的同时坚定理想信念，不断增强科技强国的使命感和或任感。三、课程目标与毕业要求4跻平台脚本开发技术课程教学目标对软件工程专业毕业要求的支掠见衣I,表1课程教学目标与毕业要求关系毕业要求指标点课程目标支撑3.设计/开发解决方案3.3能够在社会、健康、安全、法律、文化等现实约束下，对设计方案的可行性进行研究，并对其进行优选和改进，体现创新意识.课程目标1：掌握前端开发常用的框架技术，能够运用合适的前端框架进行项目的设计、开发与测试，M5.使用现代工具5.3能终使用现代工程工具时更杂软件工程问题和设计方案进行预测与模拟，理解其周限性。课程目标2：掌树JaVaSCriP1.和Vuc.js的基本应用、DOM与BOM联件处理机制、会运用JS和Vue.js框柒设计跨平台的Web交互程序，最终达到钻练使用JavaScript技术和Vue.js框架来制作项目，从而提高网页交互性和体验性.H6.工程与社会6.2能终分析软件工程与社会各因素之间的关系.合理评价复杂工程同即对社会、健康、安全、法律以及文化的影响，并理解应承担的责任。课程目标3：理斛前战框架技术有关的行业标准、整用框架以及相关知识产权、行业政策管：培养学生使用马克思主义的世界观和方法论认识、分析和探合解袂问题的能力;让学生在学好专业知识的同时坐定理想信念，不断增强科技强国的使命尊和费任感.M注：表中*H（MXM（中）”表示修程与相关毕业要求的关联度.四、教学内容,基本要求与学时分配1.理论部分理论部分的教学内容、基本要求与学时分配见表2。教学内容教学要求，饮学工点底点理论学时实验（±机）学时对应的课程目标1.JavaScript雷若与函效1.1JaVaSCriP1.语言基础1. 2JaYaSCriPt.运程序控制语句1.3 程序控制语句1.4 对象与集合1.5 类与原型鞋1.6 IX）X框架教学要求;使学生掌握JavaScript的基础语法、变量定义,理解运算符表达式、函数的定义与调用、数组的使用.点：运算符JaYaSCriPt函数、运券符优先级、对象与集合、类与原型链、DOM对象操作。魔点，JavaScrip1.框架封装、DOM对象操作121、2、32Vue开发基Ie校学要求I使学生了解VUG.js的基本语1241、2、31.1 1YUe是什么、开发模式概述1.2 基本语法1.3 条件判断与列表2.4计算M性与侦听器2.5样式绑定法知识、开发模式，掌握YUe的祭础特性,引入方式,掌握条件判断与列表消柒'样式的绑定。值点，条件判断与列表演染.难点，列友渲染、样式绑定.3.Vue深入应用3.1Vue处理小件3.2Vue表单绑定3.3Vue组件3.4Vue动Ci被学襄求：使学生了解YUe框架的深入应用；掌握Vue4件监听的原理与应JIJ；常梅Vue表单绑定方法：了斛Vuc框架组件以及动画的用法.点，YUe框架事件处理、表单绑定难点:YUC组件1241、2、3£Vue综合应用4. 1常用插件1.2单页Web应用4.3状态管理4.4琮合案例假”求，使学生了解VUe框架的精件弓I入和开发的方法：常提路由管理插件的使用方法：会综合运用YUe框架知识和事件进行项目的开发。ftjfttYUC-rou1.er实现路由。雅点IYU1.,综合案例121、2,3合计-18162.实验（上机）部分实验（上机）部分的教学内容'基本要求与学时分配见表3。衰3实验（上机）项目、实验（Jt机）内容与学时实险（±机）项目实改（±机）内容和要求实险（上机）学时对应的课程目标I.制作动态表格-学生信息登记表实3（上机）内容，设计动态表格一学生信息登记表.实验（上机）要求：掌握JavaSCriPtDON件的概念，会根据不同的事件采用不同的处理方法.41、22.创建动态表单一学中.成绩登记表实验（上机）内容：利用YUe框架创建动态表单一学生成绩登记表。实龄（上机）要求，掌握VUC框架的基本使用方法，公根据需求不同的我用不同的处理方法.4k23.制作啕物车实验（上机）内容I利用VUC框架制作个购物车熨面.实"（上机）要求，掌握VUC框架处理事件、表单绑定、调用方法、DOM操作等.424.制作滴答清单-我的恃办小程序实验（上机）内容I利用VUe框架综合知识，制作-个待办事项程序.实设（上机）要求：掌握YUe框架的多种控制方法:会综合运用VUC框架迸行实际项目的开发.42it-16五、教学方法及手段本课程以课堂讲授为主,结合讨论、案例、视频资源共享、作业、实验等教学手段完成课程教学任务和相关能力的培养。学生能够比较全面地理解JavaScript语法知识和Vuejs«1架的葩本概会和使用方法，在掌握相关知识方法的恭础上，具有跨平台脚本设计的初步能力，在上机实验教学环节中，通过启发式教学、讨论式教学培养学生拘理论知识转化为动手能力的基本技能,同时培养学生自主学习能力、实际动手能力,激发学生的创新思维.在上机实验教学环节中,若理讲授如何用科学的手段来完成理论知识应用于实践的方法:如何组织实验、端疗代码和分析实脸现象：介绍VucJs框架开发的原理、构造和使用及实验内容的思路和方案设计等“采用教师讲授和学生动手操作的方法：在实脸前学生应发习和常握与本实验有关的教学内容、认直阅读相关资料：在实蛤中要严格遵守实验纪律，按操作规程使用计算机设备：实验结束后，按规定拘计算机关机：每完成一项实验,要认真完成一份实脆报告.六、课程资源1 .推荐教材：(DiawUaVaSCriP1.+VueJsWeb开发案例教程IM1.北京：人民郃电出版社.2022.06.(2)储久I1.VueJs前端框架技术与实战(微裸视频版)M.北京：清华大学出版社.2022.01.2 .参考书：(1)霍春阳.VucJs设计与实现M.北京：清华大学出版社,2015.09.(2)孙卫导.精通Ve.js:Web前端开发技术详解(微课视频版)M1.北京：清华大学出版社.2022.05.(3)张益理.循序渐进Vuejs3前端开发实战M北京：清华大学出版社,2022.01.(4)师晓利.Vgjs前湍开发实战M.北京：人民邮电出版社,2020.07.3期刊：(11金根.Web前端AIvC框架的意义与前端发展方向展望J.电腑知识与技术.2016.(3):75-77.(2)侯海平.基于JQUe寸前端框架提升Web用户体验的研究IJ1.科教文汇.20136:96-97.(3)吴倩倩.移动躺应用程序前端开发框架研究J1.数码世界、2020,(4):36.(4严存燕,戴仕明.基于框架的WCb前端(BgtStraP和MUI)之比较J.网络安全技术与应/11.2017(4):83-84.(5) BorgcsHS.Va1.enteMT.FcrreiraF.On(he(un)adoptionofJavaScriptfromendfaeworksJ.Softwav:PracticeandExperience.2022.52(4):947-966.4.网络资源：(I)中国慕i果大学(2)网易云课堂,堂P:3udyJ63.conV(3) Web前玳框架学习一BOoIStr叩.h1.psjb1.og.CM1.n.nc,yuanxiangOI,a11ic1.c.''dc(ai1.s78537357七、课程考核对课程目标的支撑课程成绩由过程性考核成绩和期末考核成绩两部分构成，具体考核/评价细则及对课程目标的支掠关系见表4.衰4课程考核对谭程目标的支撑考核环节占比考核/WiMH则谭程目标123课堂表现16(1根据课堂出勤情况和潺堂仲1答问时情况进行考核，湎分100分，(2)以平时考核成绩乘以其在总评成绩中所占的比例计入课程总评成绩。J664实验10(1)根据好个实骁的实验操作完成情况和实验报告侦量单独评分，满分IeIO分：(2)每次实验单独评分.取各次实验成绩的平均值作为此环节的最终成绩.(3以实聆成绩乘以我在总评成绩中所占的比例计入课程总评成绩，55作业14(1主要考核学生对各章节知识点的及习、埋解和军握程度，满分100分：(2)每次作业单独评分，取各次成领的平均值作为此环节的最终成绩。(3)以作业成绩乘以其在总评成绩中所占的比例计入课程总评成绩.554期末考核60(1)期末考核大作业成绩100分，以卷面成绩乘以其在总评成绩中所占的比例计入课程总评成绩.(2)主要考核JavaScript基础知识、DOM操作、VUajS框架基木知识、框架泣案、表单绑定等，(3)考试型为:综合项目制作，252510合计：K)O分414118八'考核与成绩评定1 .考核方式及成绩评定考核方式：本课程主要以课堂表现、实验、作业、期末大作业等方式对学生进行考核评价，考核基本要求：考核总成绩由期末大作业成绩和过程性考核成绩组成.其中：期末大作业成绩为100分(权重60%),试胞类型为综合项目制作，其中包含对基本知识、基本理论、基本技能、标合应用趣、分析题等知识的考核重点考核粽合应用能力：课堂表现、实验、作业等过程性评价成绩为100分(权重40%).过程性考核和考试试SS分值分配应与教学大纲各章节的学时基本成比例