Vue开发实战 从0开始搭建大型Vue项目
课程介绍
大部分人在学习和使用过程,经常面临以下问题:
- 概念过多,记不住,真正开发的时候还得一遍又一遍的翻文档;
- 没能真正理解数据驱动,总是用各种hack方法更改视图,为项目挖了一个又一个的坑;
- 工程化不熟练,面对大型项目中的单页面、多页面、前后端分离、mock联调、构建、打包、单测、持续集成等等一系列流程,手忙脚乱不得要领。
针对以上痛点,本课程设计了专门的实战环节,帮你在掌握Vue技术原理及应用的同时,通过实战项目来打通前端工程化全链路技能点,真正做到学完即用。
你将获得
1.掌握 Vue 核心知识点和实现原理;
2. 熟悉 Vue 生态及相关工具的使用;
3. 打通前端工程化全链路技能点;
4. 具备开发大型前端项目的能力。
课程目录:
第一章:基础篇 (17讲)
01 | 课程介绍
02 | Vue简介
03 | 内容综述
04 | 第一个Vue程序
05 | 组件基础及组件注册
06 | Vue组件的核心概念:事件
07 | Vue组件的核心概:插槽
08 | 理解单文件组件
09 | 双向绑定和单向数据流不冲突
10 | 理解虚拟DOM及key属性的作用
11 | 如何触发组件的更新
12 | 合理应用计算属性和侦听器
13 | 生命周期的应用场景和函数式组件
14 | 指令的本质是什么
15 | 常用高级特性provide/inject
16 | 如何优雅地获取跨层级组件实例(拒绝递归)
17 | template和JSX的对比以及它们的本质
第二章:生态篇 (13讲)
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 | 生态篇习题解答(下)
第三章:实战篇 (21讲)
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 | 如何做好组件的单元测试
第四章:福利篇 (2讲)
52 | 如何发布组件到npm
53 | 结课测试&GitHub相关生态应用(持续集成、单测覆盖率、文档发布、issue管理)
学习地址
step1、点击下方下载按钮—–>. step2、扫码支付 —–> step3、显示下载资源
更多资源认准 小月博客 如有问题请联系客服微信: ITBOKE