首页 实战 Vue3 + React18 + TS4入门到实战 系统学习3大热门技术
收藏

Vue3 + React18 + TS4 入门到实战

专为初级前端人员设计,系统性学习三大技术

Vue3 + React18 + TS4入门到实战 系统学习3大热门技术

难度 初级 时长 50小时 学习人数 112 综合评分 10.00

前端项目开发,基本绕不开 Vue + TS 或 React + TS ,因此,这已经成为前端开发工程师日常需掌握的三大热门技术。本课程针对真正的初级前端同学而设,带大家系统地掌握3者目前新版本的原理及应用,更高质量地完成工作!

西门老舅
讲师

前BAT高级前端研发

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看

基于主流“新”版本,系统性学习前端三大热门技术
面向实际时,能够灵活进行技术选型

免去到处查找资料、琢磨技术细节之苦,入门3大实用性技术

从概念剖析到技术实战,深度讲解三大技术

入门Vue3 :Vue3核心概念及选项式API
抽象独立的代码 :Vue3组件应用及单文件组件
Vue3特性 :Vue3语法
大型应用的高端写法 :Vue3组合式API详解
组织与架构应用 :VueRouter路由与Vuex状态管理
入门 React18 :React18 核心概念与类组件使用
优雅简易的开发模式 :React18 之 Hook 与函数组件
React18 特性 :React18 扩展内容与脚手架使用
组织与架构应用 :ReactRouter 路由与 Redux
状态管理
TS4 基础 :TS4 带来的编码优势
TS4 进阶 :探索类型的世界
扩展内容 :与 Vue3 结合使用
扩展内容 :与 React18 结合使用
分别用 Vue3+TS4 以及 React18+TS4 开发项目
落地所学知识的使用,并掌握两者技术选型的重点考虑方向

同一项目,2种技术方案实现,对比式理解 Vue 与 React 的优势与适用场景

同时掌握它们与 TS 结合使用的技巧

前后端分离模式
数据接口
请求 axios 封装
字体图标
路由
状态管理
配置组件库
表单验证
token 持久化存储
路由权限及登录拦截
拆分组件
动态权限菜单
登录与退出登录
描述列表和日历
控件联动
列表数据渲染
日历交互
在线打卡签到
时间线组件
异常考勤交互
功能栏组件
弹出框与分页处理
审批功能
筛选功能
异常考勤
审批流程
消息提醒功能

实战中落地3大技术开发细节及相关衍生工具,开发体验更丝滑

Vue3
选项式API
组合式API
组件
持久化处理
脚手架 vue-cli
webpack
vite
ElementPlus
vue-router
vuex
pinia
React 18
类组件
函数组件
Hooks
脚手架
react-create-app
umi
AntDesign
redux
RTK
react-router-dom
并发模式
React18 新特性
TS4
声明文件
配置文件
类型注解
声明空间
基本类型
高级类型
模块化
面向对象
函数重载
枚举
与 Vue 配合
与 React 配合

资料分享+讲师答疑+社群交流+直播加餐,学习过程更顺畅

课程资料包
讲师整理的工具资料包
全部随课分享
社群交流
与热爱学习的优秀伙伴
共同成长,拓展朋友圈
讲师答疑
你学习中的任何困难
讲师都将耐心指导
直播加餐
针对课程重难点及行业热点
提升你的认知
1 年内,课程将随技术的迭代进行相应的更新
不必担心技术快速更新带来的过时风险
第1章 课程导学 - 了解本课程必看
了解本门课程,课前准备工作,以及了解三大热门技术的发展历史。
第2章 Vue3核心概念及选项式API - 入门Vue3第一步
Vue3框架带来的优势,选项式API的优势,系统、全面的掌握Vue3的核心功能,并完成综合案例的训练。
第3章 Vue3组件应用及单文件组件 - 抽象独立的代码
组件开发是复杂应用的必备,本章节将全面介绍Vue3中组件的使用方式,动手封装Vue组件相关案例。对脚手架下的组件也进行使用说明,并且学习脚手架的实现原理,有助于新手更快上手工程环境下的开发。
第4章 Vue3语法系统进阶 - 全面掌握Vue3特性
本章将学习Vue的高级特性,通俗易懂的方式来理解这些高级知识点,对面试、复杂应用开发及全面了解Vue框架都有很大的帮助。
第5章 Vue3组合式API详解 - 大型应用的高端写法
Vue3带来的全新编码风格,组合式API的使用。全面介绍组合式API的优势,并通过案例进行讲解。
查看完整目录
适合人群
1-3年经验的前端开发者
初入社会的毕业生
技术储备
Html/Css基础
JS交互知识
前后端通信基础
环境参数
Vue 3.2.26
React 18.2.0
TypeScript 4.7.4
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题