Vue开发实战 / 从0开始搭建大型Vue项目
唐金州
一点资讯前端技术专家,Ant Design Vue 作者
 
  • 课程目录
  • 课程介绍
  • 01 | 课程介绍

  • 02 | Vue简介

  • 03 | 内容综述

  • 04 | 第一个Vue程序

  • 05 | 初识单文件组件

  • 06 | Vue组件的核心概念:属性

  • 07 | Vue组件的核心概念:事件

  • 08 | Vue组件的核心概念:插槽

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

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

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

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

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

  • 14 | 指令的本质是什么

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

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

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

  • 18 | 基础篇习题解答(上)

  • 19 | 基础篇习题解答(下)

  • 20 | 为什么需要Vuex

  • 21 | 如何在Vue中使用Vuex

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

  • 23 | Vuex最佳实践

  • 24 | Vue Router的使用场景

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

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

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

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

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

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

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

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

  • 33 | Ant Design Pro介绍

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

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

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

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

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

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

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

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

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

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

  • 44 | 创建一个普通表单

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

  • 46 | 创建一个分步表单

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

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

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

  • 50 | 如何做好国际化

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

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

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

  • 54 | 如何发布组件到npm

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

课程亮点

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

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

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

基础要求

掌握 HTML、CSS、JavaScript 等前端相关基础知识。

讲师简介

唐金州,浙江大学硕士,一点资讯前端技术专家,Ant Design Vue 作者。

第二届 VueConf 演讲嘉宾,主导开发的 Ant Design Vue 在 GitHub 已有 5000+ Star,并且已经纳入Ant Design官方域名下,成为了蚂蚁金服Ant Design官方唯一指定的Vue版组件库。

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

课程背景

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

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

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

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

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

限时福利

  1. 订阅后分享专属海报,邀请好友订阅有奖励。
  2. 添加社群管理员,进入技术交流 & 福利群

更新频率

  1. 3月18日至3月25日更新第一部分,基础篇;
  2. 3月28日至4月30日(完结),更新生态篇、实战篇。

如何在电脑端观看视频

  1. 用浏览器访问 https://time.geekbang.org ,登录极客时间账号;
  2. 然后在“讲堂”板块选择“视频课程”标签,点击相应的视频课程即可观看。
你觉得怎么样?期待您评价: