第一部分 课程大纲
一、培训简述
对目前的WEB项目来说,前端已经不只是简单的排版布局,前后端分离已经变得越来越流行,越来越多的项目开始向这个方向靠拢。在众多前端框架中,Vue凭借小巧的外表、优雅的代码结构和全新的MVVM理念,很快成为众多前端工程师追捧的新宠。
Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的单页应用提供驱动。
本课程以Vue开发框架为主体,融合了ES6、Vue、WebPack、Element等多个主流的开发框架,从实战的角度出发,介绍了不同的开发框架的原理、配置到高级应用,让这些框架真正在项目中应用起来。
二、培训特色
本课程通过培训使学习者达到如下目标:
1. 掌握组件化、模块化的开发方式
2. 掌握 MVVM 的开发思想
3. 掌握 Vue.js 框架的使用
4. 掌握 Vue-cli 脚手架搭建基本代码框架
5. 掌握 Vue-router 官方插件管理路由
6. 掌握 Axios Ajax通信
7. 能够独立使用 Vue 开发完整项目
8. 掌握 Vuex 的基本使用和原理
9. 掌握ElementUI及ElementAdmin框架。
三、培训对象
1.热爱互联网,追求极致互联网体验,想从事网页开发、Web前端开发的学员;
2.原从事IT后台开发,想完美转型全栈开发的工程师;
3.没有计算机基础,愿意从事IT开发,改变生活现状,改变命运的学员;
4.开发人员转型移动开发的学员。
四、培训时长
本次培训为期2天,6小时/天,共12小时
五、课程大纲
时间 |
内容 |
备注 |
第一天
上午 |
ES6 |
- ES6介绍
- ES6新特性
- Let、Const
- 箭头函数
- 展开运算符
- 解构赋值
- 数组方法
- Class
- 模块化开发
|
Vue基础 |
- MVVM前端架构思想
- Vue总体特性
- Vue实例
- 条件渲染
- 列表渲染
- 计算属性
- Watchers
- 事件处理器
- 事件修饰符
- 样式绑定
- 表单控件
|
第一天
下午 |
Vue-Cli与组件化 |
- 使用vue-cli
- 组件语法
- 组件生命周期
- vue全局组件
- vue中的局部组件
- vue声明父子组件
- 父子传递数据
- 子父传递数据
- 数据同步
- 子组件更改数据不同步数据
- vue组件自定义事件
|
第二天
上午 |
VueRouter
VueX |
- VueRouter
- 安装及使用用法
- 嵌套路由
- 路由规则
- 路由匹配
- 具名路径
- 路由选项
- Router-view
- V-link
- Vuex
- vuex之state用法
- vuex之getters用法
- vuex之mutations用法
- vuex之actions用法
|
第二天
下午 |
Element UI
Element Admin |
- Element 框架简介
- 安装及使用用法
- 基础组件库
- 栅格布局
- 布局容器
- 字体及图标
- 菜单及导航
- Element Admin
- Element Admin工程结构
- Element Admin组件开发
- Element Admin后端接入
|
第二部分 师资简介
张老师
北京航空航天大学软件工程硕士,10多年 IT 工作经验,精通VUE源码熟悉Html5、Html5游戏开发,Cocos2d-html5,QuarkJS,JQuery,JQueryMobile,CSS,BootStrap,Mui框架,HBuilder,CSS3,Axure,JSON,C#,JavaScript,PHP,PhpCMS等开发技术;熟悉ICONIX,Scrum等项目管理过程并熟练应用,熟悉UML建模,MVC,设计模式,架构思想,熟悉软件测试相关技能,熟悉软件测试管理过程。多年项目管理经验,千人教育培训经验。