javascript mastery course

JavaScript精通課程：從初學者到專家的100多個項目

在此存儲庫中，您將為JavaScript開發人員找到100多個項目創意的策劃列表。這些項目的範圍從初學者到高級級別，提供了練習和增強您的JavaScript技能的機會。每個項目的想法都包括一個簡短的描述，可以幫助您入門。隨時為您的下一個項目使用這些想法或激發您的創作。

講師

課程描述

JavaScript是世界上最受歡迎的編程語言之一，用於構建交互式網站，Web應用程序和移動應用程序。本課程涵蓋了JavaScript開發人員的100多個項目想法，從初學者到專家級別。無論您只是開始還是要挑戰自己，這些項目創意都將幫助您提高JavaScript技能並構建現實世界的應用程序。

入門

為了開始這些項目想法，只需選擇一個讓您感興趣的項目並開始構建它。您可以使用您喜歡的任何JavaScript框架或庫，例如React，Angular或Vue.js。如果您願意，也可以使用香草JavaScript。目的是練習您的JavaScript技能並構建現實世界的應用程序。

項目思想表

初學者項目

1. Hello World Alert ：顯示一個“ Hello World”警報框。 |任務
2. 簡單計算器：基本算術操作。任務|現場演示
3. 待辦事項列表：添加和刪除任務。 |任務|現場演示
4. 隨機報價生成器：顯示隨機報價。 |任務|現場演示
5. 倒數計時器：簡單的倒計時功能。 |任務|現場演示
6. 猜猜數字遊戲：數字猜測遊戲。 |任務|現場演示
7. 提示計算器：根據百分比計算提示。 |任務|現場演示
8. 顏色更換器：更改背景顏色按鈕單擊。 |任務|現場演示
9. 表單驗證：以表單驗證用戶輸入。 |任務|現場演示
10. 數字時鐘：顯示當前時間。 |任務|現場演示
11. 回教檢查器：檢查字符串是否為文接受。 |任務|現場演示
12. 角色計數器：計數文本中的字符。 |任務|現場演示
13. 天氣應用：獲取和顯示天氣信息。 |任務|現場演示
14. 貨幣轉換器：轉換貨幣利率。 |任務|現場演示
15. BMI計算器：計算體重指數。 |任務|現場演示
16. 簡單表單驗證：驗證表單輸入。 |任務|現場演示
17. 溫度轉換器：轉換在攝氏和華氏度之間。 |任務|現場演示
18. 動態背景顏色改變器：基於時間更改背景顏色。 |任務|現場演示
19. Hangman遊戲：經典單詞猜測遊戲。 |任務|現場演示
20. 鼓工套件：按下鑰匙播放鼓聲。 |任務|現場演示
21. 雜貨清單：從列表中添加和刪除項目。 |任務|現場演示

中間項目

1. 測驗應用程序：帶有分數跟踪的多項選擇問題。 |任務|現場演示
2. 費用跟踪器：跟踪費用並將其分類。 |任務|現場演示
3. 電影搜索應用：使用API​​搜索電影。 |任務|現場演示
4. 圖像滑塊：創建一個簡單的圖像輪播。 |任務|現場演示
5. 食譜應用程序：根據用戶搜索顯示食譜。 |任務|現場演示
6. 無限滾動：實施無限滾動。
7. Pomodoro計時器：工作和休息間隔的生產力計時器。
8. Markdown Previewer ：將標記轉換為HTML。
9. 任務管理系統：任務的CRUD操作。
10. 打字速度測試：測量鍵入速度。
11. github配置文件：獲取和顯示github概要文件。
12. 天氣儀表板：高級天氣信息顯示。
13. URL Shortener ：縮短URL，例如BIT.LY。
14. 音樂播放器：播放和控制音樂曲目。
15. 電子商務購物車：簡單的購物車功能。
16. 聊天應用程序：與WebSocket的實時聊天。
17. 投資組合網站：帶有項目和聯繫的個人投資組合。
18. 文件上傳：上傳和管理文件。
19. 博客平台：帶有CRUD操作的簡單博客平台。
20. 費用分離器：朋友之間的支出。
21. 內存遊戲：經典卡匹配遊戲。
22. 岩石，紙，剪刀遊戲：與計算機比賽。
23. 抽認卡測驗應用程序：使用抽認卡學習。
24. 帶有本地存儲的待辦事項列表：將任務存儲在本地存儲中。
25. 具有API集成的天氣應用：使用API​​顯示天氣數據。
26. 模因生成器：創建和共享模因。
27. 虛擬鍵盤：用於打字的屏幕鍵盤。
28. TIC-TAC-TOE遊戲：經典的TIC-TAC-TOE遊戲。
29. 聯繫人書：管理與CRUD操作的聯繫。
30. 電子商務產品頁面：顯示產品詳細信息和評論。
31. Markdown博客：在M​​arkdown中寫和發布博客文章。
32. 健身追踪器：跟踪鍛煉和進度。
33. 工作委員會：發布和搜索工作清單。
34. 看板董事會：帶有專欄的項目管理工具。

高級項目

1. 社交媒體儀表板：顯示社交媒體統計數據。
2. 電子商務商店：完整的電子商務網站，具有付款集成。
3. 項目管理工具：看板管理董事會。
4. 工作委員會：發布和搜索工作清單。
5. 在線代碼編輯器：HTML，CSS和JS代碼編輯器。
6. 聊天機器人：AI驅動的聊天機器人。
7. 實時協作：類似Google文檔的合作。
8. 健身追踪器：跟踪鍛煉和進度。
9. 視頻流平台：YouTube之類的流視頻。
10. 食譜共享平台：共享和搜索食譜。
11. 虛擬寵物遊戲：Tamagotchi般的虛擬寵物。
12. 股市儀表板：顯示股票市場數據。
13. 學習管理系統：課程管理平台。
14. 在線投票系統：對民意調查創建和投票。
15. 語言學習應用程序：通過練習學習新語言。
16. 事件管理系統：管理事件和RSVP。
17. 可自定義的儀表板：用於各種數據的小部件。
18. 客戶支持票務系統：管理客戶支持票。
19. 測驗平台：創建和進行測驗。
20. 高級氣象站：詳細的天氣數據和預測。
21. 食譜建議系統：根據成分推薦食譜。
22. 互動故事應用：創建和閱讀交互式故事。
23. 智能家居儀表板：控制智能家居設備。
24. 健身班預訂系統：書籍健身課。
25. 旅行行程規劃師：計劃旅行行程。
26. 語言翻譯：在語言之間翻譯文本。
27. 實時股票交易：模擬股票交易。
28. 新聞匯總器：匯總和顯示新聞文章。
29. 項目組合：展示帶有詳細信息的多個項目。
30. 視頻會議應用程序：實時視頻會議。
31. 實時協作工具：實時進行項目。
32. 帶有播放列表的視頻播放器：帶有播放列表功能的視頻。
33. 帶有日曆的任務管理工具：使用日曆視圖管理任務。
34. 交互式數據可視化：創建交互式數據可視化。
35. 股票市場追踪器：實時跟踪股票市場數據。
36. 食譜搜索引擎：根據成分搜索食譜。
37. 照片庫：顯示和組織照片。
38. 帶有圖表的費用儀表板：用圖表可視化費用。
39. 習慣追踪器：跟踪和可視化習慣。
40. 帶有AI建議的電子商務平台：帶有AI驅動建議的電子商務網站。

專家項目

1. 成熟的社交網絡：完整的社交網站。
2. 在線學習平台：類似於Udemy或Coursera。
3. 作業應用程序跟踪器：跟踪作業應用程序和狀態。
4. 個人理財管理：預算和費用跟踪。
5. 基於AI的建議：使用機器學習的建議。
6. 帶有AI建議的電子商務：基於用戶行為的產品建議。
7. 實時多人遊戲：多人遊戲體驗。
8. 高級數據可視化：複雜的數據可視化儀表板。
9. 語音識別應用程序：使用語音識別的命令應用。
10. 虛擬現實之旅：使用WebVR的VR巡迴演出。
11. 加密貨幣跟踪器：跟踪和分析加密貨幣。
12. 在線考試系統：參加並評分在線考試。
13. 健身應用具有可穿戴整合的應用：與健身可穿戴設備集成。
14. AI驅動的個人助理：像Google Assistant一樣。
15. 機器學習平台：構建和部署ML模型。
16. 協作白板：實時協作圖。
17. 家庭自動化系統：遠程控製家庭設備。
18. 增強現實應用程序：瀏覽器中的AR體驗。
19. 內容管理系統：完整的CMS。
20. 遠程工作平台：管理遠程團隊和項目。
21. 實時拍賣系統：實時競標項目。
22. 在線市場：在線購買和銷售商品。
23. 眾籌平台：為項目籌集資金。
24. 智能購物清單：帶有建議的智能購物清單。
25. 旅行預訂系統：預訂航班，酒店和活動。
26. AI驅動的新聞聚合器：使用AI的匯總新聞。
27. 食譜成分識別劑：識別圖像中的成分。
28. 物聯網儀表板：控制和監視IoT設備。
29. 個人健康儀表板：監控個人健康指標。
30. 虛擬教室：通過實時互動在線進行課程。

貢獻

我們歡迎社區的捐款！如果您有項目想法或想改進現有項目，請提交拉動請求。確保您的代碼遵循項目的編碼標準，並包含適當的文檔。

執照

該存儲庫是根據MIT許可證獲得許可的。有關更多信息，請參見許可證文件。

接觸

對於任何疑問或建議，請隨時與講師聯繫：

• 阿傑·丹加（Ajay Dhangar）
• LinkedIn
• 嘰嘰喳喳

資源

這裡有一些其他資源來幫助您進行項目：

• MDN Web文檔
• JavaScript信息
• 雄辯的JavaScript
• FreecodeCamp
• Codecademy
• Codeharborhub