首页 实战 前端高手养成计划-从前端到后端,全栈开发大型项目
收藏

全栈开发高可扩展,高可维护性“当当书城WebApp”

外部不稳,自身底盘更得稳!从纯前端到“真正懂后端的前端”

前端高手养成计划-从前端到后端,全栈开发大型项目

难度 中级 时长 53小时 学习人数 95 综合评分 10.00

前端高手养成计划-从前端到后端,全栈开发大型项目

毫无疑问,懂后端的前端工程师,更受欢迎。无论在应对大厂面试,还是面对中小企业实际业务时,TA们都能以出色的发挥,争取更好的机会。本课程面向前端工程师,以时下流行的技术栈,助你在提升前端开发能力的同时真正走进后端,真正夯实+扩展个人能力,实现里程碑式跨越。

keviny79
讲师

前百度技术专家

课程预览

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

不做夸张承诺,认认真真助纯前端拓展后端视界与技能的良心好课

学完这门课,不足以让你成为架构师,但一定是你成长必须跨越的一步!

最新前沿技术
Vue3.2、状态管理Vuex4
打包工具 vite
前后端高度融合TS
TS+Vue+Vite,TS +Koa
全栈项目中学透TS
更丰富的功能落地
涵盖10+常见项目功能点
并落地相应的技术实践
更细腻的讲解风格
“保姆式”讲解
带你啃透每一个细节点

真全栈专家授课,我们有底气说,学这门课是你今年绝不后悔的选择

Keviny79老师
18年从业经验,由后端拓展向前端成长起来的CTO级别技术专家, 技
术广度和深度同时兼备,具有丰富的全栈开发经验、全栈教学经验——
让前端同学更清晰、扎实地学好后端,走向全栈。

精选经典APP项目,高标准实践前端主导下的全栈开发

我们知道,当下的你更需要这样有规格的项目来提升自己

图书分类
当当首页
购物车
订单
功能完善、技术栈丰富,高可扩展、高可维护

获得在全栈项目中 TS与Vue ,TS与koa深度实践的能力

没有后端基础?没关系!带你学好你所需要的后端知识与技能

1. TS 灵活分离 Vue3.2 组件,视图逻辑代码
2. Vuex4 +TS 多模块封装能力
3. TS 封装 可扩展性高的Axios
4. TS 构建复杂场景缓存工具
5. Pinia 新一代状态管理的深入应用
6. TS 实现 基于 OOP思想的 Vuex4 actions,getters 自动调用 
1. TS 手写自动路由加载工具
2. TS 封装 log4js 日志工具
3. TS 封装 全局异常工具
4. TS 封装 三种 互补 Sequelize 数据表CURD 方案
5. TS 装饰器 构建 Koa路由 

真正 5:5 比例前后端深入讲解,不要蜻蜓点水式学习

从架构设计开始,就追求高质量代码标准——高可扩展/高可维护,掌握分层思维

Vite.config.ts整合Dotenv
vite +ts 10项ESLint rules
TS + Axios后端异步调用
Vue3. 200P模式调用getters, actions
减压高并发的图书排序、排行榜
搜索自动补全防抖
Computed和Vue3.2分离
复杂搜索的复杂页面布局
DotenvParseOutput自动提示解决
学透 Vite 19项tsConfig配置
异步请求访问自动提示
Vuex4集成Proxy
减压高并发的购物复选难题化解
购物、图书列表购物组件合成
WatchEffect和Vue3.2分离
图书详情的复杂布局
globEager资源动态管理
TS封装异步环境配置类
被遗忘的float 布局妙用
高可维护性动态图片
good-storage购物车复杂应用
TS+Vuex4.多模块状态管理
TS对Vue3.2 组件整合和分离
小球飞入购物车动画
回复、取消回复动态切换
网格、弹性布局交错应用
token权限验证
Pinia状态管理全面应用
TS封装Dao层 BaseDao异步查询 连接池底层原理 购物车Service层应用 深层应用TS解决底层死角 TS装饰器
手写TS版自动路由加载 ORM原理解析 Sequelize聚合分组查询 深入MySql外键 级联更新 reflect-metadata
Aop通用全局异常 Sequelize 3种互补方案 Sequelize 模型分层 Sequelize动态分页查询 深入左,右外连接 Koa订单和详情级联添加 TS装饰器重构Koa路由
精简响应封装 TS封装log4js 装饰器模型 纠正被误用的Service层 Sequelize 多表关联 Koa+TS项目架构升级
极速理解洋葱模型 数据库配置封装 数据库连接池配置 Service 层3种核心应用 ORM多变关联底层死角解析 模块架构,功能架构交织
MySq| 8安装+安装配置详解
12种数据类型
3种分页查询
left outer join查询
delete操作
Sequelize连接MySq|
Navicat可视工具
主键理解
or、and、in查询
right outer join查询
更新,追加表字段
MySql绿连接
Koa+ TS +ORM
数据库连接配置
模糊查询
外键和外键约束
insert操作
表别名,字段别名
MySql数据库操作
投影查询
from多表查询
insert批量操作
默认值约束
MySq|数据表创建
聚合分组查询
inner join查询
update操作
Koa +TS连接MySq|
1. Koa +TS +Sequelize +MySql 项目分层架构。
2. 响应成功和响应失败精简封装。
3. TS 装饰器重构 Koa 路由。
4. 三种互补式的TS+Sequelize方案封装。
5. TS+Koa+MySql 数据库配置工具。
6. TS + log4js日志工具。
7. 项目模块管理。
8. Vuex4 +TS 多模块封装和OOP 思想的调用封装。
9. Vite动态图片管理。
10. Vite.config.ts 配置管理。
11. TS + Axios 后端异步调用管理全类封装。
12. TS + Vue3.2 视图,组件整合和分离。
13. 手写自动路由加载工具。
14. Vue3.2 + Pinia +TS组件和业务分离
1. 手写自动路由加载工具。
2. TS + Aop 式的全局异常封装。
3. 项目模块管理。
4. Vite动态图片管理。
5. TS + Vue3.2 视图,组件整合和分离。
6. TS + Axios 后端异步调用全类封装。
7. TS+Koa+MySql 数据库配置工具。

在多业务场景的实现中,掌握多种技术的高效实践

技术实践:
TS 复杂应用:
1、TS 解决 ORM 关联死角难题, TS 装饰器,TS 通用工具—— TS 对象去重+TS 交叉合并
     + TS 指定 key子数组提取。
2、TS Pick, Record, keyof keyof extends,infer,reduce,map 综合深层应用。
3、ORM+TS:Sequelize 多表关联,OneToMany应用,连接池,模型目录加载,多表查询。
4、Koa+TS: 全局异常,自动路由加载,装饰器路由
5、MySql: inner join 内连接,外键约束创建。
6、Vue3.2+TS: 组件和业务分离,响应式技术,组件化封装,Axois 拦截器+异步请求集成封装。
7、布局:flex 布局 ,grid 布局, 定位布局,浮动布局妙用。
8、Vuex4+TS: 多模块 Vuex4 ,Proxy+ OOP 重构Vuex4。
技术实践:
1、Koa+ORM+TS:Service 层购物实现,Dao 层,BaseDao, 多级路由
     全局上下文,log4js日志。
2、装饰器路由重构,ORM模型实现。
3、Vue3.2+TS: 组件复用,组件合并,Vue3.2 和 Computed 分离,子组件间数据传递,
4、组件方法暴漏,good-storage 购物封装,ElMessage。
5、Vuex4+TS: mutations,actions,getters 二次封装,对象模式轻松调用。
6、布局:flex 布局 ,grid 布局, 定位布局。
7、MySql: update, insert, 外键。
技术实践:
1、Koa+ Sequelize + TS : Dao 混合查询,Sequelize 装饰器Model。
2、Vue3.2+ TS: ref 组件,跨组件遮罩处理,图书下拉菜单,出版社复选、重置
     图书搜索,TS 分离简化 Vue3.2 组件。
3、Vuex4+ TS: Vuex4,store 多模块管理,Proxy+ OOP 重构Vuex4。
技术实践:
1、Koa+ORM+TS:Sequelize 装饰器模型查询,装饰器路由。
2、Vue3.2 +Vuex4 + TS: 搜索自动补全防抖,mutations 同步数据保存,
3、TS 精简 Vue3.2 组件,路由切换数据状态处理,actions+axiosUtil异步请求
4、布局:flex 布局 ,grid 布局, 定位布局。
5、MySql: 模糊查询,投影查询。
技术实践:
1、Koa+Sequelize+TS : Sequelize 订单 和订单详情 model 添加订单和订单详情
     订单模型外键获取,订单详情和订单 id 合并。
2、Vue3.2 +TS : Vue 响应式技术,组件化封装, 缓存购物车订单数据转化,TS
     实现订单和订单详情合并。
3、MySql: insert,外键。
技术实践:
1、Koa+Sequelize+TS: Sequelize 带条件的原生 sql 多表关联查询,TS 对象排重
     combine 对象,Pick, Record,infer,
2、Record 索引错误解决
3、Vue3.2 + TS: 子路由配置,子路由跳转,router-view,路由重定向,事件发射
4、Vuex4+ TS: store, actions,getters,mutations
5、布局:flex 布局 ,grid 布局, 定位布局
6、页面技术:scrollHeight,offsetTop,offsetHeight, addEventListener
01
图书一级到三级分类切换
02
图书列表页面的购物车增减删图书
03
筛选图书出版社复杂搜索
04
图书关键字自动补全,图书搜索
05
提交订单
06
图书评论和评论回复

“保姆式”授课风格,对基础不够牢固的同学也非常友好

在此保证课程中涉及到的每个知识点学透

答疑+文档+督学+面试,全方位服务保障你的学习成果

答疑服务
大牛讲师+技术社区
讲师答疑
你学习中的任何困难
讲师都将耐心指导
技术社区
百度谷歌都搜不到的问题
来技术社区都能找到答案
闭环教学
代码+资料+作业练习
源码下载
课程全套源代码下载
轻松复用
独家教辅资料
通过原理图解
演示案例等各种教材
保障你的学习效果
全程作业练习
通过综合应用
让你的知识点融会贯通
掌握更牢靠
学习赋能
社群伴学+进度监控
社群伴学
和热爱学习的
优秀伙伴一起成长
进度监控
随时查看学习进度
查漏补缺
职场赋能
面试指导+面试题分享
面试辅导
站在大厂面试官的角度
给你全方位的面试启发
面试真题
市面上打着灯笼
也找不到的面试真题
一次拿到手
第1章 课程介绍
对课程进行简单的介绍。
第2章 当当书城项目前端准备—Vite +Vue3.2+ TS 实现企业级环境配置(上)
本章结合 TS 详讲企业项目必备的前端技术配置和诸多细节:包括 Vite 环境配置,TS +Dotenv + Vite.config.ts 函数式配置。
第3章 当当书城项目前端准备—Vite +Vue3.2+ TS 实现企业级环境配置(下)
本章结合 TS 详讲企业项目必备的前端技术配置和诸多细节:包括动态图片管理, Vite 中的 ESLint 配置 及10项 rules 配置, 19项tsconfig.json 配置。
第4章 深度 TS 递进式构建高可维护性,高可扩展分层项目架构(上)
本阶段知识量大,广而深。 囊括:1. MySQL数据库,SQL查询,路由,全局异常准备,响应处理,日志封装。
第5章 深度 TS 递进式构建高可维护性,高可扩展分层项目架构(中)
本阶段知识量大,广而深。 囊括:1.数据库配置封装、Dao 封装、ORM框架的开发。
查看完整目录
适合人群
1-3 年的前端开发工程师
技术储备
对 TS 泛型,装饰器 和 TS 高级语法,函数重载有一定掌握
具备 Koa的基础语法
环境参数
vue 3.2.25
vite 2.9.7
typescript 4.6.3
sequelize 6.19.1
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

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

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