Vue 开发实战
唐金州
一点资讯前端技术专家,Ant Design Vue 作者
60939 人已学习
新⼈⾸单¥59
课程目录
已完结/共 53 讲
Vue 开发实战
登录|注册
留言
99+
收藏
沉浸
阅读
分享
手机端
回顶部
当前播放: 01 | 课程介绍
00:00 / 00:00
高清
  • 高清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.75x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看
01 | 课程介绍
02 | Vue简介
03 | 内容综述
05 | 组件基础及组件注册
04 | 第一个Vue程序
06 | Vue组件的核心概念:事件
07 | 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管理)
本节摘要

源代码及课件地址

https://gitee.com/geektime-geekbang/geektime-vue-1

内容要点

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

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

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

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

针对以上痛点,本课程设计了专门的实战环节,学完后,你不仅能掌握 Vue 的技术原理,还能达到独立负责开发 Vue 前端项目的能力。

登录 后留言

全部留言(110)

  • 最新
  • 精选
FishParadise
一直从事后端开发,后来发现spring boot和前后端分离开发相性很好,就有了萌生学习vue的念头,主要还是希望可以看到如何快速的利用市场上的各种组件库搭建自己的系统,同时希望学习到当工作中遇见一个新的vue项目时,如何快速的从杂乱的前端代码中快速梳理出来一条阅读路线,就像后端代码我可以从main函数开始逐层剖析,前端工程往往觉得很繁琐。

作者回复: 实战环节见 😄

2019-03-19
2
11
洛奇
ant design是什么?

作者回复: 蚂蚁金服开源的一套设计语言

2020-03-06
5
pluto
使用vue会让人感到身心愉悦,它同时具备angular和react的优点,轻量级,api简单,文档齐全,简单强大,麻雀虽小五脏俱全.

作者回复: 👍

2019-03-18
3
Q罗
唐老师,之前看文档学习,花了不少时间,表面看懂了,其实很多东西都是一知半解。现在过来听了你十几章节了,你的课程逻辑非常清晰,讲到要点上,很容易理解,节省了很多时间和脑细胞。非常赞。相信等听完你的课程,再回头看vue相关的文档,会觉得很简单。😝

作者回复: 感谢支持

2020-02-10
2
adminจุ๊บ
老师 适合初学者吗?

作者回复: 需要有js css html 基础

2019-11-19
2
嘉堂的啤酒
vue开发实战这门课介绍了vue、angular、react是业界非常优秀的前端框架,vue基于HTML的模板语法和响应式的更新机制,帮助我们更快更高效地开发项目,具有庞大的生态圈,为我们在学习和实践提供了更多的实例和应用。哇,感觉要飞起来了

作者回复: 一起飞 😃

2019-12-19
1
阿尔法
这个怎么没见实战案例?

作者回复: 实战篇就是啊

2019-12-04
1
涉江而过 芙蓉千朵
老师,希望你能看到哈,我正在考虑买一套vue教程学习,看了你的课程介绍感觉不错,但是我发现实际的课程目录写的并不是那么全,请问您确定教程中是用vue重写了整个antd pro吗?求解答!

作者回复: 当然不是整个,是抽象pro,讲解里面的知识点,重复的东西不会开发,如图表,pro有很多类型的图表,我们只会通过一个类型来讲解图表的使用方式 而不是开发全部的图表

2019-05-12
1
刃心
老师有可以推荐些 vue的书籍吗,

作者回复: 这个还真难到我了,我没有看过这块的书籍,没办法很明确的推荐给你,不过相对于书籍,我更加推荐官方文档

2019-03-20
1
OHAT
唐老师,Ant Design Vue 表格defaultExpandAllRows初始化展示,数据更新后全部闭合了,有什么办法解决吗

作者回复: Defaultxxx系列的api 仅在初次渲染时生效,数据更新后就不是初次渲染了 用expandRows

2020-03-25
2
收起评论