Web前端学习路线

Web 前端学习路线

一、适合人群

  • 想做网站、小程序、后台管理系统的同学;
  • 对 UI、交互、可视化感兴趣的同学;
  • 想快速做出可展示项目的同学。

二、学习阶段

阶段一:HTML / CSS / JavaScript

HTML 标签、CSS 盒模型、Flex 布局、Grid 布局、JavaScript 基础语法、DOM 操作、事件机制、异步请求。

阶段二:工程化基础

Node.js、npm、Vite、模块化、ESLint、Prettier、Git。

阶段三:前端框架

Vue 3、React、TypeScript、Vue Router、Pinia、Axios。

阶段四:组件库与可视化

Element Plus、Ant Design、ECharts、Tailwind CSS、UnoCSS。

阶段五:项目实战

登录注册、权限控制、表单校验、接口联调、路由管理、状态管理、打包部署。

三、实践项目

个人主页、协会官网、活动报名系统前端、后台管理系统、数据可视化大屏、Markdown 文档站、AI 工具前端页面。