本文转载自公众号“读芯术”(ID：AI_Discovery)。

掌握编程技能和学习任何一门技术一样，需要日积月累的持续学习。如何在日复一日的学习中增添一点新意?不如试着从新项目中找找灵感。

我推荐你将本文作为灵感来源，从清单中获取一个想法，然后开始编码。使用什么堆栈都可以，你只需完成它，然后将其推送到GitHub个人资料即可。这就是掌握编程的秘诀。

Stack Overflow问题克隆

Stack Overflow是一个服务于程序员的问答网站。为什么不试试通过构建Stack Overflow问题克隆来开始新的一天呢?这将会很有挑战性。

与JavaScript相关的Stack Overflow问题

通过构建Stack Overflow问题视图，你将学到以下内容：

• 表单输入验证和提交表单。
• 将问题和答案保存到数据库中，你可以使用任何所需数据库。
• 将赞成票和反对票存入数据库中。每个问题都有一个分数，你需要保存该分数。
• 根据分数将问题进行排序。

Medium Stats克隆

在Medium上发表的文章，你可以获得流量和访问者统计数据。

Medium stats页

在详细信息页面的顶部，你会看到迄今为止文章的表现总结，包括“总浏览量”(对该文章的总访问量)和“阅读率”(从头到尾看完该文章读者的百分比估计)。条形图表示过去30天的流量。你可以返回到前30天，或者单击某篇文章的标题，查看该文章在过去30天的流量。

通过编写Medium Stats克隆代码，你将学到以下内容：

• 用JavaScript呈现图表和图形。
• 用HTML和CSS构建网站。
• 可选择：从API获取数据;使用图表中的虚拟数据。

Discord聊天克隆

据维基百科介绍页面，Discord是一款即时消息和VoIP应用程序，是一个数字分发平台，旨在创建从游戏玩家到教育和企业的社区。Discord专门从事聊天频道中用户之间的文本、图像、视频和音频通信。

通过编写Discord聊天克隆代码，你将学到以下内容：

• Websockets及其工作方式：Websockets通常用于建立实时聊天室。
• 用户身份验证，并将用户凭据安全地存储在数据库中。
• 可选：使用Electron并构建跨平台的桌面应用程序;了解桌面应用程序是如何开发的很有帮助。

Zoom克隆

图源：unsplash

Zoom允许你通过视频和音频启动或加入会议。在开在线会议、研讨会和小组会议时，Zoom是人们的首选。

通过编写Zoom克隆代码，你将学到以下内容：

• WebRTC(网络实时通信)：WebRTC是一种技术，它使网络应用程序和网站能够捕获并传输音频和/或视频媒体，在不需要中介的情况下，在浏览器之间交换任意数据。

JSchallenger克隆

JSchallenger是一个通过解决编码难题来学习JavaScript的工具。

据官方介绍：“解决挑战非常简单：只需编写一个可以通过每个给出的测试用例的函数即可。每个测试用例都提供一个带有输入参数和预期结果的函数调用，函数调用通过给定的参数运行该函数，返回值应与预期值匹配。”

JSchallenger

通过编写JSchallenger克隆代码，你将学到以下内容：

• 如何在浏览器内计算JavaScript代码。
• 如何编写测试来检查解决方案是否有效。

希望你能从这篇文章中找到下一个编码项目的灵感。从今天开始，不要推迟你的目标和梦想!