全文共1655字，预计学习时长5分钟
图源：unsplash
掌握编程技能和学习任何一门技术一样，需要日积月累的持续学习。如何在日复一日的学习中增添一点新意？不如试着从新项目中找找灵感。
我推荐你将本文作为灵感来源，从清单中获取一个想法，然后开始编码。使用什么堆栈都可以，你只需完成它，然后将其推送到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代码。
· 如何编写测试来检查解决方案是否有效。
希望你能从这篇文章中找到下一个编码项目的灵感。从今天开始，不要推迟你的目标和梦想！
留言点赞关注
我们一起分享AI学习与发展的干货
如转载，请后台留言，遵守转载规范
