新手入门现代前端开发的不二选择
视频课
主讲老师:Maximilian Schwarzmü
感兴趣人数:1003人
价格 ¥129.00
立即购买
免费试看
  1. 第1章从这里开始
    1. 01课程介绍
      试看
    2. 02实现第一个VueJS应用
    3. 03扩展这个VueJS应用
    4. 04课程结构
    5. 05善用课程资源
    6. 06本地配置VueJS开发环境
  2. 第2章通过VueJS来与DOM交互
    1. 01本章介绍
    2. 02理解VueJS模板
    3. 03VueJS的模板语法和实例
    4. 04访问Vue实例里的数据
    5. 05属性绑定
    6. 06理解和使用指令
    7. 07用v-once禁止二次渲染
    8. 08如何输出基础的HTML
    9. 09作业1问题:输出数据到模板
    10. 10作业1答案:输出数据到模板
    11. 11监听事件
    12. 12从事件对象里获取事件数据
    13. 13传递你自己的事件参数
    14. 14用事件修饰符来修改事件
    15. 15监听键盘事件
    16. 16作业2问题:事件
    17. 17作业2答案:事件
    18. 18 在模板中编写JS代码
    19. 19使用双向绑定
    20. 20用计算属性来响应改变
    21. 21计算属性的替代:观察改变
    22. 22用缩写来节省时间
    23. 23作业3问题:响应式属性
    24. 24作业3答案:响应式属性
    25. 25CSS类动态样式:基础
    26. 26CSS类动态样式:使用对象
    27. 27CSS类动态样式:使用命名
    28. 28动态设置样式(不使用CSS类)
    29. 29用数组语法设置元素样式
    30. 30作业4问题:样式设置
    31. 31作业4:样式答案
    32. 32本章总结
  3. 第3章使用条件和列表渲染
    1. 01本章介绍
    2. 02用v-if来做条件渲染
    3. 03替代v-if语法
    4. 04不要用v-show解绑
    5. 05用v-for来渲染列表
    6. 06 获取当前的下标
    7. 07替代v-for语法
    8. 08循环一组对象
    9. 09循环一组数字列表
    10. 10用v-for来跟踪对象
    11. 11作业5问题:条件和列表
    12. 12作业5答案:条件和列表
    13. 13本章总结
  4. 第4章第一个实训项目 - 怪物猎人
    1. 01介绍和挑战
    2. 02搭建工程
    3. 03创建Vue实例以及给血槽加样式
    4. 04根据条件来显示玩家操作
    5. 05实现“开始游戏”方法
    6. 06实现“攻击”方法
    7. 07 重构时间到!更好的代码
    8. 08实现“特殊攻击”方法
    9. 09实现“疗愈”方法
    10. 10完成操作按钮
    11. 11创建操作日志
    12. 12打印日志(v-for)
    13. 13完成日志功能
    14. 14根据条件来调整日志样式
    15. 15本章总结
  5. 第5章理解VueJS实例
    1. 01本章简介
    2. 02关于Vue实例的一些基础
    3. 03使用多个Vue实例
    4. 04从外部访问Vue实例
    5. 05Vue是如何管理数据和方法的
    6. 06深入分析$el和$data
    7. 07在你的模板中使用$refs
    8. 08哪里可以学到更多的VueAPI
    9. 09挂载一个模板
    10. 10使用组件
    11. 11一些模板的限制
    12. 12Vue是怎样更新DOM的
    13. 13Vue实例的生命周期
    14. 14Vue实例生命周期实战
    15. 15本章总结
  6. 第6章Webpack和Vue命令行
    1. 01本章介绍
    2. 02为什么我们要有开发服务器
    3. 03“开发流程”指的是什么?
    4. 04使用Vue命令行来创建项目
    5. 05Vue命令行安装和创建新项目
    6. 06Webpack模板目录结构概述
    7. 07理解“.vue”后缀的文件
    8. 08理解Vue文件中的对象
    9. 09如何构建一个真正的可发布应用
    10. 10本章总结
  7. 第7章组件介绍
    1. 01本章介绍
    2. 02组件介绍
    3. 03使用数据方法来向组件中保存数据
    4. 04将组件注册到局部或全局
    5. 05App.vue文件的“根组件”
    6. 06创建一个组件
    7. 07使用组件
    8. 08作业6问题:组件练习
    9. 09作业6答案:组件练习
    10. 10采用更好的目录结构
    11. 11怎样给组件标签命名(选择器)
    12. 12组件风格域
    13. 13本章总结
  8. 第8章组件间通信
    1. 01本章介绍
    2. 02通信存在的问题
    3. 03使用Props来让父子组件通信
    4. 04为Props命名
    5. 05在子组件中使用Props
    6. 06验证Props
    7. 07使用自定义事件来让父子组件通信
    8. 08理解单向数据流
    9. 09使用回调函数来通信
    10. 10在同级组件间通信
    11. 11使用事件总线来通信
    12. 12在一个事件总线中集中实现代码
    13. 13作业7问题:组件间通信
    14. 14作业7答案:组件间通信
    15. 15本章总结
  9. 第9章高级组件用法
    1. 01本章介绍
    2. 02创建本章工程
    3. 03非最优的传递内容方案
    4. 04使用插槽来传递内容
    5. 05插槽内容是如何编译和风格化的
    6. 06使用多个插槽(命名插槽)
    7. 07默认插槽和插槽的默认设置
    8. 08关于插槽的总结
    9. 09将多组件转换为动态组件
    10. 10理解动态组件行为
    11. 11让动态组件保活
    12. 12动态组件生命周期钩子
    13. 13作业8描述:插槽和动态组件
    14. 14作业8答案:插槽和动态组件
    15. 15本章总结
  10. 第10章第二个实训项目 - 名言管理
    1. 01本章介绍
    2. 02创建工程
    3. 03应用初始化
    4. 04创建Application组件
    5. 05使用Props和插槽传递数据
    6. 06用NewQuote组件创建句子
    7. 07使用自定义事件来添加引用
    8. 08添加一个消息框
    9. 09允许删除句子
    10. 10通过进度条来控制句子
    11. 11结语和状态管理
  11. 第11章用表单处理用户输入
    1. 01本章介绍
    2. 02绑定表单基础标签<input>
    3. 03分组数据和预填充输入
    4. 04使用输入修饰符来修改用户输入
    5. 05绑定<textarea>标签
    6. 06使用复选框并将数据保存在数组中
    7. 07使用单选按钮
    8. 08处理下拉菜单
    9. 09v-model有什么用
    10. 10创建自定义控件(输入)
    11. 11提交表单
    12. 12作业9描述:表单练习
    13. 13作业9解答:表单练习
    14. 14本章总结
  12. 第12章使用和创建指令
    1. 01本章介绍
    2. 02理解什么是指令
    3. 03指令的工作原理 - 钩子函数
    4. 04创建一个简单的指令
    5. 05给自定义指令传值
    6. 06给自定义指令传参
    7. 07用修饰符来修改自定义指令
    8. 08自定义指令总结
    9. 09本地注册指令
    10. 10同时使用多个修饰符
    11. 11给指令传递多个复杂值
    12. 12作业10指令:问题
    13. 13作业10答案:指令
    14. 14本章总结
  13. 第13章使用过滤器和混入来优化程序
    1. 01本章介绍
    2. 02创建本地过滤器
    3. 03全局过滤器和如何串联多个过滤器
    4. 04替代过滤器:计算属性
    5. 05理解什么是混入(Mixins)
    6. 06创建和使用混入
    7. 07怎样合并多个混入
    8. 08创建一种特殊的全局混入
    9. 09混入和作用域
    10. 10作业11描述:过滤器和混入
    11. 11作业11答案:过滤器和混入
    12. 12本章总结
  14. 第14章使用动画和过渡
    1. 01本章介绍
    2. 02理解什么是过渡
    3. 03为使用过渡来做代码准备
    4. 04过渡的配置
    5. 05为过渡分配CSS类
    6. 06CSS属性创建创建“隐现”过渡
    7. 07CSS动画属性创建“滑动”过渡
    8. 08混合过渡和动画两种属性
    9. 09v-if和v-show动画
    10. 10配置初始化(加载)动画
    11. 11使用不同的CSS类名
    12. 12使用动态命名和属性
    13. 13多个元素间的过渡(理论)
    14. 14多个元素间的过渡(实践)
    15. 15监听过渡事件的钩子
    16. 16理解什么是JS动画
    17. 17从动画中去掉CSS
    18. 18在JS中创建动画
    19. 19让动态组件做动画
    20. 20trans-grp做列表动画
    21. 21trans-grp标签准备
    22. 22trans-grp列表做动画
    23. 23理解这个应用
    24. 24创建这个应用
    25. 25添加动画
    26. 26本章总结
  15. 第15章通过HTTP连接到服务器
    1. 01本章介绍
    2. 02用vue-resource访问
    3. 03Firebase来创建应用
    4. 04用POST方法给给服务端发数据
    5. 05用GET请求来获取和转换数据
    6. 06全局配置vue-resourc
    7. 07拦截请求
    8. 08拦截响应
    9. 09resource从哪里来
    10. 10创建自定义的资源
    11. 11资源vs传统HTTP请求
    12. 12理解URL模板
    13. 13本章总结
  16. 第16章VueJS应用中的路由概念
    1. 01本章介绍
    2. 02配置VueJS路由
    3. 03配置和加载路由
    4. 04理解路由模式(哈希vs历史)
    5. 05路由链接导航
    6. 06我在哪儿?定义活动链接
    7. 07通过代码导航(强制导航)
    8. 08配置路由参数
    9. 09获取、使用路由参数
    10. 10响应路由参数改动
    11. 11配置子路由(嵌套路由)
    12. 12潜逃路由导航
    13. 13更动态的配置路由链接
    14. 14创建链接的更好方式 - 命名路
    15. 15使用查询参数
    16. 16多路由视图(命名路由视图)
    17. 17重定向
    18. 18配置“Catch All”路由
    19. 19路由动画过度
    20. 20传递Hash Fragment
    21. 21控制卷屏行为
    22. 22使用守卫来保护路由
    23. 23“beforeEnter”守卫
    24. 24“beforeLeave”守卫
    25. 25路由懒加载
    26. 26本章总结
  17. 第17章用Vuex来更好的管理状态
    1. 01本章介绍
    2. 02为什么要用一个不同的状态管理机
    3. 03理解“集中的状态”
    4. 04使用集中状态
    5. 05为什么集中状态自身并不能解决问
    6. 06理解Getter
    7. 07使用Getter
    8. 08将Getter映射到属性
    9. 09理解Mutation
    10. 10使用Mutation
    11. 11为什么Mutation要使用同
    12. 12Action怎么改进了Muta
    13. 13使用Action
    14. 14将Action映射到方法
    15. 15Vuex总结
    16. 16双向绑定(v-model)和V
    17. 17改进的目录结构
    18. 18模块化状态管理
    19. 19使用分割的文件
    20. 20使用名字空间来避免命名冲突问题
    21. 21本章总结
  18. 第18章最终实训项目 - 股票交易
    1. 01项目介绍
    2. 02项目配置和规划
    3. 03创建第一个组件
    4. 04配置项目路由
    5. 05添加头部和导航
    6. 06规划下一步
    7. 07创建股票组件
    8. 08添加购买按钮
    9. 09配置Vuex状态管理
    10. 10为Vuex添加展示模块
    11. 11实现展示用的股票
    12. 12将展示模块连接到Vuex
    13. 13修复一些Bug
    14. 14显示资金
    15. 15添加记名支票
    16. 16使用过滤器让资金显示更好看
    17. 17一天的结束 - 随机股票价格
    18. 18路由过渡动画
    19. 19保存和获取数据 - 添加下拉菜
    20. 20与Firebase一起配置vu
    21. 21保存数据(PUT请求)
    22. 22获取数据(GET请求)
    23. 23测试和修复Bug
    24. 24项目总结
  19. 第19章部署VueJS应用
    1. 01项目介绍
    2. 02部署准备
    3. 03部署应用(使用亚马逊AWS S
  20. 第20章课程总结
    1. 01课程总结
  21. 第21章福利:使用Axios替代
    1. 01概述
    2. 02本章介绍
    3. 03工程配置
    4. 04Axios配置
    5. 05发送POST请求
    6. 06发送GET请求
    7. 07访问和使用响应数据
    8. 08全局请求配置
    9. 09使用拦截器
    10. 10自定义Axios实例
    11. 11总结
  22. 第22章福利:Vue应用中的鉴权
    1. 01概述
    2. 02本章介绍
    3. 03单页应用中鉴权工作原理
    4. 04工程配置
    5. 05添加用户注册
    6. 06添加用户登录
    7. 07使用Vuex来发送鉴权请求
    8. 08在Vuex中保存鉴权数据
    9. 09通过Vuex访问其它资源
    10. 10向后台发送Token
    11. 11路由保护(Auth Guard
    12. 12基于鉴权状态来更新UI状态
    13. 13添加用户登出功能
    14. 14添加自动登出功能
    15. 15添加自动登录功能
    16. 16总结
  23. 第23章福利:表单输入验证
    1. 01概述
    2. 02本章介绍
    3. 03安装Vuelidate
    4. 04添加验证器
    5. 05验证时添加UI反馈
    6. 06控制错误输入的显示风格
    7. 07更多的验证器
    8. 08验证密码
    9. 09使用必填验证器
    10. 10验证数组
    11. 11控制表单提交按钮
    12. 12创建自定义验证器
    13. 13异步验证器
    14. 14本章总结
  24. 第24章特别福利章:CSS课程介绍
    1. 01福利课 CSS开发指南介绍
    2. 02CSS开发指南介绍
    3. 03什么是CSS
      试看
    4. 04CSS的历史和未来
      试看
    5. 05CSS课程结构
    6. 06先学要求
    7. 07本课应该怎么学
    8. 08推荐的工具
      试看
    9. 09章节介绍
    10. 10理解课程项目配置
    11. 11用内链方式往项目中添加CSS
    12. 12理解style标签及创建CSS
    13. 13应用拓展样式及导入谷歌字体
    14. 14理论课 选择器
    15. 15理解CSS选择器
    16. 16理解继承
    17. 17添加组合器
购买提示
  1. 购买后如何学习课程?

    方式一:点击课程购买页右上角“登陆”,登陆网易公开课后,点击“我的公开课”——“我的订单”即可找到已购课程。

    方式二:推荐使用手机下载“网易公开课”APP,用购买课程时的账号登录,在底部点击“我”—“已购”即可选择已购课程听课。

  2. 在电脑网页上如何查看课程目录?

    点击课程视频播放页右上角“目录”,可以查看课程目录。如果课程是正在更新中的课程,请仔细查看课程介绍页的更新周期。

  3. 如何下载课程?

    付费课程不支持缓存或下载。

  4. 课程是虚拟产品,购买后无法退款或转让,请确认后下单。

  5. 网易公开课联系方式:

    a.如无法正常观看学习,请添加助手天天微信:zhiku0802

    b. 寻求共学伙伴,请添加助手悦悦微信:zxyopen

APP下载
反馈
进入关怀模式
进入关怀模式