《前端开发框架技术》课程教学大纲

《《前端开发框架技术》课程教学大纲》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、《前端开发框架技术》课程教学大纲一、课程基本信息课程名称前端开发框架技术课程类别□通识必修□通识选修□专业必修■方向必修□任意选修□创业必修□创业选修课程性质■理论+实践□理论□实践执行学期考核方式■考试□考查总学分总学时理论学时实践学时开课单位适用专业仿向）先修课程网页设计、JavaScript教学环境理论：■一体化机房□多媒体教室□讨论课教室实践：□一体化机房■实验机房二、课程简介本课程是面向软件工程专业开设的一门专业必修课，涉及网页设计、CSS样式'JavaScript、面向对象程序设计，响应式、前端常用框

2、架等内容，通过本课程的学习，学生能够了解web前端开发屮，使用面向对彖编程思想进行代码封装的基本方法与基本思路；在此基础上学习目前较为流行的、优秀的前端框架，比如jQuery,Angular.js和Vue.js；并且通过这些框架的学习和使用，培养学生运用新技术，解决web前端开发的综合能力。本课程是在《网页设计》、JavaScript》、《面向对彖程序设计》的基础上开设的课程，为后继课程《混合式开发技术》等课程奠定理论和实践的基础。三、课程教学内容对指标点的支撑（1）理论教学安排序号知识模块支持毕业要求的细化指标

3、教学内容学时分配学生任务1JavaScript面向对象编程1.▲掌握js语言面向对象编程的特点2.★掌握js对象与构造函数3.★掌握js原型与原型链4.理解js继承1.js语言面向对象编程的特点2.js对象与构造函数3.js原型与原型链4.js继承21.掌握课上基本内容2.使用面向对彖的思想，封装一个自己的AJAX库2框架封装1.▲理解框架封装的原理2.★▲掌握封装自己的框架1•框架封装的原理2.封装自己的框架41.封装自己的动1田i框架2.封装自己的属性框架3.封装自己的DOM序号知识模块支持毕业要求的细化指标

4、教学内容学时分配学生任务框架3jQuery高级1.▲理解jQuery框架分析2.★掌握jQuery常用api3.★▲掌握jsonp4.掌握常用webapi5.★掌握art-template1.jQuery框架分析2.jQuery常用api3.jsonp4.常用webapi5.art-template6完成通过访问聚合数据epi,制作菜谱案例常见前段框架概述1.理解传统框架与新兴框架的差别1•常见的前段框架介绍2.新型前端框架与传统框架的差别简介2下载，安装，测试课堂所提到的常见框架包4Vue.js框架概述1.理解

5、Vue.js是什么2.▲理解MVVM模式3.★常握如何使用Vue.js4.理解Vue.js的开发模式1.Vue.js是什么2.如何使用Vue.js3.Vue.js的开发模式2使用Vue.js开发自己的第一个前端程序helloworld5Vue.js基本用法1.★常握Vue.js的基本语法2.★▲掌握Vue.js的基本框架用法3.★了解Vue.js常见组件及其用法1.Vue基本语法2.Vue常用系统指令3.数据绑定4.过滤器5.生命周期6.路由7.过渡效果8.组件101.掌握课堂内容，独立完成课堂演示demo2•开

6、始策划和分析商城案例6Angular框架概述1.了解其他常见框架2.了解Angular框架优势3.★了解Angular基本用法1.Angular基本介绍2.Angular与Vue等其他框架的区别3.Angular基本用法2无7综合项目分析1.★掌握综合使用前端框架技术开发实际项目的基本方法和基本原则2.理解模块划分原则3.常握前端和后端完全独立的开发模式1.综合项目分析4独立完成美食食谱案例的开发注：★表示重点内容，▲表示难点内容（2）实践教学安排序号项目名称学时项目每组分配类型人数支持毕业要求的细化指标序号项目

7、名称支持毕业要求的细化指标学时分配项目类型驚学生任务1天气查询11.掌握VSCode开发工具2.掌握原生AJAX技术3.掌握原生jso叩跨域请求4.掌握封装框架的基木原理4验证11.封装自己的框架2.完成天气查询项02天气查询21.掌握jQuery基本用法2.掌握jQuery下的jso叩跨域请求3.掌握art-template用法4验证11.使用jQuery和art-template改造天气查询3美食菜谱4.掌握正确的代码书写风格5.掌握vue.js基本用法6.掌握使用互联网查询技术文档的能力7.掌握使用常见互联

8、网平台提供的api数据服务8.掌握前端和后端完全独立的开发模式9.理解模块划分原则10.了解团队开发模式8设计3-41•设计美食菜谱UI2.设计美食菜谱3.任务划分注：项Fl类型可以是验证型、设计型、综合型四、课程考核表1课程考核细则考核环节考核要求分值比例（％）分项总评考勤每次上课班长点名，旷课1节20分，无故旷课5节以上取消考试资格100%10%实践考核项目1天气査询