CodeRoadMap
路线图学习路径文章题库资源社区

浏览

首页路线图学习路径知识库题库文章资源社区我的学习
CodeRoadMap

中文编程学习导航:路线图、讲义与题库,进度可同步。

路线图学习路径文章题库社区

© 2026 CodeRoadMap

津ICP备2026012044号-1|coderoadmap@126.com
首页/全栈开发路线图/检查点:构建完整前端应用

课程目录

  1. 01HTML
  2. 02CSS
  3. 03检查点:动手做静态网页
  4. 04JavaScript
  5. 05检查点:为网页添加交互
  6. 06npm 包管理器
  7. 07检查点:使用外部包
  8. 08Git 版本控制
  9. 09GitHub 代码托管
  10. 10检查点:协作与 GitHub 主页
  11. 11React
  12. 12Tailwind CSS
  13. 13检查点:构建完整前端应用
  14. 14Node.js
  15. 15检查点:命令行应用
  16. 16PostgreSQL
  17. 17Redis
  18. 18检查点:CRUD 应用
  19. 19RESTful API
  20. 20JWT 认证
  21. 21检查点:完整的全栈应用
  22. 22Linux 基础
  23. 23AWS 基础服务
  24. 24AWS EC2 虚拟服务器
  25. 25AWS S3 对象存储
  26. 26AWS Route53 DNS
  27. 27AWS SES 邮件服务
  28. 28AWS VPC 虚拟私有云
  29. 29检查点:部署到 AWS
  30. 30Terraform 基础设施即代码
  31. 31Ansible 自动化配置
  32. 32检查点:自动化部署
  33. 33GitHub Actions
  34. 34检查点:CI/CD 持续集成与部署
  35. 35Monit 监控
  36. 36检查点:监控与自动重启
  37. 37毕业检查点:全自动化基础设施
第 13 课1 周

检查点:构建完整前端应用

前端基础阶段的结业验收。

课程内容

检查点:完整前端应用

到这里,你应该已经能构建完整的前端应用了,包括:

  • 用 HTML 组织网页结构
  • 用 CSS 设置网页样式
  • 用 JavaScript 添加交互
  • 用 DOM API 操作网页
  • 用 Fetch API 发起 HTTP 请求
  • 理解 Promise,会用 async/await 写异步代码
  • 用 npm 安装和使用外部库
  • 用 Git 管理代码版本
  • 把代码推送到 GitHub

如果你暂时跳过了 React 和 Tailwind 也没关系,但你应该能用原生 HTML、CSS、JavaScript 构建完整的前端应用。不过请记住:现代前端应用大多基于 React、Vue、Angular 这类框架,迟早要至少学会其中一个。

到这里,你需要的前端基础就结束了,接下来进入后端开发。在继续后端的同时,别忘了前端还有更多内容,之后记得回来看看前端路线图。

← 上一课Tailwind CSS下一课 →Node.js