Vue3.0(正式版) + TS 仿知乎专栏企业级项目

第1章 课程介绍
本章节介绍整个课程的内容,让大家了解课程的核心和安排。

1-1 课程介绍(导学 ) 试看
1-2 代码库和在线文档使用注意事项(必看)
第2章 你好 Typescript: 进入类型的世界
本章主要帮助大家理解 TypeScript 可以解决的问题和所带来的优势,带领大家学习 TS 中的各种基础类型,然后进阶到复杂类型,包括:Array, Tuple, interface, function, Class, Enum, Generices等,迅速帮助大家理解 TS 的基础使用方式和语法。

2-1 什么是 Typescript
2-2 为什么要学习 typescript
2-3 安装 typescript
2-4 原始数据类型和 Any 类型
2-5 数组和元组
2-6 Interface- 接口 初探
2-7 函数
2-8 类型推论 联合类型和 类型断言
2-9 class – 类 初次见面
2-10 类和接口 – 完美搭档
2-11 枚举(Enum)
2-12 泛型(Generics) 第一部分
2-13 泛型(Generics) 第二部分 – 约束泛型
2-14 泛型第三部分 – 泛型在类和接口中的使用
2-15 类型别名,字面量 和 交叉类型
2-16 声明文件
2-17 内置类型
第3章 初识 Vue3.0: 新特性详解
首先浏览 vue3 新带来的变化,然后从为什么会有 vue3 引出话题, 带领大家学习 compostion API,自定义Hooks,Teleport,Suspense 和 全局 API 修改等一系列 vue3 的重大更新。

3-1 vue3 新特性巡礼
3-2 为什么会有 vue3
3-3 使用 vue-cli 配置 vue3 开发环境
3-4 项目文件结构分析和推荐插件安装
3-5 vue3 – ref 的妙用 试看
3-6 更近一步 – reactive
3-7 vue3 响应式对象的新花样
3-8 老瓶新酒 – 生命周期
3-9 侦测变化 – watch
3-10 vue3 模块化妙用- 鼠标追踪器
3-11 模块化难度上升 – useURLLoader
3-12 模块化结合typescript – 泛型改造
3-13 Typescript 对 vue3 的加持
3-14 Teleport – 瞬间移动 第一部分
3-15 Teleport – 瞬间移动 第二部分
3-16 Suspense – 异步请求好帮手第一部分
3-17 Suspense – 异步请求好帮手第二部分
3-18 全局 API 修改
第4章 项目起航 – 准备工作和第一个页面
本章从项目的需求开始分析,然后确定项目的整体结构和代码规范,并且为项目选择 Bootstrap 作为样式库,编写 ColumnList 和 GlobalHeader 完成简单的练手以后,开始挑战第一个比较复杂的 Dropdown 下拉菜单组件,最后还抽象抽象出第一个 hooks 函数。…

4-1 项目起航 需求分析
4-2 文件结构和代码规范
4-3 样式解决方案简介和分析
4-4 设计图拆分和组件属性分析
4-5 ColumnList 组件编码
4-6 ColumnList 组件使用 Bootstrap 美化
4-7 GlobalHeader 组件编码
4-8 Dropdown 组件基本功能编码
4-9 Dropdown 组件添加 DropdownItem
4-10 Dropdown 组件点击外部区域自动隐藏
4-11 useClickOutside 第一个自定义函数
第5章 表单的世界 – 完成自定义 Form 组件
本章来到表单的世界,从头到尾非常完整的完成了一个带验证表单组件的全流程开发过程,在整个过程中,我们还学习到了 v-model,$attrs, slot,组件父子通讯 和 mitt 的各种知识点。

5-1 web 世界的经典元素 – 表单
5-2 ValidateInput 第一部分 — 简单的实现 试看
5-3 ValidateInput 第二部分 —抽象验证规则
5-4 ValidateInput 第三部分 — 支持 v-model
5-5 ValidateInput 编码第四部分 — 使用 $attrs 支持默认属性
5-6 ValidateForm 组件需求分析
5-7 ValidateForm 编码第一部分 – 使用插槽 slot
5-8 ValidateForm 编码第二部分 – 尝试父子通讯
5-9 ValidateForm 编码第三部分 – 寻找外援 mitt
5-10 ValidateForm 编码第四部分 – 大功告成
第6章 请你吃全家桶 – 初步使用 vue-router 和 vuex
本章从 SPA 的概念引出,完成了 vue-router 的安装,然后学习它的基本使用,获取信息,动态跳转,前置守卫和元信息等各种知识点,然后又介绍了状态管理工具的具体定义,从而引出 vuex 的安装 和 它的 state,mutation,getter 等多个基本知识点。…

6-1 什么是 SPA(Single Page Application) 应用?
6-2 vue-router 安装和使用
6-3 vue-router 配置路由
6-4 vue-router 添加路由
6-5 添加 columnDetail页面
6-6 状态管理工具是什么
6-7 Vuex 简介和安装
6-8 Vuex 整合当前应用
6-9 使用 Vuex getters
6-10 添加新建文章页面
6-11 Vue router 添加路由守卫 – 前置守卫
6-12 Vue router 添加路由守卫 – 使用元信息完成权限管理
第7章 前后端结合 – 项目整合后端接口
本章从 前后端分离和 RESTful 概念入手,介绍了为学生提供的 swagger 调试工具如何使用,然后引入 axios,通过 vuex action 的添加,实现 async 改造 和 axios 拦截器的基本用法,最后还抽象出一个 Loader 组件的编码和实现过程。

7-1 前后端分离开发是什么
7-2 RESTful API 设计理念
7-3 使用 swagger在线文档查看接口详情
7-4 axios 的基本用法和独家后端API 使用(必看)
7-5 使用vuex action 发送异步请求
7-6 使用vuex action 发送异步请求第二部分
7-7 使用 async 和 await 改造异步请求
7-8 使用axios拦截器添加loading效果
7-9 Loader 组件编码第一部分 – 基本实现
7-10 Loader 组件编码第二部分 – 使用 Teleport 进行改造

此资源下载价格为30猫币,请先
下载价格:30 猫币
VIP优惠:包年VIP免费
0
分享到:

评论7

请先

  1. 不全啊亏了
    bobo已购买2020-10-12 23:12:14
  2. 管理员我想问有这个课程吗 React16+Redux 实战企业级大众点评Web App
    8511039992020-10-14 23:21:00
  3. 这个什么时候更新完结呢
    feimaike882020-10-27 17:40:04
没有账号? 忘记密码?