Vue开发实战

Vue开发实战 / 从0开始搭建大型Vue项目

唐金州 一点资讯前端技术专家,Ant Design Vue 作者
  • 课程目录
  • 课程介绍
  • 08 | 理解单文件组件

  • 09 | 双向绑定和单向数据流不冲突

  • 10 | 理解虚拟DOM及key属性的作用

  • 11 | 如何触发组件的更新

  • 12 | 合理应用计算属性和侦听器

  • 13 | 生命周期的应用场景和函数式组件

  • 14 | 指令的本质是什么

  • 15 | 常用高级特性provide/inject

  • 16 | 如何优雅地获取跨层级组件实例(拒绝递归)

  • 17 | template和JSX的对比以及它们的本质

  • 18 | 为什么需要Vuex

  • 19 | 如何在Vue中使用Vuex

  • 20 | Vuex核心概念及底层原理

  • 21 | Vuex最佳实践

  • 22 | Vue Router的使用场景

  • 23 | 选择何种模式的路由及底层原理

  • 24 | Nuxt解决了哪些问题?

  • 25 | Nuxt核心原理是什么?

  • 26 | UI组件库对比:Element UI、Ant Design Vue、iView

  • 27 | 提升开发效率和体验的常用工具:ESLint、Prettier、vue-devtools

  • 28 | 单元测试的重要性及其使用

  • 29 | 生态篇习题解答(上)

  • 30 | 生态篇习题解答(下)

  • 31 | Ant Design Pro介绍

  • 32 | 使用Vue CLI 3快速创建项目

  • 33 | 如何自定义Webpack和Babel配置

  • 34 | 如何设计一个高扩展性的路由

  • 35 | 实现一个可动态改变的页面布局

  • 36 | 如何将菜单和路由结合

  • 37 | 如何使用路由管理用户权限

  • 38 | 更加精细化的权限设计(权限组件、权限指令)

  • 39 | 如何在组件中使用ECharts、Antv等其他第三方库

  • 40 | 如何高效地使用Mock数据进行开发

  • 41 | 如何与服务端进行交互(Axios)

  • 42 | 创建一个普通表单

  • 43 | 初始数据、自动校验、动态赋值

  • 44 | 创建一个分步表单

  • 45 | 自己封装一个支持自动校验的表单项

  • 46 | 如何管理系统中使用的图标

  • 47 | 如何定制主题及动态切换主题

  • 48 | 如何做好国际化

  • 49 | 如何高效地构建打包发布

  • 50 | 如何构建可交互的组件文档

  • 51 | 如何做好组件的单元测试

  • 52 | 如何发布组件到npm

  • 53 | 结课测试&GitHub相关生态应用(持续集成、单测覆盖率、文档发布、issue管理)

53讲

你将获得


讲师介绍

曾任职于搜狗、蚂蚁金服,并主导研发了多个 UI 框架和前端架构设计,在移动端和中后台都有丰富的开发经验。除了 Vue 之外,对 React 也有多年的开发经验。


课程介绍

Vue、 React 和 Angular 是当前应用最广的三大前端框架,仅从GitHub趋势来看,Vue更是排在了第一位,目前已经达到了17万的Star。

目前,不管是 BAT 大厂,还是创业公司,Vue 都有广泛的应用,相关技术原理也成为了面试中的必考知识点,对于任何一个前端工程师来说,Vue 都是一门非常值得我们学习的前端框架。

大部分人在学习和使用过程,经常面临以下问题:

  1. 概念过多,记不住,真正开发的时候还得一遍又一遍的翻文档;
  2. 没能真正理解数据驱动,总是用各种hack方法更改视图,为项目挖了一个又一个的坑;
  3. 工程化不熟练,面对大型项目中的单页面、多页面、前后端分离、mock联调、构建、打包、单测、持续集成等等一系列流程,手忙脚乱不得要领。

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

这不仅仅是一门教你如何使用 Vue 的课程,而是会手把手带你用 Vue 完成一个大型项目。

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

学完这门课程,你不仅能够掌握 Vue 的技术原理及其应用, 也会对其底层原理有所了解,并且通过实战项目,你将具备独立负责 Vue 前端项目的能力。


课程目录


适合人群

学习本课程之前,需要掌握HTML、CSS、JavaScript 等前端相关基础知识。


特别放送

免费领取福利


限时活动推荐


订阅须知

随机推荐

狮王小狮王儿童氟防蛀牙膏 20g用户评价如何?独家揭秘评测分享?

狮王小狮王儿童氟防蛀牙膏 20g选购哪种好?功能评测结果揭秘?

狮王小狮王儿童氟防蛀牙膏 20g推荐哪款?全方位评测分享!

狮王小狮王儿童氟防蛀牙膏 20g评测好不好用?良心测评分享。

狮王小狮王儿童氟防蛀牙膏 20g值得买吗?达人专业评测?

佳沃云南蓝莓14mm 12盒原箱生鲜评测好不好用?独家评测揭秘内幕...