中培伟业企业IT内训课程
您现在的位置:首页 > 企业内训 > 软件研发 > VUE提升至精通培训课程

VUE提升至精通培训课程

2022-04-25 10:30:24 | 来源:中培企业IT培训网
第一部分   课程大纲

一、培训简述

对目前的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
  1. ES6介绍
  2. ES6新特性
  3. Let、Const
  4. 箭头函数
  5. 展开运算符
  6. 解构赋值
  7. 数组方法
  8. Class
  9. 模块化开发
Vue基础
  1. MVVM前端架构思想
  2. Vue总体特性
  3. Vue实例
  4. 条件渲染
  5. 列表渲染
  6. 计算属性
  7. Watchers
  8. 事件处理器
  9. 事件修饰符
  10. 样式绑定
  11. 表单控件
第一天
下午
Vue-Cli与组件化
  1. 使用vue-cli
  2. 组件语法
  3. 组件生命周期
  4. vue全局组件
  5. vue中的局部组件
  6. vue声明父子组件
  7. 父子传递数据
  8. 子父传递数据
  9. 数据同步
  10. 子组件更改数据不同步数据
  11. vue组件自定义事件
第二天
上午
VueRouter
VueX
  1. VueRouter
  • 安装及使用用法
  • 嵌套路由
  • 路由规则
  • 路由匹配
  • 具名路径
  • 路由选项
  • Router-view
  • V-link
  1. Vuex
  • vuex之state用法
  • vuex之getters用法
  • vuex之mutations用法
  • vuex之actions用法
第二天
下午
Element UI
Element Admin
  1. Element 框架简介
  • 安装及使用用法
  • 基础组件库
  • 栅格布局
  • 布局容器
  • 字体及图标
  • 菜单及导航
  1. 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,设计模式,架构思想,熟悉软件测试相关技能,熟悉软件测试管理过程。多年项目管理经验,千人教育培训经验。