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






