《Web前端框架应用》课程标准.docxVIP

《Web前端框架应用》课程标准 课程学习目标 掌握Vue的基本概念以及优势、Vue开发环境的搭建、Vue实例对象、内置指令、组件、事件、生命周期、全局API以及实例属性、过渡动画、路由、状态管理等知识；能根据具体项目要求，使用vue-cli脚手架工具快速搭建项目，实现网页或app页面的设计。具有分析和解决实际问题的能力，养成良好的编程习惯，为以后从事专业化的web前端开发工作奠定基础。 教学目标 课程对应的专业核心能力 专业核心能力比例 课程对应的专业核心能力指标 教学目标 RJA专业能力：熟练运用从事软件编码、软件测试、软件实施与维护等活动所需的知识、技能和工具。具备爱岗敬业的劳动态度。 50% RJA2：掌握Web前端开发的知识、技能和工具，能够熟练应用于前端开发等专业活动，爱岗敬业，乐于奉献； AOB1：掌握Visual Studio Code工具安装及使用；熟练使用该工具创建、能耐心细致编写代码设计简单网页。 AOB2：掌握Vue基础模板语法、单向和双向数据绑定、样式绑定、常用指令以及自定义指令、计算选项、状态监听、过滤器等；能爱岗敬业，乐于奉献的进行页面设计；编程规范、设计出有爱国情怀的作品。 AOB3：掌握表单、事件等控制网页数据的动态展示，能实现页面表单验证设计；爱岗敬业，乐于奉献；编程规范、设计出有爱国情怀的作品。 AOB5：掌握Vue项目开发环境搭建、常用布局组件、插件使用，并能够在此基础上快速进行网页设计，爱岗敬业，求真务实的劳动态度；编程规范、设计出有爱国情怀的作品。 RJB问题解决：能够识别、分析、解决软件编码、软件测试、软件实施与维护等活动中的常见技术问题。具备勇于探索、精益求精的工匠精神。 30% RJB1：能够运用Web前端框架开发技术和相关知识，对开发过程中出现的常见问题进行识别、分析和解决，勇于探索，精益求精； BOB1：能够运用Vue组件设计页面，并能解决设计网页实现过程中出现的问题，勇于探索，精益求精。 BOB2：能够使用Vue插件设计页面，并能解决网页或app项目实现过程中出现的问题；勇于探索，精益求精。逐步掌握分析前端框架问题的能力及解决问题的能力。 BOB3：能够搭建Vue的开发环境，使用Vue-cli快速建立项目、能够解决运用webpack打包项目及发布项目等遇到的问题；勇于探索，精益求精。 BOB4: 能够快速根据关键字快速获得未知领域的信息，有一定的筛选能力；并用于解决快速页面设计遇到的问题；勇于探索，精益求精。有快速学习能力，未知领域知识获取应用能力。 RJC信息素养：熟练运用现代信息技术及工具，获取、处理和使用信息。遵守网络伦理道德。 RJE终身学习：具备终身学习意识和自主学习能力。 20% RJC2：能够运用现代信息技术及工具查阅专业文献、获取专业知识，并将其运用于工程实践中，遵守网络空间安全法规和制度； RJE1：能够认识不断探索和学习的必要性，具有自主学习和终身学习的意识； EOB1:掌握使用有哪些信誉好的足球投注网站引擎、论坛、帮助文档、课外书籍等方法解决学习中出现的问题，遵纪守法，按规行事，遵守网络空间安全法规和制度； EOB2:能够主动阅读书后拓展知识并进行项目设计与实现。 学生遵守网络伦理道德，通过网络查询资料，完成项目开发；遵纪守法，按规行事，遵守网络空间安全法规和制度。 合计 100% 单元教学设计 单元 名称 对应的教学目标编号 教学内容 学时 教学方式 评价方式 理论 实践 1.基础部分 AOB1 课堂讲授： 1.Vue的核心设计思想 2.Vue开发环境搭建 3.Vue开发和调试工具的使用 4.Vue项目的创建 5.Vue数据绑定 6.Vue事件监听 7.组件定义与注册 8.生命周期钩子函数 演示与练习： 1.搭建Vue开发环境 2.HelloWorld案例 3.学生列表案例 课程平台讨论版： 安装、卸载VSCode、vue-devtools、webpack过程中出现的问题。 10 4 一体化教学 讲授 教师演示 学生练习 出勤+课堂表现+平台访问情况（20%） 课后作业（10%） 课程平台线上小测（20%） 阶段作品（50%） AOB2 BOB1 EOB1 EOB2 2.提高部分 AOB3 课堂讲授： 模板语法 数据绑定 样式绑定 计算 指令 组件 Vue常用API Render函数 Vue路由 Vuex状态管理 服务器渲染 Element-UI 演示及练习： 插值语法、指令语法 单项数据绑定、双向数据绑定 绑定class 条件渲染、列表渲染 表单创建及其验证 组件通信 常见API使用 Render函数运用 课程平台讨论版： 运用Vue开发基础知识解决实际问题 10 4 一体化教学 讲授 教师演示 学生练习 出勤+课堂表现+平台访问情况（20%） 课后作业（10%）