前端学习路线
前端开发是指创建网站或Web应用程序用户界面(UI)的部分，主要涉及以下技术：
核心技术
- HTML - 网页内容结构
- CSS - 样式和布局设计
- JavaScript - 交互和动态功能
现代前端技术栈
- 框架/库：React, Vue, Angular, Svelte
- CSS预处理器：Sass, Less
- 构建工具：Webpack, Vite, Rollup
- 包管理器：npm, yarn, pnpm
- TypeScript - JavaScript的超集，添加类型系统
进阶领域
- 响应式设计 - 适配不同设备
- Web性能优化
- PWA(渐进式Web应用)
- WebAssembly
- 前端测试 (Jest, Cypress等)
学习文档
| 技术栈 | 简介 | 难度 |
|---|---|---|
| HTML | HTML(HyperText Markup Language)是用于创建网页和Web应用程序的标准标记语言, 定义了网页的结构和内容 | 🌟 |
| CSS | CSS(Cascading Style Sheets)是用来控制网页表现和布局的样式语言, 与HTML配合使用,实现内容与样式的分离 | 🌟 |
| JavaScript | JavaScript, 简称JS, 是一种轻量级的解释型编程语言, 主要用于网页交互和动态内容开发, 是 Web 三大核心技术之一 | 🌟🌟 |
| TypeScript | TypeScript是JavaScript的超集, 由微软开发并维护, 它添加了静态类型系统和一些面向对象编程特性, 最终会被编译成纯JavaScript代码 | 🌟🌟🌟 |
| Vue | Vue.js是一套用于构建用户界面的渐进式框架, 与其他大型框架不同, Vue被设计为可以自底向上逐层应用 | 🌟🌟🌟 |
| React | React是Facebook开发的一个用于构建用户界面的JavaScript库, 专注于组件化和高效的`DOM更新 | 🌟🌟🌟 |