阶段亮点:

1.项目涵盖企业官网、电商PC端、移动端H5等多领域界面布局，覆盖行业最常见项目类型

2.Tab切换、banner轮播图、下拉菜单等动效从原理讲起，为后续JavaScript交互打好坚实基础

3.Flex+Grid双布局体系精讲，职场高频布局技术无死角覆盖

4.配备经典面试题专项讲解，入学即开始积累面试竞争力

学习目标：

1.认识前端工程师岗位:什么是前端?为什么需要前端?前端工程师的定位与价值是什么?

2.掌握HTML语义化标签(header/main/footer/nav/artide等)，能独立完成页面结构搭建

3.掌握CSS3核心语法，选择器优先级，盒模型，浮动，定位等核心属性

4.掌握Flex弹性布局与Grid网格布局，独立完成复杂页面排版

5.掌握CSS3过渡、动画、2D/3D转换，实现页面动效制作

6.掌握remWwNh移动端适配方案，能够独立完成跨多端移动项目布局

7.掌握Less预处理器，提升CSS编写效率与可维护性

能力目标：

1.具备轻松应对各类复杂页面布局的能力

2.具备良好的代码规范意识，养成代码洁癖

3.具备独立解决问题、寻求最优解的能力

4.具备知识与方法的总结、提炼能力

5.具备追求完美、精益求精、按时交付的品质

阶段亮点:

1.原生JavaScript从入门到精通，夯实最核心的前端编程能力——JS是所有前端框架的根基

2.事件循环、作用域、原型链等面试核心考点深度讲解，直击面试第一关

3.Axios+Fetch双请求方案，掌握真实项目接口调用全流程

4.CORS跨域原理深度剖析，从源头理解前后端交互核心

5.配备记账本App、天气查询App两个实战项目，学完即可独立完成完整应用

学习目标:

1.掌握JavaScript数据类型、变量声明、运算符、流程控制等基础语法

2.掌握函数(声明/表达式/箭头函数/回调/递归)的用法与应用场景

3.理解作用域(全局/局部/块级)与this指向规则

4.掌握原型链与继承机制，理解面向对象编程思想

5.掌握DOM增删改查操作、事件机制(冒泡/捕获/委托)、BOM操作

6.掌握HTTP协议基础、Axios拦截器、Fetch API、CORS跨域原理

7.掌握localStorage/sessionStorage本地存储，实现数据持久化

能力目标:

1.具备独立实现页面交互效果的能力

2.具备处理异步编程(回调/Promise/async-await)的能力

3.具备与后端工程师进行接口联调的实战经验

4.具备封装通用工具函数(防抖/节流/深拷贝等)的能力

5.具备前端代码性能意识，能够写出高效的DOM操作代码

阶段亮点

1.ES6+核心特性(Promise/async-await/模块化)深度讲解，面试必考的核心内容

2.手写实现防抖、节流、深拷贝、Promise.all、bind、new等高频面试题

3.TypeScript从"会用"到"熟练"，涵盖泛型、工具类型、条件类型等高级特性

4.掌握tsconfig配置，能够独立搭建TypeScript工程环境

5.基于TypeScript重构第二阶段项目，真正做到类型系统实战落地

学习目标

1.掌握ES6+核心语法:解构赋值、模板字符串、扩展运算符、Set/Map、Symbol

2.深入理解Promise、async/await异步编程范式

3.理解事件循环(EventLoop机制，掌握宏任务与微任务的执行顺序

4.理解闭包原理、应用场景及内存泄漏解决方案

5.掌握TypeScript类型系统:接口、泛型、工具类型、条件类型、映射类型

6.能够编写.d.ts声明文件，具备为第三方库补充类型的能力

7.掌握模块化(ESModule)与工程化代码组织方式

能力目标

1.具备读懂并手写各类高级JavaScript代码的能力

2.具备面试中应对JS原理类高频考题的能力

3.具备在项目中应用TypeScript进行类型安全开发的能力

4.具备编写高质量、可维护前端代码的能力

5.具备技术方案设计能力，能够主动选择最优技术方案

阶段亮点

1.独立成模块系统化教学，告别散装工程化”，覆盖完整工程化技能链路

2.Vite+Tailwind CSS强强联合，学习最新前端工程实践

3.ESLint+Prettier+husky+commitlint完整代码规范体系，团队协作从入学抓起

4.GitFlow团队协作实战，分支管理与冲突解决真实模拟

5.基于Vite +TypeScript +Tailwind CSS +ESLint + Prettier搭建完整工程模板

学习目标

1.掌握npm/yarn/pnpm包管理器的使用与依赖管理策略

2.掌握Vite核心原理与工程化配置，能够独立搭建现代化前端工程

3.了解Webpack核心概念与构建原理，理解其与Vite的差异

4.掌握TailwindCSS原子化样式方案，能够高效编写响应式样式

5.掌握ESLint+Prettier代码规范配置，能够为团队制定代码规范

6.掌握husky+lint-staged+commitlint Git钩子自动化检查流程

7.掌握GitFlow团队协作流程，具备多人协作开发能力

能力目标

1.具备独立搭建现代化前端项目工程的能力

2.具备代码规范意识，能够参与团队代码规范制定

3.具备使用Git进行团队协作开发的实战能力

4.具备性能意识，理解代码分割、Tree Shaking等优化原理

5.具备工具链选型能力，能够根据项目需求选择合适的技术工具

阶段亮点

1.Vue3+Composition API+TypeScript三剑客组合，对标Vue岗位主流技术栈

2.Pinia状态管理

3.Axios企业级封装:请求拦截/响应拦截/统一错误处理/Token自动注入

4.Element Plus+Vant 4双组件库，PC端与移动端全覆盖

5.Vue3企业中后台管理系统实战项目，含RBAC权限管理、数据可视化大屏、Excel导入导出等企业核心功能

学习目标

1. 掌握Vue3 Composition APl核心:setup/ref/reactive/computed/watch/watchEffect

2.理解Vue3响应式原理(Proxy vs Object.defineProperty)，深度理解框架底层

3.掌握Vue Router4:动态路由、嵌套路由、路由守卫、懒加载

4.掌握Pinia状态管理:defineStore/持久化/模块化管理

5.掌握组件化开发:Props/Emit/插槽/自定义指令/动态组件

6.掌握Element Plus组件库，能够快速搭建企业级PC端后台系统

7.掌握Vant4移动端组件库，能够开发高质量移动端页面

能力目标

1.具备独立开发中型Vue3企业级项目的能力

2.具备Vue3源码级理解能力，能够应对Vue原理类面试题

3.具备前后端分离架构下的前端工程能力

4.具备封装通用业务组件的能力，提高团队开发效率

5.具备Vue3项目性能优化的实战能力

阶段亮点

1.填补纯前端短板，3周达到可独立开发后端接口的实用水平

2.Express+MySQL+Sequelize ORM+JWT完整后端技术栈

3.Linux服务器基础(pm2进程管理/服务器部署)，真正具备全栈能力

4.RESTful API设计规范，前后端分离接口开发实战

5.企业级实战案例

学习目标

1.掌握Node.js运行机制、事件循环原理、内置模块(fs/path/http/Stream)

2.掌握Express框架:路由配置、中间件机制、错误处理、文件上传

3.掌握MySQL数据库操作:SQL语句、Navicat图形化工具、数据库设计

4.掌握Sequelize ORM:模型定义、关联关系、事务处理

5.掌握JWT身份认证:Token签发/校验/中间件鉴权

6.掌握Linux基础命令与pm2进程管理，具备服务器部署能力

7.掌握前后端联调:代理配置、接口文档编写(ApiFox/Swagger)

能力目标

1.具备独立开发RESTful API接口的能力

2.具备MySQL数据库设计与操作能力

3.具备全栈开发能力，能够独立完成前端+后端完整项目

4.具备服务器部署与运维基础能力

5.具备接口安全意识，了解JWT鉴权与接口防护

阶段亮点

1. React 18、 19新特性:Concurrent Mode /useTransition / useDeferredValue / Suspense

2.Redux Toolkit(RTK)替代传统Redux，写法更简洁，效率更高3.TanStack Query数据请求，服务端状态管理新方案

4.Ant Design 5企业级UI组件库，市场主流

学习目标

1.掌握React18、19核心:JSX语法、虚拟DOM原理、Diff算法

2. 掌握React Hooks体系:useState/useEffect/useRef/use Callback/useMemo/useContext/自定义Hook

3.掌握React Router 6:嵌套路由、动态路由、编程式导航、路由守卫

4.掌握Redux Toolkit:createSlice/configureStore/createAsyncThunk

5.掌握TanStack Query:useQuery/useMutation/缓存策略/乐观更新

6.掌握Ant Design 5组件库，快速搭建企业级React应用

7.理解React Fiber架构与Hooks底层原理

能力目标

1.具备独立开发React企业级项目的能力

2.具备React原理级理解能力，能够应对React面试高频题

3.具备服务端状态管理方案选型能力

4.具备封装React自定义Hook的能力，提高代码复用率

5.具备React项目性能忧化能力

阶段亮点

1.uni-app跨端开发，一套代码同时运行微信小程序/H5/App，就业竞争力更强

2.条件编译#ifdef/#fndef)实现多端差异化，企业真实开发流程

3.微信登录与用户体系完整实战

4.外卖/生鲜电商小程序综合项目，涵盖购物车、订单管理等核心功能

学习目标

1.了解微信小程序原生开发基础:目录结构、配置文件、生命周期

2.掌握uni-app跨端开发:Vue3 Composition APIl +pages.json配置

3.掌握uni-app条件编译，实现微信小程序H5/App多端发布

4.掌握uni-app+Pinia状态管理方案

5.了解微信登录流程(wx.login+code2session+openid)

6.掌握VantWeapp组件库，提升小程序开发效率

能力目标

1.具备独立开发微信小程序的能力

2.具备uni-app跨端开发能力，一套代码多端运行

3.具备微信生态开发的基本认知(登录/支付流程)

4.具备小程序性能优化的意识与基础能力

阶段亮点

1.完整的全栈跨端AI智能平台项目，全面实战能力提升

2.Cursor/Claude Code/GitHub Copilot/通义灵码等AI编码工具实战，开发提效30%+

3.接入大模型APl:流式输出/SSE/AI对话组件，拥抱AI时代

4.性能优化专题:浏览器渲染原理/LCP/FCP/CLS/代码分割/懒加载

5.面试高频题全覆盖:JS原理Nue原理/React原理/网络/手写代码

6.简历优化+模拟面试+就业指导一条龙服务

学习目标

1.掌握Cursor/Claude Code/GitHub Copilot/通义灵码等AI编码工具的使用与提效技巧

2.掌握AI辅助技术方案设计、代码Review、文档生成等实战工作流

3.掌握调用大模型API(腾讯混元/OpenAI/百度文心)实现AI对话功能

4.掌握流式输出(SSE)原理，实现AI打字机效果

5.掌握浏览器渲染原理(重排/重绘/合成层)及性能优化方案

6.掌握前端高频面试题(事件循环/原型链/闭包Nue3响应式/ReactHooks原理)

7.掌握手写代码题:防抖/节流/深拷贝/Promise.alVbind/new等

8.掌握简历STAR法则撰写、项目包装、面试应答策略

能力目标

1.具备使用AI工具提升开发效率的实战能力

2.具备前端接入大模型API的完整技术能力

3.具备性能优化意识与实战能力，能够打造高性能前端应用

4.具备应对各类前端面试的综合能力

5.具备完整的作品集与高质量简历，赢得面试机会

6.具备模拟面试经验，自信应对真实求职面试