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毕业检查点:全自动化基础设施
第 03 课1 周

检查点:动手做静态网页

学完 HTML 和 CSS 后的项目实战。

课程内容

检查点:静态网页

学完 HTML 和 CSS 之后,你应该已经能构建静态网页了。建议在路线图的每个阶段都尽可能多地动手做项目,把知识固化下来。

我当年学习时的实践方法:

  • 看课程或读书时,一定要跟着讲师/作者一起敲代码——定期暂停视频,把讲到的内容亲手实现一遍。
  • 在 YouTube 上找几个该主题的项目教程,除了跟着做之外:
    • 尝试不看视频,独立把同一个项目重做 2~3 遍。卡住了就回看视频中对应的部分。
    • 做一个类似但不同的东西。比如刚做完待办应用,就试着做一个笔记应用或提醒应用。

项目灵感

学完 HTML 和 CSS,可以试试这些:

  • 临摹一个你喜欢的网站设计。
    • 这里有一个简单的博客 Figma 设计稿可以照着做。
    • 或者重建 cs.fyi 这个网站的页面。
  • 从别人的个人作品集中找灵感,搭建自己的作品集网站。
← 上一课CSS下一课 →JavaScript