『』以战代练！从应用程序出发练习你的编码技能吧

全文共1086字，预计学习时长5分钟

本文插图
图源：unsplash
想要拥有出色的编码技能，光靠看可学不来，必须自己亲自动手，付出努力和时间。练习太枯燥？别怕，本文为你准备了创意十足的应用程序想法，快点开始你的创意编码挑战吧！
将CSV文件解析为JSON
这一应用程式使用d3-dsv解析CSV档案。 d3-dsv是一种实用程序功能，是d3（一种流行的数据可视化库）的助手程序，它也可以单独使用，如下图所示：

本文插图
图源：starter-d3-dsv.glitch.me
通过构建CSV转换为JSON解析器，可以学到：
· d3-dsv库的实践经验，这是d3-dsv文档。
· 如何使用不同数据源，例如CSV和JSON ，以及如何解析每组数据
doodle-place克隆
doodle-place是一个在线的动画涂鸦世界。用户可以四处浏览，看看别人创建的Doodle ，也可以自己上手。
通过构建Doodle-place克隆可以学到：
· 如何使用2D图形和WebGL API
· 如何使用JavaScript Canvas API在屏幕上绘制诸如涂鸦之类的图形
· 处理用户输入，例如绘制涂鸦并将结果保存在数据库中

本文插图
图源：unsplash
阻止Sites Browser扩展克隆
Site Blocker是一个Web扩展程序，可通过添加准确域名来拦截一个或多个网站，从此广告远离我。

本文插图
【『』以战代练！从应用程序出发练习你的编码技能吧】图源：google
通过构建Site Blocker克隆，可以学到：
· 如何构建浏览器扩展的所有信息
· Chrome / Firefox / Safari浏览器市场的运作方式
· JavaScript ， HTML和CSS ，用于构建浏览器扩展
Apple Podcast克隆
Podcasts这款应用程序适用于iOS和macOS ，可使用应用程序底部的导航图标轻松访问受欢迎的特色播客。

本文插图
图源：apps.apple.com
通过构建Apple Podcast克隆，可以学到：
· 如何从API中获取数据。数据是该应用程序的播客。使用此API读取所有播客。
· 本机布局的工作原理，例如，如何在屏幕上呈现内容。
· 如何构建Mac OS桌面或iOS应用程序，并部署到应用程序商店。如果想将其用于网络开发，完全没问题！
Notion克隆
Notion是一款轻便、快速且不受干扰的软件，可用于记笔记等，可以用这款软件来跟踪任务和想法。最令人喜欢的一点是，它可以对编辑器提供编辑支持。
这款软件不存在任何限制。可以构建桌面版、移动版或网页版的Notion ，选择你最爱或最想学习的环境。

本文插图
图源：Notion
通过构建Notion克隆，可以学到：
· 如果想进步，请使用CSS网格。 CSS网格非常适合创建布局。
· DevOps 。完成后，将应用程序部署到网络或应用程序商店。向世界展示自己的创作。
· 使用数据库。可将注释存储在数据库中，以便日后再次获取。
万事俱备，只欠东风，想必你已经迫不及待地要去实现这些有趣的想法了。