现代前端开发指南

欢迎来到现代前端开发指南！这是一份系统性的前端开发学习路径，从 Web 基础到前沿技术，帮助你建立完整的前端知识体系。

感谢 Gemini 帮我搜索资料，完善文章细节；感谢 Roadmap ( https://www.roadmap.sh/ ) 提供了结构化的学习路线。笔者能力有限，如有错误或疏漏之处，恳请广大读者不吝赐教。

本文约 8 万字，预计阅读时间 350~400 分钟。

欢迎来 pr！

目录

前言

• 引言

第一章 前端开发简介

• 前端开发简介

第二章 基础 Web 技术

• Internet 互联网
• HTML
• CSS
• CSS 进阶
• JavaScript
• TypeScript

第三章 基本开发环境和工具

• Git & GitHub
• Git 进阶
• 高级工程化工作流
• 包管理器
• 现代构建工具
• Linter & Formatter
• IDE 配置
• AI 辅助开发
• 浏览器开发者工具
• 设计协作实践

第四章 前端框架和库

• 框架概览
• Web Components
• UI 组件库
• 元框架
• HTMX
• 状态管理
• 数据获取
• 服务器状态与客户端状态
• 现代后端集成模式

第五章 高级主题和专业开发最佳实践

• 构建工具
• 性能监控
• 无障碍
• SEO
• 安全基础
• 用户认证与授权
• Storybook
• 测试策略
• 国际化
• 错误处理和防御性编程
• UX 设计
• 前端架构模式
• 移动端 Web 开发
• 微前端架构
• DevOps
• 法律、合规与隐私

第六章 新兴技术和专业领域

• PWA
• WebAssembly
• 跨端开发
• Web 图形与数据可视化
• Web 音频和媒体流
• Web3
• AI/ML
• Edge Runtime 与边缘平台
• 设备集成 API

第七章 持续学习和职业发展

• 持续学习和职业发展

第八章 结语

• 结语

附录

• 学习资料汇总