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

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

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

[[341298]]

Stack Overflow問題克隆

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

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

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

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

Medium Stats克隆

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

Medium stats頁

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

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

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

Discord聊天克隆

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

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

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

Zoom克隆

圖源：unsplash

Zoom允許你通過視頻和音頻啟動或加入會議。在開在線會議、研討會和小組會議時，Zoom是人們的首選。

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

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

JSchallenger克隆

JSchallenger是一個通過解決編碼難題來學(xué)習JavaScript的工具。

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

JSchallenger

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

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

希望你能從這篇文章中找到下一個編碼項目的靈感。從今天開始，不要推遲你的目標和夢想!