课程全新升级，对标阿里P6，从前端工程师直达大前端;一个业务场景深度打通全端+全栈+全流程，打通PC、管理后台、WebApp、uniapp小程序、移动App、跨端桌面应用和服务端接口
告别迷茫，全局认识大前端。带着大前端的全局思维，开始从项目需求分析到搭建环境，并学习数据库和Koa等，从0~1，在实战中快速领会大前端，构建前端开发全局思维。
第1周
认识大前端，全栈开发初体验
是否还在为选择使用什么框架而苦恼？是否还在为学习哪个前端框架而纠结？本周将给您满意的答案，有UI和JS框架对比与选型，有Node.js进阶使用、Web框架如何开发RESTful接口等。
第2周
企业标准的开发环境搭建
工欲善其事，必先利其器。学习最火的Docker容器技术，快速搭建测试环境。深入讲解前端必会的Mock接口与工具，并专门设计了调试技巧&真机调试讲解，与实际工作开发完美契合。
第3周
NoSQL数据库的设计与集成
本周带您解开数据之谜，学习NoSQL数据库与数据库设计原则，让您带着设计思维去设计项目数据库。掌握Redis安装、常用CLI命令，搞定Redis服务搭建与Nodejs集成
第4周
JWT登录鉴权—通用登录模块后端开发
本周解读鉴权、加密/算法、HTTPS等核心概念，实践JWT方式进行登录鉴权接口设计。从前到后，涵盖输入校验、Axios请求封装、统一错误处理、jwt功能集成及数据安全性策略的分析等知识。
良好的团队协作能力，是从前端从单一技能通往全栈的必经之路。学习Devops流程，配合文档管理、版本管理、项目进度质量管理、自动化以及效率工具，领略开发之美，效率之道。
第5周
团队协作-文档管理与缺陷控制
项目开发过程中，少不了团队协作，哪些可以提升效率？文档管理：介绍工作中必知必会的（项目+需求+接口）文档的管理办法，搭建团队的文档管理工具；介绍缺陷控制流程与工具的应用，ESLint配置深入讲解。
第6周
团队协作-版本管理
本周介绍版本控制工具，比较SVN与git的优缺点，深入Git的应用场景，结合场景学习Git命令，同时了解Git flow和devOps流程，协助同学们在自己的团队中部署Git平台，提升工作效率。
第7周
团队协作-自动化流程
本周学习团队协作最重要的部分：前端自动化流程，使用容器技术配置自动化/持续集成环境，部署Jenkins平台，结合gitlab完成完整的CI/CD落地实践，让开发者能更专注于业务，进一步提升团队效率。
手把手带你开发社区全栈项目（PC端），重点掌握接口和数据库设计能力，综合中间件、数据库知识，融合文档管理、版本控制，铺开前端全栈之路。
第8周
全栈开发—首页模块
从数据库、接口设计到组件拆分，再到首页核心功能实现，提高对前置流程理解与工具使用的熟练度。本周通过原型图到实现首页交互（复杂筛选）及接口，综合运用前置知识，学习项目开发的实战内容。
第10周
全栈开发—发贴/回帖模块
继续开发发帖/回帖核心业务之后，形成PC端社区业务闭环，配置自动化流程，完成PC端项目自动化部署。进一步巩固前置技能，综合应用效率平台与工具，完成开发与测试，培养技术栈综合应用能力。
进一步深化全栈能力，采用前后端分离架构完成后台管理系统开发，提高整体开发效率；打通社区全栈与CMS,掌握从后台管理到前端展现的整体解决方案，让你不止于前台，掌握后台综合实战能力，开拓前后台全局视野。
第12周
组件化思想进阶：iview上手文章管理
本周进入到后台管理系统开发，从项目整体架构去考虑中后台应用的开发路径。学习iview-admin 框架工作原理，自定义表格组件，完成文章管理开发。
第13周
中后台权限系统：前端权限设计方案
进入中后台系统开发中最重要环节：权限系统。介绍前端中（组件级、按钮级、路由级）三种权限控制解决方案，开发用户管理页面，定制动态搜索组件，深入学习iview基础组件：Table、Form、Modal等。
第14周
中后台权限系统：基于角色&菜单权限设计
本周将继续深入权限系统，开发包括菜单管理、角色管理以及后台权限管理API，开发nodejs中间件，实现基于角色的接口资源访问控制系统。加深前置知识的综合应用，从前到后，打通权限设计的全方位思维。
第15周
首页可视化图表与日志服务
本周将完成后端管理平台的首页管理，对首页统计功能进行定制开发，并增加日志服务，对后台接口的调用增加日志管理，系统功能完善与监管。以及前后端联调及细节优化，定制Jenkins任务及配置前后端自动化任务。
从PC端走向跨平台应用场景的开发，针对于移动Web的应用场景，如公众号、混合App，设计WebApp的开发，学习移动端适配、页面性能优化、交互等相关内容。伴随着Vue强势来袭，解锁复杂项目项目使用新技术重构能力。
第16周
WebApp页面设计与开发
WebApp本质是移动Web，在移动端适配、长列表性能、页面交互设计等核心问题如何解决？本周将讲解行业内的通用解决方案，通过首页、登录注册、详情、发贴、搜索和个人中心模块（排除消息模块）实战。
第17周
Vue3全家桶+Vite开发工具
本周介绍Vue3及生态的变化，深入Compiler的原理，结合ToDoList实战，领会Vue3.0的新特性和强大。以及给Vue项目开发带来质的飞跃的开发工具--Vite。
第18周
前后端项目Vue3重构
项目重构是工作中必不可少的环节和能力，通过重构原PC端项目首页内容，和基于iview-admin开发的管理后台项目，掌握不同项目如何与Vue3进行集成，进阶Composition API的深度应用。
作为主流量的接入口，小程序已成为前端同学必会的技术栈，而跨平台的开发往往带来的学习成本与开发成本。如何破局？借助快应用跨平台框架uniapp等技术栈，以及支付小闭环。掌握小程序从0~1全流程开发，为全端能力添砖加瓦
第21周
uniapp开发(登录、详情、个人中心)
通过登录、详情、个人中心、热门模块开发，了解小程序授权机制，获取用户信息和解密。学习复杂的页面交互逻辑设计、与后台接口进行对接、统一鉴权处理页面跳转逻辑。后台对接小程序服务端接口，解密加密过后的数据。
第22周
uniapp内容安全、订阅消息
本周接入小程序订阅消息的功能，发送登录、评论、系统等类型的消息给用户，深入发贴&消息模块，完成社区业务闭环。小程序的打包优化（资源优化、分包优化、预加载），打包与发布，上线准备与注意事项。
第23周
小程序支付专题
分三大块介绍：注册企业&税务相关知识、支付功能前置条件、开发小程序支付对接APIv3接口。分析支付功能常见业务场景、开发坑点&难点。实操frp内网穿透本地调试HTTPS，小程序订单通知两种调试技巧。
一体化项目在本阶段将完成最后的蜕变，使用主流的Flutter2.0开发移动端App跨端应用，Electron开发桌面端跨端应用，深入跨端应用原生能力，掌握主流技术栈的应用场景，构建全端完备能力，拓展全端全局视野。
第24周
跨平台框架Flutter2与状态管理方案
快速带你掌握移动端跨端App框架，对于前端同学如何上手移动端跨端的开发？Flutter作为如今优秀的跨端解决方案，Dart语言学习坡度适中，组件化的思想、状态管理、数据持久化这些概念都与前端非常贴合。
第25周
封装请求&数据持久化方案&路由
深入Flutter通用业务模块的开发，介绍学习套路，类比前端中的学习策略，从页面到请求，从状态共享到数据持久化，结合路由完成丰富的页面逻辑。掌握核心的Flutter技能点，方便后续功能迭代与业务应用。
第26周
Flutter 后台消息&打包上线
介绍两种消息推送的场景（本地消息、后台消息)，结合WebSocket实现Flutter侧的消息通用工具类；以及跨端移动App（Android、iOS)，如何进行测试、打包与上线、错误日志收集。
第27周
Electron桌面端与主流的框架
本周将进入全端项目的桌面端，扩展工作中的应用场景，对比桌面端跨端应用的主流技术，分析Electron丰富的UI库 + 庞大体量的第三方npm库优势，结合前端组件化的思想，让桌面端跨端开发变得高效。
第28周
Electron桌面端-社区业务集成
本周进入Electron桌面端实战，开发社区应用核心模块首页 + 登录注册+扫一扫登录，对接系统消息功能。实战打包windows&MacOS跨平台应用，了解如何实现热更新，完成桌面端应用开发的小闭环。
欲成神功，必修内功。源码的解读能力一直是前端想要GET的技能，可以做到一通百通，学习他人的经验，可以提升代码组织、架构能力。本阶段重点介绍React框架的核心概念、技术+工作原理，并实战通用业务组件库，拔高技术硬实力。
第29周
React17新特性
React 17带来了性能提升，结合TypeScript，让Reac代码更加健壮、易于维护。如何配置通用项目，学习React路由方案及工作原理，深入解读源码。
第30周
React-Hooks&状态管理方案
解锁 React + TS 高阶用法。本周将深入实际开发场景，学习React Hooks工作原理，Redux和Mobx两种状态管理方案，深入解读核心源码。
第31周
React组件库设计&工程化
使用TS+React+Vite开发业务组件库，提炼通用模板（测试集成、格式化、ESLint、提交校验、自动日志），提升项目开发效率。了解库类型项目如何组织代码，学习组件封装+分享npm的组件库设计。
第32周
React工程化&性能优化
React工程化的应用，项目最终需要性能优化 +打包部署，结合前置CICD知识背景，完成高效高质量的打包工作。讲解Vite工具与React的集成，实现冷启动，提升平时React项目的开发效率。