课程培训
Vue大型项目开发实战培训课程

 

课程目标:

    • 了解React基础语法
    • 了解React开发调试工具
    • 掌握脚手架(重要)
    • 单页应用 react-router
    • Flux应用开发框架
    • React组件之间通信案例实战和解析
    • React组件库
    • webpack 相关
    • React源码分析
    • React案例实践

 

培训对象:web前端开发工程师

学员基础:熟悉HTML5,css和Javascript编程

培训内容:

1. Vue技术栈开发实战-使用vue-cli3创建项目
  • 使用Vue UI创建、管理项目
  • 项目结构目录整理
  • 初始文件添加
  • 基本配置详解
  • 使用代理解决跨域
2. Vue技术栈开发实战-路由基础篇
  • Router-link和router-view组件
  • 路由配置
      i. 动态路由
      ii. 嵌套路由
      iii.命名路由
      iv. 命名视图
  • JS操作路由
  • 重定向和别名
3. Vue技术栈开发实战-路由进阶篇
  • 路由组件传参
  • HTML5 History模式
  • 导航守卫
  • 路由元信息
  • 过渡效果
4. Vue技术栈开发实战-状态管理bus的使用
  • 状态bus的原理
  • 状态bus对状态的管理
  • 状态bus的应用示例
5. Vue技术栈开发实战-状态管理Vuex
  • State
  • Getter
  • Mutation
  • Action
  • Module
6. Vue技术栈开发实战-状态管理Vuex进阶
  • Vuex插件的开发和使用
  • 严格模式
  • Vuex+双向绑定
7. Vue技术栈开发实战-Ajax请求实战 1.解决跨域问题
2.封装Axios
  • 列表项目
  • 响应拦截
  • 队列管理
3.请求实战
8. Vue技术栈开发实战-使用Mock模拟Ajax请求 1. 响应模拟
2. Mock用法精讲
  • 数据模板
  • Random方法大全
  • 占位符
9. Vue技术栈开发实战-Vue中第三方JS库的使用
  • 组件封装基础
  • 组件中使用Id值
  • 获取DOM或组件实例
10. Vue技术栈开发实战-从SplitPane组件谈Vue中如何“操作”DOM
  • 简单两列布局
  • 如何让两个div改变宽度
  • 鼠标拖动效果
  • v-model和.sync的用法
11. Vue技术栈开发实战-渲染函数和JSX快速掌握
  • render函数
  • 函数式组件
  • JSX
  • 作用域插槽
12. Vue技术栈开发实战-递归组件的使用
  • 封装简单Menu组件
  • 递归组件
13. Vue技术栈开发实战-登录/登出以及JWT认证
  • 后端代码概览
  • 登录以及Token处理
  • Token过期处理
  • 退出登录
14. Vue技术栈开发实战-响应式布局
  • Vue-cli3.0中使用iView
  • 布局组件的使用
  • 栅格组件实现响应式布局
15. Vue技术栈开发实战-可收缩多级菜单的实现
  • 递归组件实战
  • v-if和v-show对比
16. Vue技术栈开发实战-可编辑表格的实现
  • JSX进阶
  • iview表格实现单个单元格编辑表格
  • iview表格实现多单元格编辑表格
17. Vue技术栈开发实战-Tree组件实现文件目录-基础实现
  • iview - Tree实现Tree组件使用
  • 扁平数据树状化
  • 自定义组件结构
18. Vue技术栈开发实战-Tree组件实现文件目录-高级实现
  • 封装文件目录组件
  • 操作目录
  • 多个属性v-model替代方案
  • 增加钩子函数
19. Vue技术栈开发实战-文件上传前后端(Node.js)实现
  • 基础表单
  • 动态组件
  • iview - Form高级用法动态表单
20. Vue技术栈开发实战-Form表单
  • 封装文件目录组件
  • 操作目录
  • 多个属性v-model替代方案
  • 增加钩子函数
21. Vue技术栈开发实战-权限控制
  • 简单权限方案
  • 动态挂载路由
  • 页面和组件级别控制
22. Vue技术栈开发实战-Icon组件
  • 简单权限方案
  • 动态挂载路由
  • 页面和组件级别控制
23. Vue技术栈开发实战-大数据量性能优化
  • 列表优化
  • 大型表单优化
  • 表格优化
24. Vue技术栈开发实战-多Tab页开发
  • 根据路由列表生成菜单
  • 多标签实现
  • 菜单、URL和标签联动
25. Vue技术栈开发实战-项目部署
  • Vue.js的部署内容组织
  • Vue.js项目配置注意点
  • Jenkins配置
  • Nginx配置
  • Vue.js的应用运行监控与管理
     




如果您想学习本课程,请预约报名
如果没找到合适的课程或有特殊培训需求,请订制培训
除培训外,同时提供相关技术咨询与技术支持服务,有需求请发需求表到邮箱soft@info-soft.cn,或致电4007991916
技术服务需求表点击在线申请

服务特点:
海量专家资源,精准匹配相关行业,相关项目专家,针对实际需求,顾问式咨询,互动式授课,案例教学,小班授课,实际项目演示,快捷高效,省时省力省钱。

专家力量:
中国科学院软件研究所,计算研究所高级研究人员
oracle,微软,vmware,MSC,Ansys,candence,Altium,达索等大型公司高级工程师,项目经理,技术支持专家
中科信软培训中心,资深专家或讲师
大多名牌大学,硕士以上学历,相关技术专业,理论素养丰富
多年实际项目经历,大型项目实战案例,热情,乐于技术分享
针对客户实际需求,案例教学,互动式沟通,学有所获
报名表下载
联系我们 更多>>

咨询电话010-62883247

                4007991916

咨询邮箱:soft@info-soft.cn  

 

微信号.jpg

  微信咨询

随时听讲课

聚焦技术实践

订制培训 更多>>