CSS 学习进度跟踪器和路线图概念模板

我已经很久没发东西了，因为，你知道的，生活总是会有一些琐事，比如结婚之类的😂。但我没忘记我到底想做什么promise，而且我resolve现在就想做（眨眨眼）。

我已经完成了我的CSS 学习进度跟踪器 Notion 模板，想和大家分享！在继续之前，如果你还没有这个模板的HTML版本，可以在这里查看一下。

快速浏览 CSS 学习模板

在这个 Notion 模板中，你会发现一个进度条，每当你检查一个主题完成时，它就会自动更新，73 个 CSS 主题分为三个难度级别（初级、中级和高级），并分为 19 个主题组（从动画到布局和响应式网页设计）。

每个主题都有一个指向讨论该主题的在线资源的链接（通常是 Mozilla 开发文档），以及供您做笔记的空间。

与往常一样，请随意修改此模板并使其适合您的需要。

再次强调，我希望创建一个易于使用的模板，并留出空间供您根据自己的需要进行调整。添加新主题（在已有的 73 个主题之上）并在学习完成后将其标记为完成的步骤非常简单：

向“CSS 主题和路线图”数据库添加一个新主题（您可以在模板的任意两个页面上执行此操作），选择级别、其组及其顺序。

但最重要的是，在“与进度（属性）相关”中选择相应的关联值（不用担心，只有一个）。这会将此数据库与进度条跟踪器链接起来。

我分享的 73 个主题均有一个指向MDN页面的链接，其中包含该主题的解释。

我鼓励您使用这个主题页面来创建有关它的笔记“存储库”。

当你对某个主题的掌握程度感到满意时，可以点击“已完成”列下方的复选框，将该主题标记为已学。这将触发进度条的更新，进度条也会相应增加，从而自动衡量你的进度。

正如我之前所说，您可以根据自己的喜好自定义模板。我会隐藏“进度”部分的“已完成”和“目标”列，使其更加简洁。

🤷‍♂️ - “这一切都很好，但是 Damian，我在哪里可以得到 Notion 模板？”

😅 - 抓住你的鼠标并点击此链接：下载 CSS 学习进度跟踪器概念模板

该模板完全免费，但我为您提供了支付任意金额的选项，以便我可以继续投入时间和精力为您创建此类内容😊。

请在评论区告诉我你对这个模板有什么看法，我很想改进它。我还在开发一个基于角色扮演游戏 (RPG) 任务的模板，以便在学习过程中保持动力，所以你可以考虑订阅我的新闻邮件，这样在模板发布时就能收到通知（或许还能了解到一些你想在模板中添加哪些内容的想法）！

干杯!

🗞️新闻通讯 - 如果您想了解我的最新文章和有趣的软件开发内容，请订阅我的新闻通讯。

🐦TWITTER——在Twitter上关注 我。