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

ADDINCNKISM.UserStyle《前端设计与开发实验》课程教学大纲（实验课程）一、课程基本信息课程号3023D06026开课单位国际学院课程名称前端设计与开发实验Front-endDesignandDevelopmentLab课程性质选修考核类型考查课程学分1课程学时34周课程类别学科拓展课（学科基础课）适用专业（类）软件工程二、课程描述及目标（一）课程简介《前端设计与开发实验》是软件工程专业拓展就业创业方向课，是面向软件系统前端的一门实践性很强的课程，主要讲授h5基础和vue框架的基本技术。其中vue框架是当前比较流行的框架之一，要想掌握这种框架，必须要做一定实验环节。本课程通过上机实验，使得学生能够理解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路由和状态管理六、实验内容、基本要求与学时分配序号实验项目名称实验内容与要求学时类型对应课程目标1前端基础编写html，js，css8验证性课程目标1课程目标22Vue组件编写编写vue组件12演示性课程目标1课程目标33Vue高级应用ElementPlus使用，练习vue路由等高级功能的使用14设计性课程目标3课程目标4合计34七、学业评价和课程考核（一）考核类型：考试eq\o\ac(□,√)考查（二）考核方式：eq\o\ac(□,√)实验报告实验作品其它：（填写具体考核方式）（三）成绩评定：考核依据建议分值（百分比）考核/评价细则对应课程目标过程考核100%课堂表现20是否旷课，迟到，早退。实验积极性。课程目标2实验操作20实验内容操作正确性，上机操作认真，调试正确，善于提问。课程目标1课程目标2课程目标3课程目标4实验报告20是否及时上交实验报告，实验报告结构，内容，安排是否合理。课程目标1课程目标2课程目标3实验结果20实验结果是否正确，完善。课程目标1课程目标3实验记录20识别和解决程序的的错误和异常。运用调试工具和技术定位问题，并解决问题。课程目标1课程目标3课程目标4期末考核0%八、课程目标达成评价课程目标的实际达成效果计算方式如下，达成值越高，教学效果越好。课程目标达成度毕业要求指标点达成度九、教材与教学参考书（一）教材《循序渐进Vue.js3前端开发实战》，第