Vue开发实战

课程详情

课程详情

Vue、React 和 Angular 是当前应用最广的三大前端框架,Vue 在 GitHub 趋势中位居首位,拥有17万的Star。Vue 在各大公司和面试中都有广泛应用,是前端工程师必备技能。

许多人在学习Vue时面临以下问题:

  • 概念过多,难以记忆,实际开发时需反复查阅文档;
  • 未能真正理解数据驱动,经常使用hack方法更改视图,为项目埋下隐患;
  • 工程化不熟练,面对大型项目中的单页面、多页面、前后端分离、mock联调、构建、打包、单测、持续集成等流程,手忙脚乱。

本课程针对以上痛点,设计了实战环节,帮助你在掌握Vue技术原理及应用的同时,通过实战项目打通前端工程化全链路技能点,真正做到学以致用。

本课程不仅教你如何使用Vue,还会手把手带你用Vue完成一个大型项目。

  • 实战经验丰富:讲师唐金州,开源项目Ant Design Vue作者,该项目已成为蚂蚁金服Ant Design官方唯一指定的Vue版组件库,他将分享自己的实战经验。
  • 原理+习题:Vue + Vue周边生态核心技术一网打尽,覆盖大型Vue项目所需的所有核心技术,每节课后搭配习题,帮助你牢固掌握每个知识点。
  • 实战为王:手把手带你基于Vue开发大型项目Ant Design Pro,从开发、测试、打包构建到上线,帮你打通前端工程化全链路技能点。

学完本课程,你将掌握Vue的技术原理及其应用,了解其底层原理,并通过实战项目,具备独立负责Vue前端项目的能力。

课程目录

01 第一章:基础篇
  01 01 课程介绍.html
  01 01 课程介绍.mp4
  02 02 Vue简介.html
  02 02 Vue简介.mp4
  03 03 内容综述.html
  03 03 内容综述.mp4
  04 04 第一个Vue程序.html
  04 04 第一个Vue程序.mp4
  05 05 组件基础及组件注册.html
  05 05 组件基础及组件注册.mp4
  06 06 Vue组件的核心概念:事件.html
  06 06 Vue组件的核心概念:事件.mp4
  07 07 Vue组件的核心概:插槽.html
  07 07 Vue组件的核心概:插槽.mp4
  08 08 理解单文件组件.html
  08 08 理解单文件组件.mp4
  09 09 双向绑定和单向数据流不冲突.html
  09 09 双向绑定和单向数据流不冲突.mp4
  10 10 理解虚拟DOM及key属性的作用.html
  10 10 理解虚拟DOM及key属性的作用.mp4
  11 11 如何触发组件的更新.html
  11 11 如何触发组件的更新.mp4
  12 12 合理应用计算属性和侦听器.html
  12 12 合理应用计算属性和侦听器.mp4
  13 13 生命周期的应用场景和函数式组件.html
  13 13 生命周期的应用场景和函数式组件.mp4
  14 14 指令的本质是什么.html
  14 14 指令的本质是什么.mp4
  15 15 常用高级特性provideinject.html
  15 15 常用高级特性provideinject.mp4
  16 16 如何优雅地获取跨层级组件实例(拒绝递归).html
  16 16 如何优雅地获取跨层级组件实例(拒绝递归).mp4
  17 17 template和JSX的对比以及它们的本质.html
  17 17 template和JSX的对比以及它们的本质.mp4
02 第二章:生态篇
  01 18 为什么需要Vuex.mp4
  02 19 如何在Vue中使用Vuex.html
  02 19 如何在Vue中使用Vuex.mp4
  03 20 Vuex核心概念及底层原理.html
  03 20 Vuex核心概念及底层原理.mp4
  04 21 Vuex最佳实践.html
  04 21 Vuex最佳实践.mp4
  05 22 Vue Router的使用场景.html
  05 22 Vue Router的使用场景.mp4
  06 23 选择何种模式的路由及底层原理.mp4
  07 24 Nuxt解决了哪些问题.mp4
  08 25 Nuxt核心原理是什么.mp4
  09 26 UI组件库对比:Element UI、Ant Design Vue、iView.mp4
  10 27 提升开发效率和体验的常用工具:ESLint、Prettier、vue-devtools.mp4
  11 28 单元测试的重要性及其使用.html
  11 28 单元测试的重要性及其使用.mp4
  12 29 生态篇习题解答(上).html
  12 29 生态篇习题解答(上).mp4
  13 30 生态篇习题解答(下).html
  13 30 生态篇习题解答(下).mp4
03 第三章:实战篇
  01 31 Ant Design Pro介绍.html
  01 31 Ant Design Pro介绍.mp4
  02 32 使用Vue CLI 3快速创建项目.html
  02 32 使用Vue CLI 3快速创建项目.mp4
  03 33 如何自定义Webpack和Babel配置.html
  03 33 如何自定义Webpack和Babel配置.mp4
  04 34 如何设计一个高扩展性的路由.html
  04 34 如何设计一个高扩展性的路由.mp4
  05 35 实现一个可动态改变的页面布局.html
  05 35 实现一个可动态改变的页面布局.mp4
  06 36 如何将菜单和路由结合.html
  06 36 如何将菜单和路由结合.mp4
  07 37 如何使用路由管理用户权限.html
  07 37 如何使用路由管理用户权限.mp4
  08 38 更加精细化的权限设计(权限组件、权限指令).html
  08 38 更加精细化的权限设计(权限组件、权限指令).mp4
  09 39 如何在组件中使用ECharts、Antv等其他第三方库.html
  09 39 如何在组件中使用ECharts、Antv等其他第三方库.mp4
  10 40 如何高效地使用Mock数据进行开发.html
  10 40 如何高效地使用Mock数据进行开发.mp4
  11 41 如何与服务端进行交互(Axios).html
  11 41 如何与服务端进行交互(Axios).mp4
  12 42 创建一个普通表单.html
  12 42 创建一个普通表单.mp4
  13 43 初始数据、自动校验、动态赋值.html
  13 43 初始数据、自动校验、动态赋值.mp4
  14 44 创建一个分步表单.html
  14 44 创建一个分步表单.mp4
  15 45 自己封装一个支持自动校验的表单项.html
  15 45 自己封装一个支持自动校验的表单项.mp4
  16 46 如何管理系统中使用的图标.html
  16 46 如何管理系统中使用的图标.mp4
  17 47 如何定制主题及动态切换主题.html
  17 47 如何定制主题及动态切换主题.mp4
  18 48 如何做好国际化.html
  18 48 如何做好国际化.mp4
  19 49 如何高效地构建打包发布.html
  19 49 如何高效地构建打包发布.mp4
  20 50 如何构建可交互的组件文档.html
  20 50 如何构建可交互的组件文档.mp4
  21 51 如何做好组件的单元测试.html
  21 51 如何做好组件的单元测试.mp4
04 第四章:福利篇
  01 52 如何发布组件到npm.html
  01 52 如何发布组件到npm.mp4
  02 53 结课测试&GitHub相关生态应用(持续集成、单测覆盖率、文档发布、issue管理).html
  02 53 结课测试&GitHub相关生态应用(持续集成、单测覆盖率、文档发布、issue管理).mp4