您是否曾經想要建造一些東西,但不知道該怎麼做?正如作者有時會遇到「作家障礙」一樣,對於開發人員來說也是如此。這份清單旨在一勞永逸地解決這個問題! ?
這些應用程式是:
對提升你的編碼技能很有幫助?
非常適合嘗試新技術?
非常適合添加到您的投資組合中以給您的下一個雇主/客戶留下深刻印象?
非常適合用作教學(文章或影片)中的範例?
易於完成並且還可以透過新功能輕鬆擴展?
這不僅僅是一個簡單的項目列表,而是一個足夠詳細地描述每個項目的集合,以便您可以從頭開始開發它!
每個項目都有以下特點:
明確且描述性的目標;
應該實現的使用者故事清單(這些故事更多的是作為指導,而不是強制的待辦事項清單。如果您願意,可以隨意添加您自己的故事);
一系列獎勵功能,不僅可以改進基礎項目,還可以同時提高您的技能(這些是可選的,只有在完成所需的用戶故事後才應嘗試)
所有資源和連結可協助您找到完成專案所需的內容
您可以在這裡觀看有關此存儲庫的影片。
根據完成專案所需的知識和經驗,專案分為三個層次。
等級 | 開發者簡介 |
---|---|
1 | 處於學習旅程早期階段的開發人員。通常專注於創建面向使用者的應用程式的人員。 |
2 | 處於學習和經驗中間階段的開發人員。他們熟悉 UI/UX、使用開發工具以及建立使用 API 服務的應用程式。 |
3 | 具備上述所有條件並正在學習更高級技術(例如實現後端應用程式和資料庫服務)的開發人員。 |
新專案
姓名 | 簡短描述 | 等級 |
---|---|---|
Bin2Dec | 二進位到十進制數轉換器 | 1-初學者 |
邊框半徑預覽器 | 預覽 CSS3 border-radius 值如何影響元素 | 1-初學者 |
計算機 | 計算機 | 1-初學者 |
聖誕燈飾 | 模擬一串聖誕燈 | 1-初學者 |
因果應用程式 | 點擊列表項目可顯示項目詳細信息 | 1-初學者 |
色彩循環 | 透過增量更改循環顏色值 | 1-初學者 |
倒數計時器 | 事件倒數計時器 | 1-初學者 |
CSV2JSON 應用程式 | CSV 到 JSON 轉換器 | 1-初學者 |
美元 到 美分 | 將美元轉換為美分 | 1-初學者 |
動態 CSS 變數 | 動態更改 CSS 變數設置 | 1-初學者 |
第一個資料庫應用程式 | 您的第一個資料庫應用程式! | 1-初學者 |
翻轉影像 | 更改影像在兩個軸上的方向 | 1-初學者 |
GitHub 狀態 | 顯示目前 GitHub 狀態 | 1-初學者 |
你好 | 使用者母語問候語 | 1-初學者 |
物聯網信箱模擬器 | 使用回調來檢查您的蝸牛郵件 | 1-初學者 |
JS 輸入驗證 | 使用 RegEx 驗證使用者輸入的腳本 | 1-初學者 |
JSON2CSV 應用程式 | JSON 到 CSV 轉換器 | 1-初學者 |
關鍵值 | 鍵盤事件值 | 1-初學者 |
Lorem Ipsum 產生器 | 產生 lorem ipsum 佔位符文本 | 1-初學者 |
筆記應用程式 | 建立線上記事本 | 1-初學者 |
皮爾森回歸 | 計算兩組數據的相關係數 | 1-初學者 |
番茄鐘 | 任務計時器有助於提高個人生產力 | 1-初學者 |
產品登陸頁面 | 向潛在買家展示產品詳細信息 | 1-初學者 |
測驗應用程式 | 透過回答問題來測試您的知識 | 1-初學者 |
食譜應用程式 | 食譜 | 1-初學者 |
隨機餐生成器 | 產生隨機膳食 | 1-初學者 |
隨機數產生器 | 產生範圍之間的隨機數。 | 1-初學者 |
羅馬十進制轉換器 | 將羅馬數字轉換為十進制數字 | 1-初學者 |
滑桿設計 | 使用滑桿控制顯示影像 | 1-初學者 |
秒錶應用程式 | 計算花在活動上的時間 | 1-初學者 |
真或假 | 辨識條件比較的結果 | 1-初學者 |
維吉尼亞密碼 | 使用維吉尼亞密碼加密文字 | 1-初學者 |
風寒 | 根據實際溫度計算風寒係數 | 1-初學者 |
詞頻 | 計算文字區塊中的詞頻 | 1-初學者 |
天氣應用程式 | 取得城市的溫度、天氣狀況。 | 1-初學者 |
姓名 | 簡短描述 | 等級 |
---|---|---|
位元遮罩 | 對條件使用位元掩碼 | 2-中級 |
圖書查找器應用程式 | 按多個條件搜尋書籍 | 2-中級 |
計算器 CLI | 建立一個基本的計算器 cli。 | 2-中級 |
卡牌記憶遊戲 | 記住並匹配隱藏的圖像 | 2-中級 |
慈善查找應用程式 | 尋找全球慈善機構進行捐贈 | 2-中級 |
Chrome 主題擴充 | 建立您自己的 Chrome 主題擴充功能。 | 2-中級 |
貨幣換算 | 將一種貨幣轉換為另一種貨幣。 | 2-中級 |
繪圖應用程式 | 在網路上創作數位藝術作品 | 2-中級 |
表情符號翻譯應用程式 | 將句子翻譯成表情符號 | 2-中級 |
抽認卡應用程式 | 透過閃存卡複習和測試您的知識 | 2-中級 |
翻轉藝術應用程式 | 對一組影像進行動畫處理 | 2-中級 |
遊戲建議應用程式 | 創建民意調查來決定要玩什麼遊戲 | 2-中級 |
GitHub 簡介 | 一個 GitHub 用戶搜尋 App | 2-中級 |
高手遊戲 | Highstriker強人嘉年華遊戲 | 2-中級 |
影像掃描儀 | 影像掃描器應用程式 | 2-中級 |
Markdown 預覽器 | 預覽採用 GitHub 風格的 Markdown 格式的文本 | 2-中級 |
Markdown 表格產生器 | 將表格轉換為 Markdown 格式的文本 | 2-中級 |
數學編輯器 | 供學生使用的數學編輯器 | 2-中級 |
模因生成器應用程式 | 建立自訂模因 | 2-中級 |
使用 RNN 產生名稱 | 使用名稱資料集產生名稱 | 2-中級 |
密碼產生器 | 產生隨機密碼 | 2-中級 |
播客目錄 | 最喜歡的播客目錄 | 2-中級 |
QR 圖碼徽章產生器 | 將徽章訊息編碼為 QR 碼 | 2-中級 |
正規表示式助手 | 測試正規表示式 | 2-中級 |
銷售收據應用程式 | 在資料庫中記錄銷售收據 | 2-中級 |
簡單的網上商店 | 簡單的網上商店 | 2-中級 |
運動支架生成器 | 生成運動支架圖 | 2-中級 |
弦樂藝術 | 移動的彩色字串的動畫 | 2-中級 |
這個或那個遊戲 | 這個或那個遊戲 | 2-中級 |
時區 Slackbot | 顯示團隊時區 | 2-中級 |
待辦事項應用程式 | 管理個人待辦事項 | 2-中級 |
打字練習 | 打字練習 | 2-中級 |
投票應用程式 | 投票應用程式 | 2-中級 |
姓名 | 簡短描述 | 等級 |
---|---|---|
戰艦機器人 | 創建一個玩戰艦的 Discord 機器人 | 3-高級 |
戰艦遊戲引擎 | 創建一個可調用引擎來玩戰艦遊戲 | 3-高級 |
布爾機器人遊戲 | 由布爾代數驅動的戰鬥機器人 | 3-高級 |
日曆 | 建立您自己的日曆 | 3-高級 |
卡路里計數器 | 卡路里計數器營養應用程式 | 3-高級 |
聊天應用程式 | 即時聊天介面 | 3-高級 |
貢獻追蹤應用程式 | 追蹤捐贈給慈善機構的資金 | 3-高級 |
電梯 | 電梯模擬器 | 3-高級 |
速食模擬器 | 速食店模擬器 | 3-高級 |
Instagram 複製 | Facebook 的 Instagram 應用程式的克隆 | 3-高級 |
GitHub 時間表 | 產生使用者 GitHub 儲存庫的時間軸 | 3-高級 |
榮譽 Slackbot | 認可值得的同行 | 3-高級 |
電影應用程式 | 瀏覽、尋找評分、查看演員並找到您下一部要觀看的電影 | 3-高級 |
我的播客庫 | 創建最喜歡的播客庫 | 3-高級 |
NASA 系外行星查詢 | 查詢 NASA 的系外行星檔案 | 3-高級 |
猜殼遊戲 | 動畫貝殼遊戲 | 3-高級 |
洗牌甲板 | 評估洗牌的不同演算法 | 3-高級 |
鬆弛存檔器 | 檔案 Slack 訊息 | 3-高級 |
拼字應用程式 | 經典 Speak N Spell 遊戲的轉折 | 3-高級 |
調查應用程式 | 定義、進行和查看調查 | 3-高級 |
我們計劃向此存儲庫添加越來越多的項目。為此,我們需要您的幫助!了解如何在下面做出貢獻。 ?
我們還計劃創建一個網站,您可以在其中輕鬆瀏覽所有項目。
任何貢獻都將受到高度讚賞。 您可以透過兩種方式做出貢獻:
創建一個問題並告訴我們您的想法。確保在這種情況下使用新創意標籤;
分叉該項目並提交包含您的新想法的 PR。在此之前,請確保您已閱讀並遵循貢獻指南;
完成專案後,您也可以將自己的範例新增至專案。我強烈鼓勵您這樣做,因為這將向其他人展示建造了哪些令人驚嘆的東西! ?
如果此儲存庫中的資訊對您有任何幫助,請確保給它一顆星? ,這樣其他人也可以找到它並受益!我們可以一起成長,讓我們的社區變得更好! ?
您對我們如何整體改進這個專案有什麼建議嗎?讓我們知道!我們很想聽聽您的回饋!
Florin Pop :Twitter - YouTube 頻道 - 網站。
Jim Medlock :Twitter - 文章
作為獎勵,我創建了#100Days100Projects 挑戰。您可以在其中找到 100 多個小型專案的想法。享受! ?