写在前面

最近在学习过程中，发现学习速度和效率都所下降，一方面是看视频（入门阶段）需要反复暂停记录笔记，另一方面是内容转化效率比较低。

所以为了提高学习效率（非时间），我决定对每个阶段所学知识点进行成品案例输出，以此提高学习转化，这也是无意间看到一篇帖子有所启发：在学习过程中，如果只是单纯的看，并没有太大效果，因为思路总是别人的，即使对着案例敲，也大多会是“一看就会”的错觉感，只有将所学内容转化为成品，以成品为目标，才能有效转化所学内容。

例如，当以某个成品案例为目标时，才能知道自己对知识的掌握情况，通过对所学内容输出的形式，来进一步检查自己对所学知识的掌握。

01-HTML 案例

02-JavaScript 案例

写在最后

虽然记笔记的会大大减慢学习的进度，但是可以十分有效的防止对所学的内容的遗忘，尤其是看了大量的视频以后，回过头来复习的时候，笔记的作用体现更是明显，接下来的学习打算还是按照之前规划进行，刷完基础入门视频，逐渐向以书籍阅读为主。

学习工具

• Notability 主要记录系统学习笔记
• MarginNote 3 主要用于文档书籍阅读，尤其是在购买《JavaScript高级程序设计》、《CSS世界》系列书籍后，发现实体书籍的携带并不是很方便，所以还是装进Pad里，后期阅读也更便于记录笔记，梳理框架。