《Web前端框架开发》课程教学大纲.docxVIP

《Web前端框架开发》课程教学大纲 课程代码： 课程类型： ?通识必修课 ?通识选修课 ?学科基础课 ?专业基础必修课 ?专业方向课 ?专业任选课 ?独立设课实验 ?实习课 ?实训课 ?毕业设计（论文） ?课程设计 ?第二课堂课程 总学时：64 讲授学时：48 实践（实验）学时：16 学 分：5 适用对象： 先修课程：《HTML5+CSS3》、《JavaScript程序设计》 后续课程： 课程教学目标 本课程是网络工程专业web前端开发课程体系中核心的课程之一，学生对本课程内容的学习掌握程度对将来的进修有重要的影响，更是学生毕业后就业的主要技能支撑。 课程教学目标 1：了解 了解网站的基本结构，比如前端、后端、数据库。 了解网站搭建过程中涉及到的重要技术，比如HTML/CSS/javascript等 了解Vue.js产生背景、作用、发展前景。 课程教学目标 2：知识理解及掌握 理解Vue的基本概念以及优势、Vue开发环境搭建。 掌握Vue实例对象、内置指令、组件、事件、生命周期。 掌握Vue全局API以及实例属性。 掌握过渡动画、路由、状态管理、Vue Cli脚手架等。 课程教学目标 3：能力培养 编程能力——学生能够理解简单的小需求，经分析、设计后通过使用Vue.js编码实现的能力。 问题解决能力——培养学生发现问题、分析问题、定位问题和解决问题的能力。 课程教学目标 4：获得新知识的自学 引导学生根据网上及其他途径学习相关技术的习惯和能力。 在教学过程中，以企业需要为培养导向，同时夯实JavaScript和Vue.js的理论知识，为学生继续学习做好铺垫。 课程教学目标 5：沟通交流及团队合作 在平时的实验环节中，鼓励学生针对问题进行自由探讨，并以小组为单位开展小程序功能方面的设计及开发，锻炼学生的沟通及团队协作能力。 《web前端开发》课程目标对毕业要求的支撑关系 毕业要求 毕业要求分解指标点描述 课程教学目标对毕业要求的支撑关系 1.专业知识： 1.1通过本课程教学，引导学生养成关注技术发展动态，及时更新自身知识储备的意识。 课程教学目标1 1.2能够掌握javascrip和Vue基础语法，并综合运用各知识通过编程的方式解决问题。 课程教学目标2 2.分析、解决工程实际问题 2.1能够应用数学、自然科学和工程科学的基本原理，识别、表达、并通过文献研究分析复杂工程问题，以获得有效结论。 课程教学目标2 课程教学目标3 3.参与项目及工程管理 3.1能够针对复杂工程问题，开发、选择与使用恰当合理的技术、资源、现代工程工具和信息技术工具，并能够理解其局限性。 课程教学目标2 课程教学目标3 课程教学目标4 4.沟通、交流与团队协作能力 4.1能够在多学科背景下的团队中承担个体、团队成员以及负责人的角色。 课程教学目标3 课程教学目标4 课程教学目标5 5.综合能力、创造力及终身学习能力能力 5.1具有自主学习和终身学习的意识，有不断学习和适应发展的能力。 课程教学目标4 课程教学目标5 二、课程教学内容、教学要求、学时分配、教学方式以及支撑的课程目标 课程教学内容、教学要求、学时分配、教学模式或方法以及支撑的课程教学目标 序号 编号模块/章及（学时） 教学内容 教学要求 建议学时 教学模式或方法 支撑的课程教学目标 1 第1章 Visual Studio Code 编辑器 （2学时） 1.1下载及安装VSCode 1.2 VSCode的界面介绍 1.3 插件的获取及安装 1.4 前端开发常用插件 1.5 VSCode常用快捷操作 = 1 \* GB3 ①掌握Visual Studio Code 编辑器的使用 2 讲授与实践相接合 1,2,3,4 2 第2章 Vue项目开发中常用ES6语法 （4学时） 2.1JavaScript基本语法 2.2基本数据类型 内容包括：基本数据类型与常量（字面量、直接量）、变量、数据类型的转换、typeof操作符。 2.3运算符和表达式 2.4流程控制语句 内容包括：条件选择语句、循环语句。 2.5基础练习 2.6动手实践 ※△ = 1 \* GB3 ①掌握Vue项目开发中常用ES6语法 10 讲授与实践相接合 1,2,3,4 3 第3章 Vue入门 (4学时) 3.1　Vue框架的优点 3.2 Vue高效开发示例分析 3.3 Vue是如何实现数据驱动的 3.4 下载及安装Vue 3.5　使用Vue开发 3.6　Vue的调试工具 ※△ = 1 \* GB3 ①掌握Vue的核心设计思想 ※△ = 2 \* GB3 ②掌握Vue开发和调试工具的使用 4 讲授与实践相接合 1,2,3,4 4 第4章 Vue指令