助你掌握編碼技能:這份激動人心的新項目清單請收好

本文轉載自公衆號「讀芯術」(ID:AI_Discovery)。程序員

掌握編程技能和學習任何一門技術同樣,須要日積月累的持續學習。如何在日復一日的學習中增添一點新意?不如試着重新項目中找找靈感。數據庫

我推薦你將本文做爲靈感來源,從清單中獲取一個想法,而後開始編碼。使用什麼堆棧均可以,你只需完成它,而後將其推送到GitHub我的資料便可。這就是掌握編程的祕訣。編程

Stack Overflow問題克隆瀏覽器

Stack Overflow是一個服務於程序員的問答網站。爲何不試試經過構建Stack Overflow問題克隆來開始新的一天呢?這將會頗有挑戰性。安全

助你掌握編碼技能:這份激動人心的新項目清單請收好

助你掌握編碼技能:這份激動人心的新項目清單請收好

與JavaScript相關的Stack Overflow問題網絡

經過構建Stack Overflow問題視圖,你將學到如下內容:socket

  • 表單輸入驗證和提交表單。ide

  • 將問題和答案保存到數據庫中,你能夠使用任何所需數據庫。函數

  • 將同意票和反對票存入數據庫中。每一個問題都有一個分數,你須要保存該分數。工具

  • 根據分數將問題進行排序。

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代碼。

  • 如何編寫測試來檢查解決方案是否有效。

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

【責任編輯:趙寧寧 TEL:(010)68476606】

相關文章
相關標籤/搜索