本文轉載自公眾號“讀芯術”(ID：AI_Discovery)。

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

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

[[341298]]

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代碼。
• 如何編寫測試來檢查解決方案是否有效。

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