前端导航
本章共包含 43 门课程，系统覆盖从初级到高级的前端知识，帮助你循序渐进地提升技能。建议按照课程顺序学习，当前课程内容不会跳跃，基本上不会涉及后续课程的知识，有助于理解。
Stage1 页面还原能力
掌握 HTML、CSS 和 Git 基础，提升页面还原能力，为前端开发打下坚实基础。
HTML5
学完本课程你将会掌握 HTML、HTML5 和 Web 标准，了解 W3C 规范，学会安装和使用常用开发工具 VSCode。还会熟悉16种常用标签和部分语义化标签。
CSS3
学完本课程你将会了解 CSS 和 CSS3 的核心特性，掌握27种常用样式案例，学会使用选择器、flex布局和三种定位方式的区别。
Git
学完本课程你将会学会安装和使用 Git，掌握线上仓库管理工具的基本操作，轻松管理你的项目代码。
Stage2 专供 JS 逻辑能力
掌握 JavaScript 基础语法，实现基础交互。
JavaScript 基础
学完本课程，你将会掌握 JavaScript 的基础知识，包括数据类型、基础语法、内置对象、事件、BOM 以及 DOM 对象模型。
JavaScript 进阶
学完本课程，你将会掌握 JavaScript 的核心概念和原理，这些内容是前端面试中高频被问及的重要知识点。
ECMA Script 2015（ES6）
学完本课程，你将会掌握 ES6 新标准带来的语法和特性，能够编写更简洁高效的 JavaScript 代码。
JavaScript 数据结构与算法
学完本课程，你将会掌握 JavaScript 的核心概念和原理，这些内容是前端面试中高频被问及的重要知识点。
Stage3 前端工程化能力
掌握前端工程化相关工具的使用，提高项目开发效率和代码质量。
前端工程化思想
通过自动化构建、模块化开发、规范化流程提升前端开发效率与代码质量，实现团队协作与项目可维护性的最优化。
Webpack
学完本课程，你将会掌握 Webpack，了解如何对项目代码进行过滤、压缩、混淆与解析，并理解前端工程化的开发思想。
Sass
学完本课程，你将会掌握 Sass，了解它如何大幅精简 CSS 代码，实现 CSS 中类似 JavaScript 的语法书写。
ESLint
学完本课程，你将会掌握 ESLint 代码校验工具的使用，能够实时检测代码规范，并自定义规则提升团队代码质量。
Axios
学完本课程，你将会掌握使用 Axios 进行简洁高效的 AJAX 请求，替代原生 xhr，提高接口请求的开发效率。
TypeScript
学完本课程，你将会掌握 TypeScript 的基本语法、类型系统及在项目中的应用，提升代码的可维护性和开发效率。
Stage3 Vue2 生态全家桶
掌握 Vue2 及其生态核心库的使用，构建高效的前端应用。
Vue2
学完本课程，你将会掌握 Vue 2.0 和 Vue 3.0 的核心概念与基础使用，理解组件化开发和响应式原理，适应不同版本的开发需求。
Vue Router
学完本课程，你将会掌握 Vue Router 的路由配置和导航守卫，实现单页面应用的页面切换和状态管理。
Vuex
学完本课程，你将会掌握 Vuex 状态管理模式，理解如何集中管理应用状态并实现状态的响应式更新。
Element UI
学完本课程，你将会掌握 Element UI 组件库的使用，快速搭建美观且功能丰富的后台管理界面。
Stage4 Vue3 生态全家桶
掌握 Vue3 及其生态核心库的使用，构建高效的前端应用。
Vue3
学完本课程，你将会掌握 Vue 3.0 的核心概念与基础使用，理解组件化开发和响应式原理，适应不同版本的开发需求。
Pinia
学完本课程，你将会掌握 Pinia 状态管理库的核心用法，包括 Store 定义、状态修改、异步 actions、TypeScript 支持及插件扩展。
Vite
学完本课程，你将会掌握 Vite 的快速构建特性和配置方法，提升前端开发效率与体验。
Nuxt.js
学完本课程，你将会掌握 Nuxt.js 框架的核心概念与使用，快速搭建基于 Vue 的服务端渲染应用。
Stage5 前端进阶之路
掌握 Vue 及其生态核心库的使用，构建高效的前端应用。
NPM
学完本课程，你将会掌握 NPM 包管理工具的使用，理解如何安装、管理和发布前端依赖包。
Handlebars
学完本课程，你将会掌握 Handlebars 模板引擎的基本语法和用法，实现前端模板渲染。
Plop
学完本课程，你将会掌握 Plop 代码生成器的使用，能够根据模板自动生成组件、页面和工具文件，提高代码编写效率和规范性。
Rollup
学完本课程，你将会掌握 Rollup 打包工具的核心配置、常用插件和 Tree Shaking 原理，能够独立打包并发布一个 JavaScript 工具库。
Snabbdom
学完本课程，你将会掌握 Snabbdom 虚拟 DOM 库的核心用法，理解虚拟 DOM、Diff 与 key 的原理，并能手写一个迷你虚拟 DOM。
Vercel
学完本课程，你将会掌握 Vercel 部署平台的使用，实现前端项目的快速上线、自定义域名和自动化部署。
Stage6 数据可视化
掌握 Vue 及其生态核心库的使用，构建高效的前端应用。
Echarts
学完本课程，你将会掌握 ECharts 的基础使用和高级图表绘制，轻松实现数据可视化。
D3
学完本课程，你将会掌握 D3.js 数据驱动文档的核心思想，实现复杂且动态的可视化效果。
Three.js
学完本课程，你将会掌握 Three.js 的场景、相机、渲染器三大件，学会几何体、材质、灯光与动画，能够在 Vue3 项目中创建可交互的 WebGL 三维场景。
Stage7 Nodejs 全栈开发
掌握 Node.js 及其相关技术栈，构建高性能的全栈应用。
Node.js
学完本课程，你将会掌握 Node.js 的核心概念与常用内置模块，能够使用 fs、path、http 等模块搭建简单的服务器端应用。
Express
学完本课程，你将会掌握 Express 框架的路由、中间件与错误处理，能够快速搭建灵活且高效的 Web 应用和 API 服务。
Koa
学完本课程，你将会掌握 Koa 框架的上下文与洋葱模型中间件机制，构建轻量且可扩展的服务器应用。
Egg.js
学完本课程，你将会掌握 Egg.js 企业级框架的约定式开发，包括路由、Controller、Service、插件与配置，构建稳定高效的后台服务。
Docker
学完本课程，你将会掌握 Docker 的镜像、容器、数据卷、Dockerfile 与 Docker Compose，能够用容器搭建和管理本地开发环境。
MySQL
学完本课程，你将会掌握 MySQL 的增删改查、条件查询、多表关联与索引优化，能够在 Node.js 项目中使用 mysql2 操作数据库。
MongoDB
学完本课程，你将会掌握 MongoDB 的文档模型、增删改查与条件查询，能够在 Node.js 项目中使用官方驱动和 Mongoose 操作数据库。
GraphQL API
学完本课程，你将会掌握 GraphQL 的类型系统、查询与 Mutation，能够在 Express 项目中提供 GraphQL 接口并在前端完成调用。
Stage8 源码解读
通过精读主流框架和工具链的源码，掌握底层原理与实现机制，提升工程能力与技术视野。
Vue2 源码
学完本课程，你将会掌握 Vue2 的初始化流程、响应式系统、虚拟 DOM 与模板编译的核心实现，能够独立调试和阅读框架源码。
Vue3 源码
学完本课程，你将会掌握 Vue3 的启动流程、Proxy 响应式系统、调度器与编译优化的核心实现，能够独立调试和阅读框架源码。
Stage9 性能优化与监控
掌握前端性能优化的常用手段与监控体系，让应用加载更快、运行更稳定。
性能优化
学完本课程，你将会掌握前端性能优化的常用手段，包括加载优化、渲染优化、缓存策略与构建产物优化，能够定位并解决常见的性能问题。
前端监控
学完本课程，你将会掌握前端监控体系的搭建方法，包括错误采集、埋点上报、性能数据上报与 Sentry 实践，让线上问题及时发现、快速定位。
