先掌握前端核心技能,打下坚实基础。
-
HTML / CSS
语义化标签、Flexbox、Grid、响应式设计、预处理器(Sass)
-
JavaScript
ES6+(箭头函数、解构、模块、Promise、async/await)
-
前端框架选择
React(推荐)或 Vue.js,至少精通一个
-
TypeScript
类型系统、泛型、接口、实用类型
-
状态管理
Redux(React)/ Pinia(Vue)
-
CSS 框架
Tailwind CSS 或 Bootstrap
选择一门后端语言和数据库深入学习。
-
Node.js(全栈首选)
Express / NestJS、中间件、路由、错误处理
-
或 Python
Django / Flask、ORM、模板、REST API
-
或 Go
Gin / Echo、并发、标准库
-
SQL 数据库
MySQL / PostgreSQL、CRUD、JOIN、索引优化
-
NoSQL 数据库
MongoDB、文档模型、聚合查询
-
缓存与消息
Redis 缓存、RabbitMQ / Kafka 基础
将前后端串联,掌握完整的应用架构。
-
API 设计
RESTful 规范、OpenAPI/Swagger 文档
-
认证与授权
JWT、OAuth 2.0、Session/Cookie
-
前后端联调
CORS、API 代理、环境变量配置
-
文件上传
Multer / 云存储(OSS/S3)
-
WebSocket 实时通信
Socket.io 或原生 WebSocket
-
测试
单元测试(Jest/Pytest)、集成测试
掌握生产环境部署和工程化工具。
-
版本控制
Git 工作流、GitHub/GitLab 协作
-
容器化
Docker、Docker Compose 多服务编排
-
CI/CD
GitHub Actions / Jenkins 流水线
-
部署平台
Vercel、Netlify(前端)、云服务器(后端)
-
Nginx 配置
反向代理、负载均衡、SSL 证书
-
监控与日志
应用性能监控、日志收集与查询
🚀 练手项目
- 📝 博客全栈项目(前端 + 后端 + 数据库)
- 🛒 电商全栈应用(商品、购物车、支付、订单)
- 💬 实时聊天应用(WebSocket + 消息存储)
- 📊 数据仪表板(API + 前端可视化)
- 🌟 个人作品集网站(展示项目和技术栈)