检查点:静态网页
学完 HTML 和 CSS 之后,你应该已经能构建静态网页了。建议在路线图的每个阶段都尽可能多地动手做项目,把知识固化下来。
我当年学习时的实践方法:
- 看课程或读书时,一定要跟着讲师/作者一起敲代码——定期暂停视频,把讲到的内容亲手实现一遍。
- 在 YouTube 上找几个该主题的项目教程,除了跟着做之外:
- 尝试不看视频,独立把同一个项目重做 2~3 遍。卡住了就回看视频中对应的部分。
- 做一个类似但不同的东西。比如刚做完待办应用,就试着做一个笔记应用或提醒应用。
项目灵感
学完 HTML 和 CSS,可以试试这些:
- 临摹一个你喜欢的网站设计。
- 这里有一个简单的博客 Figma 设计稿可以照着做。
- 或者重建 cs.fyi 这个网站的页面。
- 从别人的个人作品集中找灵感,搭建自己的作品集网站。