在学习web前端前，建议每学一个知识点可以在网上找相关知识点的视频加强对知识点的巩固。

第一阶段：前端入门网页基础

html5+css3 ➾ 页面布局实战

首先要熟悉HTML和css基础知识，这是入门前端最基础的内容。有了第一步的基础知识，我强烈推荐使用Visual Studio Code这个软件，通过所学的知识，你就可以在这实战各种网页布局了。

第二阶段：前端入门开发内功

javascript（基础+进阶）➾  ES6 ➾  Ajax ➾  Promise ➾ Git ➾ node.js ➾ PC端全栈开发实战
javascript：JS基础，基于面向对象开发实战，前后端交互实战

ES6：使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言 。

Ajax：Ajax技术可以使网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面。

Promise 是异步编程的一种解决方案，比传统的解决方案回调函数, 更合理和更强大。ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象 。

git是一个版本控制系统，用于跟踪文件的变化和协作开发,git可以有效地管理软件开发过程，并确保代码正确性、稳定性和可维护性。

node.js是一种开源的、跨平台的javascript运行时环境，能够轻松地与数据库、网络和文件系统进行交互，并支持大量的第三方包和库，使得开发人员可以构建出功能强大、高效的web应用程序。

第三阶段：前端高级框架技术

vue2+vue3 ➾ vue实战项目 ➾ Pinia ➾ React ➾ React实战项目
Vue.js致力于构建数据驱动的web应用开发框架，以简洁化，轻量级，数据驱动，模块友好等优势深受企业以及前端开发者的喜爱，成为前端开发人员必备的技能。

pinia 是一款简单但强大的 vue.js 状态管理库，它基于 vue 3 的响应式系统和新的组合 api 构建而成。pinia 通过提供一些特性来帮助开发者更加高效地管理应用的状态。

react是一种用于构建用户界面的javascript库，它由facebook开发维护。react可以轻松地创建动态、高效且可重复使用的ui组件。

第四阶段，混合应用开发技术

微信公众号 ➾ 微信小程序 ➾ 微信小程序实战项目 ➾ uni-app ➾ uni-app实战项目 

第五阶段：大前端的架构技术

webpack5 ➾ Vite2 ➾ typescript架构 ➾ HarmonyOS app

webpack5课程分为四大部分，分别是webpack基础应用篇，webpack高级应用篇，webpack项目实战篇以及webpack内部原理篇。

Vite 基于原生 ES-Module 推出的前端构建。工具，Vite 因为它的跨前端框架的能力 和极其优越的性能，被大家称为下一代前端构建工具，及时的学习新技术是有必要的。

typescript 是一种开源的编程语言，typescript 在 javascript 的基础上增加了可选的静态类型检查和类等面向对象编程的特性。它通过静态类型检查可以在编码时提供更好的代码提示、错误检查以及代码维护性。

最后，希望大家学有所成，成为web前端大神！