译自 roadmap.sh 全栈路线图:HTML/CSS/JS → React → Node.js → 数据库 → AWS 部署 → DevOps 自动化,每个阶段都配有项目实战检查点。
HTML
网页的骨架:超文本标记语言。
CSS
为网页穿上外衣:层叠样式表。
检查点:动手做静态网页
学完 HTML 和 CSS 后的项目实战。
JavaScript
让网页动起来:交互逻辑的语言。
检查点:为网页添加交互
用 JavaScript 实现页面交互的能力验收。
npm 包管理器
JavaScript 生态的包管理工具。
检查点:使用外部包
用 npm 安装并在页面中使用第三方依赖。
Git 版本控制
分布式版本控制系统,开发者必备。
GitHub 代码托管
基于 Git 的代码托管与协作平台。
检查点:协作与 GitHub 主页
打磨你的 GitHub 主页,把项目都推上去。
React
最流行的前端 UI 库。
Tailwind CSS
原子化 CSS 框架,快速构建界面。
检查点:构建完整前端应用
前端基础阶段的结业验收。
Node.js
让 JavaScript 跑出浏览器。
检查点:命令行应用
用 Node.js 构建实用的 CLI 工具。
PostgreSQL
功能强大的开源关系型数据库。
Redis
内存数据结构存储:缓存、消息队列利器。
检查点:CRUD 应用
用 CLI 应用练习数据库增删改查。
RESTful API
Web 系统间通信的架构风格。
JWT 认证
基于令牌的安全信息交换标准。
检查点:完整的全栈应用
前端 + JWT 后端 + 数据库的结业项目。
Linux 基础
几乎所有代码最终都跑在 Linux 上。
AWS 基础服务
云服务入门:先学这几个就够了。
AWS EC2 虚拟服务器
可伸缩的云端计算能力。
AWS S3 对象存储
云端文件存储与分发。
AWS Route53 DNS
域名解析与流量调度。
AWS SES 邮件服务
大规模收发邮件的云服务。
AWS VPC 虚拟私有云
在云端划出你自己的隔离网络。
检查点:部署到 AWS
把应用真正搬上云。
Terraform 基础设施即代码
用代码定义和管理云基础设施。
Ansible 自动化配置
无代理的配置管理与部署工具。
检查点:自动化部署
用 Ansible 消灭手工操作。
GitHub Actions
GitHub 内置的工作流自动化。
检查点:CI/CD 持续集成与部署
推送即部署:自动化发布流水线。
Monit 监控
轻量级的进程与服务监控工具。
检查点:监控与自动重启
给应用加上健康监护。
毕业检查点:全自动化基础设施
IaC + 供给 + CI/CD + 监控,全部打通。