建站
咨詢
售后
建站咨詢
新聞中心
本文轉(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)目中找找靈感。
我推薦你將本文作為靈感來源，從清單中獲取一個(gè)想法，然后開始編碼。使用什么堆棧都可以，你只需完成它，然后將其推送到GitHub個(gè)人資料即可。這就是掌握編程的秘訣。
Stack Overflow問題克隆
Stack Overflow是一個(gè)服務(wù)于程序員的問答網(wǎng)站。為什么不試試通過構(gòu)建Stack Overflow問題克隆來開始新的一天呢?這將會(huì)很有挑戰(zhàn)性。
與JavaScript相關(guān)的Stack Overflow問題
通過構(gòu)建Stack Overflow問題視圖，你將學(xué)到以下內(nèi)容：
- 表單輸入驗(yàn)證和提交表單。
- 將問題和答案保存到數(shù)據(jù)庫(kù)中，你可以使用任何所需數(shù)據(jù)庫(kù)。
- 將贊成票和反對(duì)票存入數(shù)據(jù)庫(kù)中。每個(gè)問題都有一個(gè)分?jǐn)?shù)，你需要保存該分?jǐn)?shù)。
- 根據(jù)分?jǐn)?shù)將問題進(jìn)行排序。
Medium Stats克隆
在Medium上發(fā)表的文章，你可以獲得流量和訪問者統(tǒng)計(jì)數(shù)據(jù)。
Medium stats頁
在詳細(xì)信息頁面的頂部，你會(huì)看到迄今為止文章的表現(xiàn)總結(jié)，包括“總瀏覽量”(對(duì)該文章的總訪問量)和“閱讀率”(從頭到尾看完該文章讀者的百分比估計(jì))。條形圖表示過去30天的流量。你可以返回到前30天，或者單擊某篇文章的標(biāo)題，查看該文章在過去30天的流量。
通過編寫Medium Stats克隆代碼，你將學(xué)到以下內(nèi)容：
- 用JavaScript呈現(xiàn)圖表和圖形。
- 用HTML和CSS構(gòu)建網(wǎng)站。
- 可選擇：從API獲取數(shù)據(jù);使用圖表中的虛擬數(shù)據(jù)。
Discord聊天克隆
據(jù)維基百科介紹頁面，Discord是一款即時(shí)消息和VoIP應(yīng)用程序，是一個(gè)數(shù)字分發(fā)平臺(tái)，旨在創(chuàng)建從游戲玩家到教育和企業(yè)的社區(qū)。Discord專門從事聊天頻道中用戶之間的文本、圖像、視頻和音頻通信。
通過編寫Discord聊天克隆代碼，你將學(xué)到以下內(nèi)容：
- Websockets及其工作方式：Websockets通常用于建立實(shí)時(shí)聊天室。
- 用戶身份驗(yàn)證，并將用戶憑據(jù)安全地存儲(chǔ)在數(shù)據(jù)庫(kù)中。
- 可選：使用Electron并構(gòu)建跨平臺(tái)的桌面應(yīng)用程序;了解桌面應(yīng)用程序是如何開發(fā)的很有幫助。
Zoom克隆
圖源：unsplash
Zoom允許你通過視頻和音頻啟動(dòng)或加入會(huì)議。在開在線會(huì)議、研討會(huì)和小組會(huì)議時(shí)，Zoom是人們的首選。
通過編寫Zoom克隆代碼，你將學(xué)到以下內(nèi)容：
- WebRTC(網(wǎng)絡(luò)實(shí)時(shí)通信)：WebRTC是一種技術(shù)，它使網(wǎng)絡(luò)應(yīng)用程序和網(wǎng)站能夠捕獲并傳輸音頻和/或視頻媒體，在不需要中介的情況下，在瀏覽器之間交換任意數(shù)據(jù)。
JSchallenger克隆
JSchallenger是一個(gè)通過解決編碼難題來學(xué)習(xí)JavaScript的工具。
據(jù)官方介紹：“解決挑戰(zhàn)非常簡(jiǎn)單：只需編寫一個(gè)可以通過每個(gè)給出的測(cè)試用例的函數(shù)即可。每個(gè)測(cè)試用例都提供一個(gè)帶有輸入?yún)?shù)和預(yù)期結(jié)果的函數(shù)調(diào)用，函數(shù)調(diào)用通過給定的參數(shù)運(yùn)行該函數(shù)，返回值應(yīng)與預(yù)期值匹配?！?/p>
JSchallenger
通過編寫JSchallenger克隆代碼，你將學(xué)到以下內(nèi)容：
- 如何在瀏覽器內(nèi)計(jì)算JavaScript代碼。
- 如何編寫測(cè)試來檢查解決方案是否有效。
希望你能從這篇文章中找到下一個(gè)編碼項(xiàng)目的靈感。從今天開始，不要推遲你的目標(biāo)和夢(mèng)想!
當(dāng)前文章：助你掌握編碼技能：這份激動(dòng)人心的新項(xiàng)目清單請(qǐng)收好
鏈接分享：http://fisionsoft.com.cn/article/cceceod.html
