全新打造“技术成长&职业破局”双高体系,深度打通“全栈 + 全流程 +多端+ 提效+AI赋能”,递进式锤炼思维与高阶技能,高效实现能力跃迁,助力成为“驾驭全局,深广兼备,打通多端全栈”的高级工程师
聚焦于前端工程师的成长和发展,从深入剖析前端职业发展线路,到掌握前端核心技术和多端开发必备技术。讲解前端工作流程、工程化以及自动化实现,以及架构能力的培养和学习路径规划。
培养全栈开发思维和实战能力,加强需求分析能力,通过小闭环项目深化对工作流的理解。覆盖开发环境,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工具的桌面应用。应用实现快速项目初始化、应用市场设计和动态加载插件等原生系统功能。综合前面学习的知识,体验”瑞士军刀“式桌面应用提升开发效率的快感。
本阶段综合应用高效开发复杂项目,以知识付费后台前端项目为例。完成核心基础页面,熟悉业务并为服务端开发打下基础。实现用户管理模块,包括权限设置。开发内容管理和学习管理模块,实现内容发布、修改、审核等功能。
项目涵盖数据库设计、多租户权限、登录认证、权限管理、核心业务开发、部署测试、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、云开发、核心页面构建和支付功能实现。学习开发工作流、云后台应用、路由功能和接口对接。提升开发效率,构建知识付费商城小程序,实现支付功能。
第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调试,小程序订单通知调试技巧。
深入研究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项目的开发效率。
本阶段了解前端职场环境和趋势。面试、简历优化、工作汇报及述职报告的全流程讲解。解答职场困惑,处理职场PUA、人际关系和心态调整。提升职场软实力,应对AI危机和职场年龄危机。探讨常见面试求职工具和平台。