HTML学习进度追踪器 Notion模板

继续探讨如何帮助新晋 Web 开发爱好者追踪学习进度，我想和大家分享一个新的 Notion 模板。您可以单独使用它，也可以将其添加到我之前分享过的Web开发资源模板中。

HTML学习进度跟踪器Notion模板

本模板专注于一个特定主题：HTML。通过研究优秀的书籍和丰富的网络资源，我整理出了掌握 HTML 所需的 42 个最重要的知识点。在模板中，您可以找到主题、类别、难度级别（根据我的经验）以及用于记录学习进度的复选框。

以这种方式呈现 HTML 主题的目的是构建一个学习路线图，帮助我们更好地完成学习过程。每个主题都有一个我总结出的最佳学习顺序，但你也可以根据自己的需要灵活安排学习顺序。

衡量进展

该模板还包含一个学习进度追踪器（专利申请中😉），它能清晰地展示您在网页开发学习过程中 HTML 部分的学习进度。我曾询问过大家在学习过程中遇到的挑战，许多人都表示，缺乏清晰的进度衡量方式是他们面临的主要挑战之一。这正是模板中这部分内容的设计初衷，它只是一个建议，您可以根据自身情况进行调整和修改。

如何使用模板

我希望创建一个尽可能简单易用的模板，避免使用过程中出现过多阻碍。添加新主题（在已有的 42 个主题基础上）并在学习完成后将其标记为已完成的步骤非常简单：

步骤 1：添加新主题

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

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

步骤二：为主题添加注释

我分享的 42 个主题中的每一个都附有指向 MDN 页面的链接，其中包含对该主题的解释。

我鼓励您使用此主题页面创建您关于此主题的笔记“库”。

步骤三：取得进展

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

第四步：定制

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

获取模板

🤷‍♂️ - “这一切都很好，但是达米安，我可以在哪里找到 Notion 模板呢？”

😅 - 我差点忘了！你可以从这个链接获取模板：下载 HTML 学习进度追踪器 Notion 模板

模板完全免费，但我提供付费选项，您可以支付任意金额，这样我就可以继续投入时间和精力为您创作这类内容😊。

结语

请在评论区告诉我您对这个模板的看法，我很乐意对其进行改进。我还在制作一个 CSS 模板，应该很快就会发布，所以请考虑订阅我的邮件列表，以便在发布时收到通知！

干杯!

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

🐦推特 -在 推特上关注我。