全新打造“技术成长&职业破局”双高体系,深度打通“全栈 + 全流程 +多端+ 提效+AI赋能”,递进式锤炼思维与高阶技能,高效实现能力跃迁,助力成为“驾驭全局,深广兼备,打通多端全栈”的高级工程师

阶段一:“技术成长&职业破局”双高体系

聚焦于前端工程师的成长和发展,从深入剖析前端职业发展线路,到掌握前端核心技术和多端开发必备技术。讲解前端工作流程、工程化以及自动化实现,以及架构能力的培养和学习路径规划。

第1周

前端高级工程师成长心经

本周深入探讨前端工程师的职业发展线路,包括JS、前端技术进化史和法律知识。研究流行框架和TS,涉及全栈和多端技术。聚焦前端工作流、工程化和自动化实现,分析架构能力和学习路线。通过案例讨论瓶颈破解。

第2周

大型复杂项目需求分析及整体架构设计

本周聚焦大型复杂项目的需求分析和整体架构设计。从业务、技术和用户需求分析到总结。讲需求分析工具,讨论全局思维和架构设计概念,学架构设计工具和实际案例。深入探讨前端成为架构师的方法,编写高质量项目文档。

阶段二:【全栈开发能力-通识强化】PC端最小闭环打造全栈思维和实战

培养全栈开发思维和实战能力,加强需求分析能力,通过小闭环项目深化对工作流的理解。覆盖开发环境,IDE配置和调试技巧。深入前端页面开发(响应式设计、Mock、单元测试和服务端渲染)。提升服务端开发(接口、数据库和打包部署)

第3周

需求分析能力:与产品、后端沟通,设计工具

本周重点提升需求分析能力(与产品、后端有效沟通和设计工具使用),小闭环项目设计到实现,强化工作流理解。深入探讨需求分析、技术选型和架构设计。学习寻找前端技术方案和用UI库。推荐学习资源,提升技术实力。

第4周

玩转Node.js:前端开发&调试双击破

本周助你轻松应对前端开发和调试环境。初始化Node.js环境,深入讲解IDE配置、调试技巧)。配置Prettier和ESLint检测代码质量,控制项目缺陷。学TS高级语法和应用,跟上技术趋势。

第5周 上篇

Vue3项目框架搭建及响应式开发方案

本周我们将深入探索Vue项目的框架搭建,包括路由选择、样式库的集成、PWA的使用以及优化策略的应用等多方面的内容。此外,重点学习响应式开发的主流方案,以便能够开发出兼容各种设备的网页应用。

第5周 下篇

首页开发、Mock接口及前端测试技巧

本周深入Vue实战,从设计到实现全面掌握首页项目的开发,包括页面的详细开发、组件间传参方式以及页面样式调整等,以及使用Mock进行开发、工作流程、对接接口。学习前端测试技术:单元和e2e测试实现方式。

第6周 上篇

服务端渲染原理与Linux/Docker

在本周课程中,我们将分别探索服务端渲染(SSR)的原理与实践,了解Linux操作系统的基础知识,并进一步学习Docker容器技术的应用,介绍Docker管理工具:Potainer。

第6周 下篇

服务端开发:走向全栈Nodejs与数据库

本周聚焦Nodejs服务端开发和数据库使用。理解它作为服务端的优势,使用Nestjs框架初始化项目,调试Node.js应用。探讨编程思想,用Nestjs进行项目开发。最后实现前后端项目的打包和部署。

阶段三:【工程化能力-通识强化】开发提效、代码质量提升

深入前端工程化工具Webpack、Vite,学构建工具发展、常见场景、原理,实践Vite。掌握Git、团队协作、私有Git仓库,了解Jenkins持续集成,Mock接口和测试工具。提升工程化能力,优化开发效率和代码质量

第7周

深入Git 高效代码管理与团队协作

本周深入学习代码管理,专注于Git工具和命令,版本控制的重要性,IDE中Git应用。通过实际操作了解团队工作流中的Git应用,git子模块的使用场景,Docker创建私有化Git仓库及数据维护和备份。

第8周

前端开发利器:Mock接口及接口测试工具

本周聚焦在前端开发中经常使用的Mock接口能力,以及接口测试工具的使用。在实际工作中,我们经常需要Mock数据或接口来进行开发和测试,因此,熟练掌握相关的技术和工具是非常必要的。

第9周

前端工程化:Webpack&Vite构建

本周学前端工程化自动化构建技术,涉及构建工具历史、应用场景、单/多入口、库项目构建等概念。详解Webpack用法、插件扩展,演示Vite在Vue和React中应用,提升开发效率、代码质量。

第10周

CICD持续集成和部署及云构建工具

本周快速掌握持续集成与部署的精髓,提升工作效率。详细了解和实操Jenkins强大的CICD工具,探索如何使用云构建工具。为前端开发者提供便利的自动化工具,助你更高效地完成工作。

阶段四:【自研组件库能力-进阶提升】通用复杂管理后台高性能组件库

本阶段重点构建通用管理后台组件库(基础、业务、功能和可视化组件)。学习需求分析、组件设计、自动构建部署与测试,提高组件库质量。探索桌面开发(Electron和Tauri)提升现代组件库开发实践,增强工程能力和应用场景。

第11周

设计通用管理后台组件库:初始化模板+组件

本周构建通用管理后台组件库,涵盖基础和高级组件。基于Vue3、Vite、Element、TS解决方案,有组件二次封装、hooks、权限校验、按钮级别权限控制等功能,快速搭建企业级中后台产品原型。

第12周

通用管理后台组件库:业务组件&页面开发

本周深入开发通用管理后台的业务组件和页面。以业务需求为导向,设计开发常用的业务组件(如表单、表格),并通过组件组合构建登录注册、首页和概览等业务页面。把握业务需求,利用基础组件来满足复杂的业务场景。

第13周

管理后台:功能性组件&可视化图表与地图

本周重点开发通用管理后台组件库的功能性组件,实现数据可视化的图表和地图组件。涉及技术的广度和深度,考虑业务需求和用户体验。学习Vue指令的设计、文件下载、打印、国际化、水印和验证组件等相关技术的应用。

第14周

组件库工程化:自动构建部署与测试

本周重点组件库工程化,自动化构建部署与测试。学习单元测试确保组件库质量,使用Github Actions进行自动构建任务。深入Linux云服务器使用和配置,将云部署与自动构建任务结合实现全流程自动化。

第15周

桌面端应用:丰富组件库应用场景

本周转向桌面端应用开发。介绍主流桌面端开发框架,如Electron和Tauri。以Electron为例,深入讨论模板初始化、组件库项目集成与测试,以及桌面端应用的打包与分发。

阶段五:【大厂标准工程化+自动化-进阶】跨项目跨技术栈提升效率方案

本阶段提升工程化能力和自动化效率,跨项目跨技术栈。开发脚手架、精简组件库、扩展云构建与云部署、封装桌面应用,融合CLI与DevOps。优化工程化水平,提高开发效率。

第16周

工程化必备:开发脚手架项目

本周专注组件库的精简与工程化,开发脚手架项目,提升工程化能力。通过工具和技术,有效管理代码,提高效率,满足大型项目需求。精简核心组件与功能,深入脚手架开发的需求分析、环境搭建,及工作原理和技术方案。

第17周

进阶自动化能力:云构建+云部署能力扩展

本周进一步提升自动化能力,扩展云构建和云部署。深入探索Monorepo多仓库管理模式,比较nx和lerna等多库依赖管理工具的优劣,利用nx整合主流框架,提升实现高效的云端构建和部署能力。

第18周

融合CLI+DevOps,封装桌面端应用

本周课程:实际应用导向,创建集成CLI工具的桌面应用。应用实现快速项目初始化、应用市场设计和动态加载插件等原生系统功能。综合前面学习的知识,体验”瑞士军刀“式桌面应用提升开发效率的快感。

阶段六:【高效开发能力-进阶】综合组件库高效开发-知识付费后台前端

本阶段综合应用高效开发复杂项目,以知识付费后台前端项目为例。完成核心基础页面,熟悉业务并为服务端开发打下基础。实现用户管理模块,包括权限设置。开发内容管理和学习管理模块,实现内容发布、修改、审核等功能。

第19周

Vue组件库开发知识付费项目核心页面

本周是组件库与服务端前端页面衔接的重要阶段。综合之前所学,分析知识付费业务的设计原型,准备开发环境。快速应用组件库模板到实际业务页面,以熟悉业务,并为服务端开发奠定坚实基础。

第20周

动态表单+表格:知识付费项目用户管理开发

本周核心内容将围绕动态表单和表格展开,重点在于知识付费项目的用户管理模块开发,其中包括实现用户管理模块,提供用户信息查看、权限设置等功能。

第21周

复杂交互场景自定义:项目内容管理开发

本周聚焦知识付费项目内容管理的开发,将最终完成管理端PC页面的开发,完成内容管理和学习管理的业务部分。

阶段七:【复杂服务端开发-高阶跃迁】Nestjs开发知识付费服务端

项目涵盖数据库设计、多租户权限、登录认证、权限管理、核心业务开发、部署测试、CICD、WebSocket和ChatGPT集成。掌握多数据库存储、文件上传、云存储、性能优化、监控、版本控制和回滚策略,创建AI聊天机器人。

第22周

大型权限系统设计:多租户权限数据库设计

本周深入探讨大型权限系统设计,特别聚焦在多租户角色权限数据库的设计。通过学习数据库设计原理,设计出适用于业务系统的数据库,并理解多租户设计以及权限设计的关键概念。

第23周

登录认证+权限管理

本周深入探讨登录认证与权限管理的设计和实现。聚焦登录认证机制的设计, JWT Token管理、用户信息维护、账户锁定和防护等关键环节。实践与第三方服务对接,设计密码策略。登录审计和日志记录的重要性。

第24周

内容+学习+用户+交易核心业务服务开发

本周课程集中在核心业务服务开发,包括内容、学习、用户和交易管理四大模块,为与小程序对接做准备。挑战文件上传、对象云存储对接、统计功能和多数据库多类型存储等复杂功能,提升业务服务的完善度和实用性。

第25周

Nestjs服务端部署、测试及CICD

本周重点是服务端接口测试、性能优化和部署安全性提升。设计实用的版本控制和回滚策略。配置自动化打包部署脚本,学习服务端中间件环境部署知识。设计有效的监控告警方案,学习邮件服务对接并开发消息机器人。

第26周

深入WebSocket

本周围绕WebSocket及其在NestJS框架中的应用,深入探讨从基础到高级应用的全方位技能。通过案例学习如何建立和优化连接,管理客户端和服务器之间交互,并探讨网络安全,确保应用安全高效运行。

阶段八:【架构设计能力-高阶跃迁】微服务架构重构大型复杂项目

学习微服务架构设计和实践技巧。通过使用Nestjs实践多种微服务通信方案来加深理解。重构服务端项目,服务拆分、添加监控服务和接入第三方服务。学习微服务容器化实践-K8S安装和配置。助你提升对微服务架构的理解和应用能力。

第27周

架构入门:前后端的微服务

本周讲解架构设计基础知识,明确架构设计的概念,理解架构设计中的常见模式。让你对微服务架构全面理解,包括微服务架构和分布式的区别,以及前端的微服务概念。探讨服务治理概念,学习Nestjs实现微服务。

第28周

架构实践:nestjs框架微服务技术

本周重点是在NestJS框架下进行微服务技术的深度实践。学习多种微服务通信方案,如gRPC、MQTT和Kafka。以知识付费业务为例,你将学会服务拆分、配置服务、用户服务和网关服务。

第29周

架构进阶:微服务架构重构服务端项目

本周深入学习微服务架构并重构知识付费服务端项目,创建通用微服务模板,拆分服务管理和添加监控服务。接入第三方服务如短信、邮件和文件上传,并学习部署和更新策略。

第30周

架构运维实践:Docker+k8s

本周介绍Kubernetes(k8s)在微服务容器化实践中的应用,包括k8s的起源、发展和核心概念。学习k8s的安装和基础组件,并了解常见的部署方案。最后,实践微服务的部署,学习k8s配置脚本的使用。

阶段九:【拓宽】uniapp+unicloud小程序云开发及支付专题

本阶段通过uniapp+unicloud实现小程序开发效率方案,包括uniapp、云开发、核心页面构建和支付功能实现。学习开发工作流、云后台应用、路由功能和接口对接。提升开发效率,构建知识付费商城小程序,实现支付功能。

第31周

uniapp+unicloud云开发

本周聚焦小程序注册流程、跨端框架和开发工作流,本地开发环境和调试,使用uniapp和HBuilderX,集成第三方UI组件和API微信配置。研究框架工作原理、多页面开发、封装工具库,实现典型功能。

第32周

小程序uni-admin云后台应用

本周使用uni-admin实现小程序的云后台应用,深入了解云开发的基本概念,包括服务空间、数据库以及云函数/云对象。熟悉uni-admin的预置功能、插件生态和数据表管理技术。

第33周

创建页面路由,小程序项目核心页面开发

本周重点构建知识付费商城小程序的核心页面,实现页面间的路由功能。完成通用型页面的构建,包括首页、导航(路由)、登录注册、个人中心等。同时开发业务型页面,如课程列表、课程详情、学习小组、微课等。

第34周

小程序项目接口对接与测试

本周聚焦知识付费商城小程序项目的接口对接和测试,实践云函数URL化,与nestjs服务端对接,集成uni-cloud-router。开发第三方登录、PC端集成、打包和发布,着重学习云函数的安全保障。

第35周

小程序支付专题

本周聚焦小程序支付功能实现,包括企业注册与税务知识,支付前置条件,开发小程序支付APIv3接口。深入剖析支付业务场景,解决开发难点。操作frp内网穿透进行本地HTTPS调试,小程序订单通知调试技巧。

阶段十:【深耕底层】Vue+React源码解读,底层思维+技术双提升

深入研究React和Vue源码,提升组件化和底层思维。实践React基础组件库,学习新特性和性能优化。解析Vue源码,理解底层思维和技术能力。设计通用业务组件库,进行测试和性能优化。集成CLI打包和CICD。

第36周

React源码解析&生态核心技术方案

本周深入源码解析,解读React新版本特性和高性能原理,学习React路由方案及工作原理,熟悉React与TypeScript的结合使用,并探索常见的React UI库。

第37周

React组件库设计:提升工程化+组件化

本周使用TS+React+Vite开发业务组件库,提炼通用模板,提高项目开发效率。探讨组件库设计思想,理解组件化构建UI的优势,深入学习组件封装,并分享设计和发布npm组件库的方法。

第38周

React组件测试及性能优化

在React工程化应用中,最后步骤是性能优化和打包部署。结合所学CICD知识,实现高效和高质量的打包。同时,深入讲解Vite工具与React的集成,实现项目的冷启动,极大提升React项目的开发效率。

第39周

Vue3源码解读

深入"Vue3源码解读",将围绕Vue框架的设计原理与实现逐步展开学习,探讨如何从源码角度理解Vue框架的设计思路。

阶段十一:职场指导

本阶段了解前端职场环境和趋势。面试、简历优化、工作汇报及述职报告的全流程讲解。解答职场困惑,处理职场PUA、人际关系和心态调整。提升职场软实力,应对AI危机和职场年龄危机。探讨常见面试求职工具和平台。

第40周

职业发展指导与AI在职场中应用

本周聚焦职场指导和AI应用,深入了解前端职场环境和趋势。讨论面试、简历优化、工作汇报和述职报告中的AI作用。解答职场困惑,如职场PUA、人际关系和心态调整。提升职场软实力,应对AI和职场年龄危机。

加餐&新课体验周AI加餐福利&新课体验

AI加餐福利&新课体验

AI时代下,只要掌握提示词工程技能,每个人都能驾驭AI,实现大幅提升工作效能和质量,拓宽职业发展,获得更多的机会和优势。

学习进度 -

完成赢大礼

学习进度达到80%,赢慕课助学礼包

购买课程后可更新学习进度

教学服务剩余 - 天

到期可续费

购买课程后可享受教学服务

什么是教学服务?

课表计划

制定学习专属课表 查看课表

自定义学习课表,提升你的学习效率

购买课程后可制定专属课表

优惠价 ¥4499.00

支持花呗 7天可退款 ¥4999

立即购买
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师