《前端设计与开发》课程教学大纲

ADDINCNKISM.UserStyle《前端设计与开发》课程教学大纲（理论课程）一、课程基本信息课程号3023D06025开课单位国际学院课程名称前端设计与开发Front-endDesignandDevelopment课程性质选修考核类型考试课程学分3课程学时34周课程类别学科拓展课（学科基础课）适用专业（类）软件工程二、课程描述及目标（一）课程简介《前端设计与开发》是软件工程专业拓展就业创业方向课，是面向软件系统前端的一门实践性很强的课程，主要讲授h5基础和vue框架的基本技术。其中vue框架是当前比较流行的框架之一，要想掌握这种框架，必须要一定的前端基础。本课程通过讲授html，js，css基础，使得学生能够理解和掌握vue框架，灵活运用课堂所学知识实现自己的前端系统。（二）教学目标通过本课程讲授，使得学生能够熟练使用h5，css和js。熟练运用vue实现前端系统。掌握Vue组件的属性和方法，Vue组件的高级用法，如何处理用户交互，利用Vue进行响应式编程。通过本课程的学习，使学生达到如下目标：课程目标1：掌握vue架构、使用方法，掌握vue编程。课程目标2：培养学生的终身学习能力、创新意识和创新能力以及职业和专业素养。课程目标3：掌握文献检索的方法，并能够进行文献分析，提高分析问题，解决问题的能力并提高实际动手能力。课程目标4：能够编写有一定规模的应用程序，养成良好的编程习惯，会使用重构、设计模式、单元测试等方式提高代码的质量。三、课程目标对毕业要求的支撑关系毕业要求指标点课程目标1-1：vue基础理论知识；1-2vue实战能力课程目标12-1：求学能力；2-5：创新能力；3-2：创新意识；3-3：职业素养；3-4：专业素养。课程目标22-3：信息获取能力。课程目标32-2：工程实践能力；2-6：组织协调能力；3-4：专业素养课程目标4四、教学方式与方法采用理论与实践相结合的教学方法，以及案例驱动的教学方式。在理论课的指导下，通过完成一个个实验，验证阶段性的任务和目标完成情况，引导学生掌握理论课讲授的知识，使学生能运用所学理论知识进行vue前端编程，完成简单的单页面设计和实现，培养其规范的编程习惯，掌握基本的操作技能和编程思想。五、教学重点与难点（一）教学重点Vue组件和响应式编程思想。（二）教学难点Vue路由和状态管理六、教学内容、基本要求与学时分配序号教学内容基本要求学时教学方式对应课程目标1Html练习html各个元素使用2讲授课程目标12Css练习css各种选择器使用2讲授课程目标13Js练习js的基本语法4讲授课程目标14Vue模板应用掌握模板基础，理解模板渲染原理2演示课程目标15Vue组件的属性和方法掌握属性与方法基础，学习计算属性和侦听器的使用，以及常见的各种绑定和双向绑定。2演示课程目标1课程目标26处理用户交互掌握事件的监听方法，以及vue事件的类型2演示课程目标1课程目标27组件基础和高级应用掌握组件中的数据与事件的传递，自定义组件的方法，以及组件的高级用法。4演示课程目标1课程目标28Vue响应式编程理解响应式编程的原理及在Vue中的应用2演示课程目标1课程目标29ElementPlus掌握vue的UI库的使用2讲授课程目标1课程目标2课程目标310vue-axios的应用掌握网络框架的使用2演示课程目标1课程目标2课程目标311Vue路由管理学习vue路由的使用2讲授课程目标1课程目标2课程目标312Vue状态管理掌握vue状态管理框架vuex2讲授课程目标1课程目标2课程目标313Vue综合实例掌握vue单页面框架的基本开发流程。6讲授课程目标1课程目标2课程目标3课程目标4合计34七、学业评价和课程考核（一）考核类型：考试eq\o\ac(□,√)考查（二）考核方式：eq\o\ac(□,√)实验报告实验作品其它：（填写具体考核方式）（三）成绩评定：考核依据建议分值（百分比）考核/评价细则对应课程目标过程考核50%课堂表现20是否旷课，迟到，早退。课堂积极性等课程目标2作业20作业是否及时上交、完整，对基本概念的理解是否正确，对开发环境和工具的应用是否熟练。课程目标1课程目标2课程目标3课程目标4课堂练习20当堂课重点知识的理解掌握情况，程序编写能力。课程目标1课程目标2课程目标3知识复习20对学过的知识进行总结（形式包括提交文件，思维导图，知识点总结等）课程目标1课程目标2测试20对程序编写进行测试课程目标1课程目标3课程目标4期末考核50%课程目标1课程目标2课程目标4八、课程目标达成评价课程目标的实际达成效果计算方式如下，达成值越高，教学效果越好。课程目标达成度毕业要求指标点达成度九、教材与教学参考书（一）教材《