德国Vue.js2终极开发教程(含Vue路由和Vuex)-Max-专题视频课程

德国Vue.js2终极开发教程(含Vue路由和Vuex)—808人已学习
课程介绍    
jpg
    新手入门现代前端开发的不二选择 课程目标: * 学会从简单到复杂企业级应用的VueJS程序编写方法 * 能在单页和多页应用中自如使用VueJS * 真正理解VueJS的背后原理,并在真实项目中应用它们 授课计划: 23章节,21小时,341个视频,11个练习,3个工程实践;新VueJS 2.x版本,课程随版本升级。
课程收益
    N;
讲师介绍
    Max 更多讲师课程
    * Academind GmbH创始人,当前生活在德国慕尼黑 * 从15岁开始进入开发领域,前后端技术均很精通,毕业于慕尼黑大学硕士学位 * 技术主要靠自学获得,因此非常了解自学的困难。成为在线讲师后他在三年内给全球20万名学生讲过课 * 成为在线讲师前曾在慕尼黑银行做IT咨询工作
课程大纲
    1. 概述  3:08
  第2章:从头开始
    1. 课程介绍  3:08
    2. 实现第一个VueJS应用  4:45
    3. 扩展这个VueJS应用  4:12
    4. 课程结构  3:44
    5. 擅用课程资源  1:55
    6. 本地配置VueJS开发环境&本章代码及资料  2:03
  第3章:通过VueJS来与DOM交互
    1. 本章介绍  0:45
    2. 理解VueJS模板  2:34
    3. VueJS的模板语法和实例  2:42
    4. 访问Vue实例里的数据  1:49
    5. 属性绑定  2:42
    6. 理解和使用指令  1:27
    7. 用v-once禁止二次渲染  1:41
    8. 如何输出基础的HTML  2:43
    9. 作业1问题:输出数据到模板  1:59
    10. 作业1答案:输出数据到模板  6:12
    11. 监听事件  1:50
    12. 从事件对象里获取事件数据  2:36
    13. 传递你自己的事件参数  1:53
    14. 用事件修饰符来修改事件  3:23
    15. 监听键盘事件  2:03
    16. 作业2问题:事件  1:42
    17. 作业2答案:事件  4:54
    18. 在模板中编写JS代码  3:19
    19. 使用双向绑定  1:49
    20. 用计算属性来响应改变  9:32
    21. 计算属性的替代:观察改变  3:53
    22. 用缩写来节省时间  1:26
    23. 作业3问题:响应式属性  5:47
    24. 作业3答案:响应式属性  2:28
    25. CSS类动态样式-基础  4:22
    26. CSS类动态样式-使用对象  1:35
    27. CSS类动态样式-使用命名  3:27
    28. 动态设置样式(不使用CSS类)  3:15
    29. 用数组语法设置元素样式  1:14
    30. 作业4问题:样式设置  3:49
    31. 作业4答案:样式设置  18:17
    32. 本章总结&第二章资料  0:44
  第4章:使用条件和列表渲染
    1. 用v-for来渲染列表  2:26
    2. 本章介绍  0:48
    3. 用v-if来做条件渲染  3:37
    4. 替代v-if语法  1:36
    5. 不要用v-show解绑  1:43
    6. 获取当前的下标  1:51
    7. 替代v-for语法  1:51
    8. 循环一组对象  4:44
    9. 循环一组数字列表  0:57
    10. 用v-for来跟踪对象  4:08
    11. 作业5问题:条件和列表  1:40
    12. 作业5答案:条件和列表  9:38
    13. 本章总结  0:51
  第5章:第一个实训项目:怪物猎人
    1. 介绍和挑战  2:54
    2. 搭建工程  2:37
    3. 创建Vue实例以及给血槽加样式  5:16
    4. 根据条件来显示玩家操作  2:02
    5. 实现“开始游戏”方法  1:53
    6. 实现“攻击”方法  8:03
    7. 重构时间到!更好的代码  4:52
    8. 实现“特殊攻击”方法  2:11
    9. 实现“疗愈”方法  2:21
    10. 完成操作按钮  0:59
    11. 创建操作日志  2:41
    12. 打印日志(v-for)  2:19
    13. 完成日志功能  1:57
    14. 根据条件来调整日志样式  1:44
    15. 总结  1:28
  第6章:理解VueJS实例
    1. 本章简介  1:01
    2. 关于Vue实例的一些基础  2:58
    3. 使用多个Vue 实例  2:52
    4. 从外部访问Vue实例  3:29
    5. Vue是如何管理数据和方法的  4:01
    6. 深入分析$el和$data  4:55
    7. 在你的模板中使用$refs  5:47
    8. 去哪里可以学到更多的Vue API  0:58
    9. 挂载一个模板  6:42
    10. 使用组件  4:56
    11. 一些模板的限制  2:35
    12. Vue是怎样更新DOM的  3:25
    13. Vue实例的生命周期  3:12
    14. Vue实例生命周期实战  5:39
    15. 本章总结  0:54
  第7章:Webpack和Vue命令行,真实的开发流程
    1. 本章介绍  1:33
    2. 为什么我们要有开发服务器  2:47
    3. “开发流程”指的是什么?  3:51
    4. 使用Vue命令行来创建项目  2:35
    5. Vue命令行安装以及创建一个新项目  4:18
    6. Webpack模板目录结构概述  3:40
    7. 理解“.vue”后缀的文件  6:45
    8. 理解Vue文件中的对象  1:11
    9. 如何构建一个真正的可发布应用  0:49
    10. 本章总结  1:11
  第8章:组件介绍
    1. 本章介绍  1:04
    2. 组件介绍  4:56
    3. 使用数据方法来向组件中保存数据  4:04
    4. 将组件注册到局部或全局  2:50
    5. 在App.vue文件中的“根组件”  3:21
    6. 创建一个组件  4:24
    7. 使用组件  5:32
    8. 作业6问题:组件练习  1:44
    9. 作业6答案:组件练习  2:12
    10. 采用更好的目录结构  2:43
    11. 怎样给组件标签命名(选择器)  4:31
    12. 组件样式作用域  5:04
    13. 本章总结  0:50
  第9章:组件间通信
    1. 本章介绍  0:45
    2. 通信存在的问题  2:52
    3. 使用Props来让父子组件通信  3:10
    4. 为Props命名  1:09
    5. 在子组件中使用Props  1:28
    6. 验证Props  4:56
    7. 使用自定义事件来让父子组件通信  5:55
    8. 理解单向数据流  1:07
    9. 使用回调函数来通信  2:23
    10. 在同级组件间通信  6:24
    11. 使用事件总线来通信  5:31
    12. 在一个事件总线中集中实现代码  2:14
    13. 作业7问题:组件间通信  3:06
    14. 作业7答案:组件间通信  10:17
    15. 本章总结  0:40
  第10章:高级组件用法
    1. 本章介绍  0:38
    2. 创建本章工程  3:00
    3. 非最优的传递内容方案  2:19
    4. 使用插槽来传递内容  0:42
    5. 插槽内容是如何编译和风格化的  3:02
    6. 使用多个插槽(命名插槽)  2:49
    7. 默认插槽和插槽的默认设置  2:01
    8. 关于插槽的总结  0:45
    9. 将多组件转换为动态组件  5:31
    10. 理解动态组件行为  2:07
    11. 让动态组件保活  0:58
    12. 动态组件生命周期钩子  1:17
    13. 作业8描述:插槽和动态组件  1:27
    14. 作业8答案:插槽和动态组件  3:00
    15. 本章总结  1:10
  第11章:第2个实训项目:漂亮的句子
    1. 本章介绍  1:35
    2. 创建工程  1:21
    3. 应用初始化  1:28
    4. 创建Application组件  4:04
    5. 使用Props和插槽传递数据  2:13
    6. 允许用户使用NewQuote组件创建句子  4:08
    7. 使用自定义事件来添加引用  3:34
    8. 添加一个消息框  1:06
    9. 允许删除句子  3:40
    10. 通过进度条来控制句子  3:51
    11. 结语和状态管理  2:13
  第12章:用表单出来用户输入
    1. 本章介绍  0:54
    2. 绑定表单基础标签<input>  3:46
    3. 分组数据和预填充输入  2:42
    4. 使用输入修饰符来修改用户输入  2:58
    5. 绑定<textarea>标签和保存换行符  2:52
    6. 使用复选框并将数据保存在数组中  4:05
    7. 使用单选按钮  2:30
    8. 使用<select>和标签处理下拉菜单  5:09
    9. v-model有什么用和如何创建自定义控件  2:49
    10. 创建自定义控件(输入)  5:13
    11. 提交表单  2:07
    12. 作业9描述:表单练习  1:29
    13. 作业9解答:表单练习  15:17
    14. 本章总结  0:43
  第13章:使用和创建指令
    1. 本章介绍  0:53
    2. 理解什么是指令  3:34
    3. 指令的工作原理 - 钩子函数  2:28
    4. 创建一个简单的指令  1:21
    5. 给自定义指令传值  1:08
    6. 给自定义指令传参  2:40
    7. 用修饰符来修改自定义指令  2:24
    8. 自定义指令总结  0:28
    9. 本地注册指令  1:37
    10. 同时使用多个修饰符  4:27
    11. 给指令传递多个复杂值  2:13
    12. 作业10指令:问题  0:54
    13. 作业10答案:指令  5:54
    14. 本章总结  0:44
  第14章:使用过滤器和混入来优化程序
    1. 本章介绍  0:45
    2. 创建本地过滤器  4:32
    3. 全局过滤器以及如何串联多个过滤器  1:44
    4. 替代过滤器:计算属性  5:14
    5. 理解什么是混入(Mixins)  2:23
    6. 创建和使用混入  2:25
    7. 怎样合并多个混入  2:57
    8. 创建一种特殊的全局混入  3:26
    9. 混入和作用域  2:33
    10. 作业11描述:过滤器和混入  1:08
    11. 作业11答案:过滤器和混入  8:12
    12. 本章总结  1:56
  第15章:使用动画和过渡
    1. 本章介绍  1:08
    2. 理解什么是过渡  1:01
    3. 为使用过渡来做代码准备  3:11
    4. 过渡的配置  3:09
    5. 为过渡分配CSS类  2:27
    6. 使用CSS过渡属性来创建  3:21
    7. 使用CSS动画属性来创建“滑动”过渡  3:58
    8. 混合过渡和动画两种属性  3:31
    9. v-if和v-show动画  0:33
    10. 配置初始化(加载)动画  1:30
    11. 使用不同的CSS类名  4:01
    12. 使用动态命名和属性  2:32
    13. 多个元素间的过渡(理论)  0:34
    14. 多个元素间的过渡(实践)  4:42
    15. 监听过渡事件的钩子  2:05
    16. 理解什么是JS动画  8:03
    17. 从动画中去掉CSS  1:28
    18. 在JS中创建动画  6:18
    19. 让动态组件做动画  5:57
    20. 使用transition-group标签来做列表动画  0:43
    21. 使用transition-group标签的准备  4:20
    22. 使用transition-group标签来让列表做动画  6:12
    23. 理解这个应用  1:14
    24. 创建这个应用  12:04
    25. 添加动画  6:38
    26. 本章总结  1:03
  第16章:使用vue-resource通过HTTP连接服务器
    1. 本章介绍  1:42
    2. 配置:用vue-resource来访问HTTP  4:00
    3. 基于Firebase来创建应用和服务端  5:24
    4. 用POST方法给给服务端发数据  6:10
    5. 用GET请求来获取和转换数据  6:54
    6. 全局配置vue-resource  2:48
    7. 拦截请求  3:33
    8. 拦截响应  2:51
    9. vue-resource里的resource从哪里来  4:42
    10. 创建自定义的资源  2:39
    11. 资源vs传统HTTP请求  0:27
    12. 理解URL模板  5:05
    13. 本章总结  1:42
  第17章:VueJS应用中的路由概念
    1. 本章介绍  1:37
    2. 配置VueJS路由(vue-router)  2:16
    3. 配置和加载路由  6:43
    4. 理解路由模式(哈希vs历史)  4:14
    5. 路由链接导航  3:45
    6. 我在哪儿?定义活动链接  3:20
    7. 通过代码导航(强制导航)  2:42
    8. 配置路由参数  1:59
    9. 获取、使用路由参数  2:03
    10. 响应路由参数改动  3:04
    11. 配置子路由(嵌套路由)  4:39
    12. 潜逃路由导航  3:09
    13. 更动态的配置路由链接  2:04
    14. 创建链接的更好方式 - 命名路由  3:21
    15. 使用查询参数  2:54
    16. 多路由视图(命名路由视图)  3:27
    17. 重定向  2:13
    18. 配置“Catch All”路由/通配符  1:06
    19. 路由动画过度  2:34
    20. 传递Hash Fragment  3:28
    21. 控制卷屏行为  3:21
    22. 使用守卫来保护路由  1:13
    23. 使用“beforeEnter”守卫  7:51
    24. 使用“beforeLeave”守卫  3:31
    25. 路由懒加载  7:08
    26. 本章总结  1:02
  第18章:用Vuex来更好的管理状态
    1. 本章介绍  1:12
    2. 为什么要用一个不同的状态管理机制  2:25
    3. 理解“集中的状态”  1:32
    4. 使用集中状态  6:49
    5. 为什么集中状态自身并不能解决问题  2:41
    6. 理解Getter  0:48
    7. 使用Getter  2:40
    8. 将Getter映射到属性  6:57
    9. 理解Mutation  1:14
    10. 使用Mutation  4:50
    11. 为什么Mutation要使用同步执行模式  1:34
    12. Action怎么改进了Mutation  1:32
    13. 使用Action  4:59
    14. 将Action映射到方法  4:57
    15. Vuex总结  4:13
    16. 双向绑定(v-model)和Vuex  5:56
    17. 改进的目录结构  1:01
    18. 模块化状态管理  4:56
    19. 使用分割的文件  4:17
    20. 使用名字空间来避免命名冲突问题  6:44
    21. 本章总结  0:50
  第19章:最终实训项目:股票交易
    1. 项目介绍  3:11
    2. 项目配置和规划  2:45
    3. 创建第一个组件  2:55
    4. 配置项目路由  4:42
    5. 添加头部和导航  6:44
    6. 规划下一步  1:21
    7. 创建股票组件  6:31
    8. 添加购买按钮  5:57
    9. 配置Vuex状态管理  10:20
    10. 为Vuex添加展示模块  10:02
    11. 实现展示用的股票  6:51
    12. 将展示模块连接到Vuex  2:21
    13. 修复一些Bug  2:00
    14. 显示资金  3:41
    15. 添加记名支票  5:40
    16. 使用过滤器让资金显示更好看  1:47
    17. 一天的结束 - 随机股票价格  5:30
    18. 路由过渡动画  3:14
    19. 保存和获取数据 - 添加下拉菜单  2:17
    20. 与Firebase一起配置vue-resource  2:15
    21. 保存数据(PUT请求)  2:51
    22. 获取数据(GET请求)  5:03
    23. 测试和修复Bug  2:50
    24. 项目总结  1:21
    25. 福利:使用Vue开发工具调试Vuex  1:59
  第20章:部署VueJS应用
    1. 项目介绍  1:12
    2. 部署准备  1:45
    3. 部署应用(使用亚马逊AWS S3)  5:57
  第21章:课程总结
    1. 课程总结  0:58
  第22章:福利:使用Axios替代vue-resource
    1. 本章介绍  1:07
    2. 工程配置  2:45
    3. Axios配置  2:12
    4. 发送POST请求  5:39
    5. 发送GET请求  2:52
    6. 访问和使用响应数据  5:48
    7. 全局请求配置  5:43
    8. 使用拦截器  5:49
    9. 自定义Axios实例  4:56
    10. 总结  0:58
  第23章:福利:Vue应用中的鉴权
    1. 概述  0:52
    2. 本章介绍  1:59
    3. 单页应用中鉴权工作原理  3:10
    4. 工程配置  2:36
    5. 添加用户注册  5:14
    6. 添加用户登录  2:41
    7. 使用Vuex来发送鉴权请求  4:26
    8. 在Vuex中保存鉴权数据  3:45
    9. 通过Vuex访问其它资源  8:41
    10. 向后台发送Token  5:38
    11. 路由保护(Auth Guard)  2:48
    12. 基于鉴权状态来更新UI状态  3:00
    13. 添加用户登出功能  5:01
    14. 添加自动登出功能  5:35
    15. 添加自动登录功能  10:36
    16. 总结  1:01
  第24章:福利:表单输入验证
    1. 概述  0:57
    2. 本章介绍  1:05
    3. 安装Vuelidate  2:04
    4. 添加验证器  10:14
    5. 验证时添加UI反馈  4:55
    6. 控制错误输入的显示风格  2:10
    7. 更多的验证器  6:33
    8. 验证密码  6:16
    9. 使用必填验证器  4:52
    10. 验证数组  7:19
    11. 控制表单提交按钮  2:11
    12. 创建自定义验证器  2:46
    13. 异步验证器  9:16
    14. 本章总结  1:05
大家可以点击【 查看详情】查看我的课程
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值