|助你掌握编码技能:这份激动人心的新项目清单请收好


全文共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学习与发展的干货
如转载 , 请后台留言 , 遵守转载规范


    推荐阅读