首页 实战 低代码全栈项目实战 商业级海报编辑器全流程落地
收藏

真实高质量低代码商业项目,前端/后端/运维/管理系统

Vue3 + TS + Egg.js + Nuxt3 开发复杂真实高质量商业项目,前端/后端/运维/管理系统一课打通

低代码全栈项目实战 商业级海报编辑器全流程落地

上新特惠
¥1099.00
原价¥1299.00
难度 中级 时长 80小时 学习人数 34 综合评分 10.00

在互联网就业形式越来越严峻的今天,掌握多项具有强竞争力的技能非常重要。做一个有完整流程闭环并且有深度有广度的真实项目,可以完美适配这个需求。在这门课程中,我们用最新的技术栈实现了三个独立的项目:前端低代码海报编辑器、后端 egg.js + TS、使用 Nuxt3实现管理系统,最后从 Docker 部署到 CI/CD 的整个流程,最后完美闭环实现一个线上运行的真实项目。大幅提升自己的全栈以及架构能力。

张轩
讲师

高级前端工程师

课程预览

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

完整落地高质量商业级项目,系统掌握低代码解决方案
完美对标企业核心业务开发技术人才

掌握 Vue3 最新技术栈
和知识体系
新版技术栈:Vue3 + TS4 + ant-design
-vue + Nuxt3 + Tailwind.css
全面知识体系:Vue3基础进阶,深入
Typescript,状态管理,测试,性能优化
组件库打包发布
高难度:拖拽移动,拖拽缩放,撤销重
做,复制黏贴,动态表单
掌握复杂项目的设计
和研发过程
复杂页面 UI 组件设计和拆分
复杂数据拆分模块,合理的数据结构设计
复杂数据流的组织分析以及设计
充分考虑扩展性,灵活扩展。
掌握 Vue3 最新技术栈
和知识体系
技术栈:Egg.js + TS4 + MongoDB +
Redis + Docker + Github Actions
高难度技术:Oauth2登陆 多文件上传权
限管理 SSR渲染
云服务:OSS,ECS,云短信
全流程:Docker + Docker-Compose +
Github Actions 实现 CI/CD 自动部署

高复杂度全栈项目综合实战,拥有足以证明你技术实力的项目经验

解决项目开发中疑难问题
· 数据和表单的对应关系怎样设计,数据的相互依赖和实时更新?
· 交互的复杂性,如何实现 拖拽移动缩放排序,撤销重做?
· 画布、属性表单,两者的数据如何联动?
· 如何实现可扩展并且在前后端通用的组件库?
纯手写打造
3 个项目工程 2w+ 代码

掌握最新、最全面的全栈知识体系,轻松胜任前端与后端独立开发
成为全栈工程师

零基础,从入门到进阶,构建完整的全栈技术体系

前端基础架构
Vue3
Nuxt3
Typescript
ESLint
Vite
Vue-Cli
前端组件库以
及样式解决方案

Ant-design-vue
NuxtUI
Tailwind.css
Vue3 生态系统
以及第三方工具

Vuex / Vue-router
Vue-test-utils
图片剪裁 Cropper.js
拖动排序 Vue-draggable
-next
快捷键 Hotkeys.js
截图 Html2canvas
组件库打包以及发布
Rollup
Rollup 插件
Npm 发布和配置
Travis
服务器端
Egg.js / Typescript
加密 Bcrypt /MongoDB
Mongoose / Redis
Oauth2 / 登陆验证 JWT
RBAC 权限系统
权限控制 Casl
本地多文件上传
OSS 云文件上传
Sharp 图片处理 / SSR
管理系统
Nitro
Nuxt3 Modules
Nuxt-mongoose
Unstorage
ofetch / Zod
Veevalidate
Nuxt3 部署
性能优化
Webpack-bundle-analyzer
Webpack 构建优化
Gzip 压缩
路由懒加载
HTTP 缓存
HTTP 压缩(Gzip + Brotli)
HTTP/2
部署以及持续集成
Docker
Docker-compose
Github actions
Release-it
云服务
阿里云 OSS
阿里云 ECS
阿里云 ACR
阿里云 SMS
Gitee Oauth2

四大维度,全面锻造你的后端开发能力,前后端双兼,助你在前端竞争中脱颖而出

两大后端框架
egg.js + Typescript / Nitro +
Typescript 掌握两大后端框架
高难度权限管理
RBAC 全掌握,掌握服务器端 SSR
的实现方式
多种文件上传形式
以及图片处理全掌握
Stream + 多文件 + 阿里云 OSS
+ Sharp 处理
身份认证方式全掌握
由浅入深了解数据库 MongoDB 以
及 Redis 多种身份认证方式全掌握
(email, 短信,Oauth2)

服务器部署全打通,Docker Github Actions 实现 CI/CD 自动部署
助你成为多技能人才

从传统部署到使用 Docker 以及 docker-compose 完成容器化部署,到使用 Github Actions 完成 CI/CD 自动部署

ACR 完成 CI/CD
优化线上部署流程分析
使用 Github Actions Build 和 Push 镜像到 ACR
release-it 结合 Github Actions 以及阿里云
在 actions 中获取提交的基本信息 / 使用 release-it 简化发布流程
整合流程,完成自动部署以及回滚
掌握 Github Actions 基础以及进阶功能
重学 YAML 语法
学习使用 Github Secrets
学习 Github Actions 的进阶知识
由浅入深了解 Docker 以及docker-compose
docker images 镜像操作
Docker 容器持久化数据
向 docker-compose 添加
redis 服务并测试
Docker 多个容器互相通信
docker-compose 启动服务
Linux 阿里云ECS常用设置和安全最佳实践
云服务器设置以及登录最佳实践
使用 SSH key 进行免密码登录
docker build 性能优化
Docker Build 优化镜像大小
Docker Build 提高构建速度

慕课网金牌讲师“张轩”亲授,"循序渐进,步步深入"讲课风格受到上万学员好评

课程大纲
第1章 课程简介
课程简介
第2章 课程设计—需求分析和架构设计:做什么,如何做?
开工之前,先来看看我们到底要做一个什么项目,有哪些功能。然后站在上帝视角,从整体的架构层面,该如何设计该项目。
第3章 B端项目需求分析 和 架构设计
对于一个复杂前端项目,在编码之前,分析过程可谓是“磨刀不误砍柴工”,本周我们来给大家讲解怎样一步步抽丝剥茧,从需求到难点,再到系统整体设计。
第4章 前端基础技术回顾和巡礼
在课程正式开始之前,扎实的基础知识是本课程的必备条件。这一周,让我们一起来温习 - typescript,vue3,ant-desing-vue 以及 webpack 和 rollup 的基础知识。
第5章 项目整体搭建
万事开头难,本周我们使用技术储备中简介的知识,来搭建项目的大体结构和框架,包括 项目创建,代码结构,基础路由,基本布局和 基本的全局数据结构。
查看完整目录

每个慕课网课程,都是一个专业的技术社区

个性化增值服务,学习有保障更高效

答疑专区+技术社区
连百度谷歌都搜不到的问题,在这里讲
师都将耐心详细解答,更有小伙伴一起
交流互动,共同进步。
课程全套代码下载
提供课程全套源代码下载,包含:
全套组件封装镜像、私有仓库、各个服
务的镜像、项目源代码。
独家“动态”教辅材料
丰富的专属教辅资料上传更新,通过课程
教案、原理图解、技术文档、演示案例等
各种教材,保障你的学习效果。
适合人群
想学习 Vue 完整技术栈以及完成复杂项目的同学
想成为全栈工程师的同学
想扩展自己的技术栈的同学
技术储备
熟悉 HTML CSS 和 JS 语法
了解 vue3 技术栈
环境参数
Vue v3.0
Typescript v4.0
Nuxt v3.0
Egg.js v2.6.
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

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

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