本文轉(zhuǎn)載自公眾號(hào)“讀芯術(shù)”(ID：AI_Discovery)。

創(chuàng)新互聯(lián)是一家專業(yè)提供江津企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站設(shè)計(jì)制作、網(wǎng)站制作、H5場(chǎng)景定制、小程序制作等業(yè)務(wù)。10年已為江津眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。

掌握編程技能和學(xué)習(xí)任何一門技術(shù)一樣，需要日積月累的持續(xù)學(xué)習(xí)。如何在日復(fù)一日的學(xué)習(xí)中增添一點(diǎn)新意?不如試著從新項(xiàng)目中找找靈感。

我推薦你將本文作為靈感來(lái)源，從清單中獲取一個(gè)想法，然后開(kāi)始編碼。使用什么堆棧都可以，你只需完成它，然后將其推送到GitHub個(gè)人資料即可。這就是掌握編程的秘訣。

Stack Overflow問(wèn)題克隆

Stack Overflow是一個(gè)服務(wù)于程序員的問(wèn)答網(wǎng)站。為什么不試試通過(guò)構(gòu)建Stack Overflow問(wèn)題克隆來(lái)開(kāi)始新的一天呢?這將會(huì)很有挑戰(zhàn)性。

與JavaScript相關(guān)的Stack Overflow問(wèn)題

通過(guò)構(gòu)建Stack Overflow問(wèn)題視圖，你將學(xué)到以下內(nèi)容：

• 表單輸入驗(yàn)證和提交表單。
• 將問(wèn)題和答案保存到數(shù)據(jù)庫(kù)中，你可以使用任何所需數(shù)據(jù)庫(kù)。
• 將贊成票和反對(duì)票存入數(shù)據(jù)庫(kù)中。每個(gè)問(wèn)題都有一個(gè)分?jǐn)?shù)，你需要保存該分?jǐn)?shù)。
• 根據(jù)分?jǐn)?shù)將問(wèn)題進(jìn)行排序。

Medium Stats克隆

在Medium上發(fā)表的文章，你可以獲得流量和訪問(wèn)者統(tǒng)計(jì)數(shù)據(jù)。

Medium stats頁(yè)

在詳細(xì)信息頁(yè)面的頂部，你會(huì)看到迄今為止文章的表現(xiàn)總結(jié)，包括“總瀏覽量”(對(duì)該文章的總訪問(wèn)量)和“閱讀率”(從頭到尾看完該文章讀者的百分比估計(jì))。條形圖表示過(guò)去30天的流量。你可以返回到前30天，或者單擊某篇文章的標(biāo)題，查看該文章在過(guò)去30天的流量。

通過(guò)編寫(xiě)Medium Stats克隆代碼，你將學(xué)到以下內(nèi)容：

• 用JavaScript呈現(xiàn)圖表和圖形。
• 用HTML和CSS構(gòu)建網(wǎng)站。
• 可選擇：從API獲取數(shù)據(jù);使用圖表中的虛擬數(shù)據(jù)。

Discord聊天克隆

據(jù)維基百科介紹頁(yè)面，Discord是一款即時(shí)消息和VoIP應(yīng)用程序，是一個(gè)數(shù)字分發(fā)平臺(tái)，旨在創(chuàng)建從游戲玩家到教育和企業(yè)的社區(qū)。Discord專門從事聊天頻道中用戶之間的文本、圖像、視頻和音頻通信。

通過(guò)編寫(xiě)Discord聊天克隆代碼，你將學(xué)到以下內(nèi)容：

• Websockets及其工作方式：Websockets通常用于建立實(shí)時(shí)聊天室。
• 用戶身份驗(yàn)證，并將用戶憑據(jù)安全地存儲(chǔ)在數(shù)據(jù)庫(kù)中。
• 可選：使用Electron并構(gòu)建跨平臺(tái)的桌面應(yīng)用程序;了解桌面應(yīng)用程序是如何開(kāi)發(fā)的很有幫助。

Zoom克隆

圖源：unsplash

Zoom允許你通過(guò)視頻和音頻啟動(dòng)或加入會(huì)議。在開(kāi)在線會(huì)議、研討會(huì)和小組會(huì)議時(shí)，Zoom是人們的首選。

通過(guò)編寫(xiě)Zoom克隆代碼，你將學(xué)到以下內(nèi)容：

• WebRTC(網(wǎng)絡(luò)實(shí)時(shí)通信)：WebRTC是一種技術(shù)，它使網(wǎng)絡(luò)應(yīng)用程序和網(wǎng)站能夠捕獲并傳輸音頻和/或視頻媒體，在不需要中介的情況下，在瀏覽器之間交換任意數(shù)據(jù)。

JSchallenger克隆

JSchallenger是一個(gè)通過(guò)解決編碼難題來(lái)學(xué)習(xí)JavaScript的工具。

據(jù)官方介紹：“解決挑戰(zhàn)非常簡(jiǎn)單：只需編寫(xiě)一個(gè)可以通過(guò)每個(gè)給出的測(cè)試用例的函數(shù)即可。每個(gè)測(cè)試用例都提供一個(gè)帶有輸入?yún)?shù)和預(yù)期結(jié)果的函數(shù)調(diào)用，函數(shù)調(diào)用通過(guò)給定的參數(shù)運(yùn)行該函數(shù)，返回值應(yīng)與預(yù)期值匹配?！?/p>

JSchallenger

通過(guò)編寫(xiě)JSchallenger克隆代碼，你將學(xué)到以下內(nèi)容：

• 如何在瀏覽器內(nèi)計(jì)算JavaScript代碼。
• 如何編寫(xiě)測(cè)試來(lái)檢查解決方案是否有效。

希望你能從這篇文章中找到下一個(gè)編碼項(xiàng)目的靈感。從今天開(kāi)始，不要推遲你的目標(biāo)和夢(mèng)想!

文章標(biāo)題：助你掌握編碼技能：這份激動(dòng)人心的新項(xiàng)目清單請(qǐng)收好
地址分享：http://uogjgqi.cn/article/cceceod.html