Vue技术栈开发实战(26课时)

Vue技术栈开发实战(26课时)

26 讲

限时优惠:¥188.00 ¥319.00 立省 131 元

课程收获

  • 掌握 Vue 基础理论知识
  • Vue 实际项目开发中所用到的工具
  • 同时了解 ES6/7/8 最新特性
  • 对应实际开发场景的解决方案
  • 讲师深度经验分享和闭坑指南

适用人群

  • 具备 Vue 基础知识,希望学习开发案例
  • 对 ES6+ 语法不了解,想了解它的最新特性
  • 缺乏 Vue 完整项目经验的开发人员
  • 有计算机基础,想要快速了解 Vue

课程简介

作为一直火爆前端技术圈的框架,Vue不仅是BAT公司的首选技术,越来越多的中小型公司也开始要求使用Vue。

当我们对100多位前后端开发者展开调查时,多数反馈:通过官方手册可以掌握Vue基础知识,但实际上手却因为缺乏项目经验,踩了很多坑儿导致项目延期。一些常见问题:

  • 数据操作什么情况用到Vuex什么时候写在组件里
  • 组件封装要细化到什么程度,需要把哪些封装起来
  • 前后端分离开发模式怎么跨域怎么联调
  • 开发好了怎么部署,怎么本地好好的部署到服务器就404
  • 有哪些优化可以提升页面性能

以上这类棘手问题在官方手册中没有答案的。经过认真分析和提炼,反复推敲梳理出了此版课程大纲。课程按照难度,循序渐进展开。每一节课除了主干知识讲解外,还穿插Vue基础和ES6/7/8等内容,提升的同时一边巩固基础。另外还分享一些讲师多年的开发经验,让你不只学到核心知识,还掌握实际开发工作要领。

课程大纲

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

购买须知:
1、本课程为虚拟产品,一经购买,概不退款(讲师特别声明除外)
2、在使用过程中,遇到任何问题,请邮件联系:pr@sifou.com
3、划线价说明:商品展示的划横线价格为参考价,并非原价。该价格仅供您参考。

版权声明:讲者在本产品上发表的全部原创内容(包括但不限于文字、视频、图片等)著作权均归讲师本人所有。未经讲师授权许可,观众用户不得以任何载体或形式使用讲师的内容。

4.8 32条评价

Yuuki · 2018-09-05

讲得很细致,很棒,声音好听- v - 我一个后端都听得明白~

德鑫 · 2018-09-03

昨天看的第一节,可以说,解决了我很大的问题,我正要做个新项目,正好明确了我的分包思路!
以前做项目,项目的分包做的不是很多好,目录有点混乱,不知道如何归类简单明了,还有项目初建完成时,如何分包才能为下一步打好基础!
真的很不错,知识点很实用,希望每节课都如此!