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