欢迎阅读我们关于“2023 年程序员的热门开发项目”的博文!作为一名开发人员,了解最新的技术和工具对于在就业市场上保持竞争力至关重要。在这篇文章中,我们编制了一份 2023 年最热门开发项目的完整列表,以及掌握每个项目的教程和资源。无论您是希望提高技能的初学者还是希望扩展您的产品组合的经验丰富的开发人员,此列表都适合每个人。从构建移动应用程序到实施机器学习模型,这些项目将帮助您走在技术前沿并将您的开发技能提升到一个新的水平。那么,让我们深入探索 2023 年开发项目的精彩世界吧!
项目教程列表:
Web开发:
项目 | 技术 | 关联 |
使用 NextJS 构建 Reddit 2.0 克隆 | 反应、SQL、Supabase、Next.js、GraphQL | 关联 |
使用 React 构建 YouTube 克隆 | Express、节点、JavaScript、HTML、CSS | 关联 |
使用 JavaScript 图表库创建发散条形图 | JavaScript、HTML、CSS | 关联 |
通过构建卡片组件来学习 CSS 基础知识 | HTML, CSS | 关联 |
创建无服务器模因即服务 | JavaScript、生锈、CSS、HTML | 关联 |
天气预报网站 | JavaScript、HTML、CSS、反应 | 关联 |
链接缩短网站 | JavaScript、Vue、HTML、CSS、反应 | 关联 |
抄袭检查网站 | 蟒蛇,引导程序 | 关联 |
构建自定义 Google 地图主题 | JavaScript、HTML、CSS | 关联 |
使用 JavaScript 构建超级马里奥主题的 Google 地图 | JavaScript、HTML5、CSS3 | 关联 |
构建社区驱动的交付应用程序 | Python、Django、PostgreSQL、JavaScript、Mapbox | 关联 |
构建本地商店搜索和发现应用程序 | Python、Django、PostgreSQL、JavaScript、Mapbox | 关联 |
使用 React.js 和 Node.js 的中型克隆 | 反应、节点、CSS3、JavaScript、HTML5 | 关联 |
使用 React JS 克隆 Facebook | 反应,火力地堡,CSS3,JavaScript,HTML5 | 关联 |
JavaScript30 - 30 天 Vanilla JS 编码挑战 | JavaScript | 关联 |
使用 Gatsby 和 GraphCMS 的旅行遗愿清单地图 | 盖茨比、传单、GraphCMS、HTML、CSS | 关联 |
使用 Vue.js 的记忆卡游戏 | Vue、JavaScript、HTML、CSS | 关联 |
Strapi 和 GatsbyJS 课程 - 投资组合项目 | Strapi、盖茨比、JavaScript、HTML、CSS | 关联 |
Storybook - Node、Express、MongoDB 和 Google OAuth | MongoDB、节点、JavaScript、HTML、CSS | 关联 |
呼吸和放松应用程序 - JavaScript 和 CSS 动画 | JavaScript、HTML、CSS | 关联 |
用于加密货币价格的 Node.js CLI | 节点,JavaScript | 关联 |
React 和 Tailwind CSS 图片库 | 反应,顺风,JavaScript,HTML,CSS | 关联 |
使用 React 的番茄钟 | 反应,JavaScript,HTML,CSS | 关联 |
Laravel from Scratch 关键字密度工具 | Laravel、PHP、JQuery、AJAX、搜索引擎优化 | 关联 |
使用 Yii2 PHP 框架的 YouTube 克隆 | Yii2, PHP | 关联 |
使用 React、GraphQL 和 Amplify 克隆 Reddit | React、Amplify、AWS、GraphQL、节点 | 关联 |
使用 React 和 GraphQL 的全栈 Yelp 克隆 | 响应、GraphQL、HTML、CSS、JavaScript | 关联 |
带有 React Hooks 和 Context API 的 Pokémon Web App | 反应,HTML,CSS,JavaScript | 关联 |
使用 JavaScript 和 Rails 的分水岭监视器 | 红宝石,轨道,JavaScript | 关联 |
使用 React 和 Redux 的气候数据仪表板 | 响应、Redux、HTML、CSS、JavaScript | 关联 |
仅使用 CSS 翻转 UNO 卡片 | HTML, CSS | 关联 |
使用 Redis、WebSocket 和 Go 的聊天应用程序 | Redis、网络套接字、Go、Azure | 关联 |
使用 React Navigation 的 Spotify 登录动画 | 反应,HTML,CSS,JavaScript | 关联 |
仅使用 CSS 的动态天气界面 | HTML, CSS | 关联 |
使用 Airtable 和 Vue 的简单 CRUD 应用程序 | Airtable、Vue、Vuetify、API、HTML | 关联 |
带有 MEVN 堆栈的全堆栈 RPG 角色生成器 | MongoDB、Express、Vue、节点、HTML | 关联 |
带有 PERN 堆栈的 Todo 应用程序 | PostgreSQL、Express、React、节点、HTML | 关联 |
带有 Gatsby 的夏季公路旅行地图应用程序 | 反应,盖茨比,传单 | 关联 |
使用 Socket.io 的多人纸牌游戏 | Phaser 3、Express、Socket.io、JavaScript | 关联 |
带有 Gatsby 的 COVID-19 仪表板和地图应用程序 | 反应,盖茨比,传单 | 关联 |
React 抽认卡测验 | 反应,API,JavaScript,HTML5,CSS3 | 关联 |
使用纯 JavaScript 打地鼠 | JavaScript、HTML5、CSS3 | 关联 |
使用 JavaScript 的诺基亚 3310 贪吃蛇游戏 | JavaScript、HTML5、CSS3 | 关联 |
原生 JavaScript 中的石头剪刀布 | JavaScript、HTML5、CSS3 | 关联 |
纯 JavaScript 的俄罗斯方块 | JavaScript、HTML5、CSS3 | 关联 |
带有 React 的 Meme Maker | 反应,JavaScript,HTML5,CSS3 | 关联 |
使用 React 克隆 Evernote | 反应、Firebase、节点、JavaScript、HTML5 | 关联 |
使用 Vue 的开发者聚会应用程序 | Vue、Firebase、Vuetify、JavaScript、HTML5 | 关联 |
使用 Vue 的实时聊天应用程序 | Vue、Firebase、Vuex、JavaScript、HTML5 | 关联 |
使用 Vue 的加密货币追踪器 | Vue、Vuetify、API、JavaScript、HTML5 | 关联 |
使用 Vue 的多人问答游戏 | Vue、Pusher、节点、Express、JavaScript | 关联 |
使用 Vue 的扫雷游戏 | Vue、Vuex、Vuetify、JavaScript、HTML5 | 关联 |
使用 Vue 克隆 Instagram | Vue、CSSGram、JavaScript、HTML5、CSS3 | 关联 |
使用 Angular 克隆黑客新闻 | 角度、灯塔、JavaScript、HTML5、CSS3 | 关联 |
聊天界面 | HTML5, CSS3 | 关联 |
纯 CSS3 工具提示 | HTML5, CSS3 | 关联 |
社交媒体按钮 | HTML5, CSS3 | 关联 |
推荐卡 | HTML5, CSS3 | 关联 |
使用 CSS3 Flexbox 的导航栏 | HTML5, CSS3 | 关联 |
使用 CSS3 Flexbox 的移动应用程序布局 | HTML5, CSS3 | 关联 |
受 Reddit 启发的加载微调器 | HTML5, CSS3 | 关联 |
使用 CSS3 网格的日历 | JavaScript、HTML5、CSS3 | 关联 |
React 中的俄罗斯方块游戏 | 反应,JavaScript,HTML5,CSS3 | 关联 |
2D突围游戏 | JavaScript、HTML5、CSS3 | 关联 |
精灵动画 | JavaScript、HTML5、CSS3 | 关联 |
蛇游戏 | JavaScript、HTML5、CSS3 | 关联 |
记忆游戏 | JavaScript、HTML5、CSS3 | 关联 |
简单的身份验证和授权 | GraphQL、阿波罗、节点、JavaScript、HTML5 | 关联 |
加密货币追踪器 | NextJS、GraphQL、Apollo、节点、JavaScript | 关联 |
使用 Vanilla Javascript 进行即时搜索 | JavaScript、HTML5、CSS3 | 关联 |
计算器应用 | JavaScript、HTML5、CSS3 | 关联 |
待办事项 | Vue、JavaScript、CSS3、HTML5 | 关联 |
博客应用 | Vue、GraphQL、阿波罗、JavaScript、CSS3 | 关联 |
简单的预算应用程序 | Vue、布尔玛、JavaScript、CSS3、HTML5 | 关联 |
搜索机器人 | 节点、Twilio、Cheerio、API、自动化 | 关联 |
推特机器人 | 节点、JavaScript、API、自动化 | 关联 |
实时 Markdown 编辑器 | 节点、JavaScript、Express、Redis、HTML5 | 关联 |
待办事项 | 角度、打字稿、RxJS、HTML5、CSS3 | 关联 |
黑客新闻客户端 | 角度、RxJS、Webpack、HTML5、CSS3 | 关联 |
随机报价机 | 反应,JavaScript,HTML5,CSS3 | 关联 |
Todoist克隆 | 反应,Firebase,JavaScript,测试,HTML5 | 关联 |
带有情绪分析的聊天应用程序 | NextJS、Pusher、Sentiment、Node、React | 关联 |
预约安排 | React、Twilio、CosmicJS、Material-UI、JavaScript | 关联 |
生命游戏 | 响应、二维、JavaScript、HTML5、CSS3 | 关联 |
新闻应用 | 反应本机,节点,API,反应,JavaScript | 关联 |
聊天应用 | React、Redux、Redux Saga、Web 套接字、节点 | 关联 |
待办事项 | React Native、GraphQL、Apollo、API、Hasura | 关联 |
Chrome 扩展程序 | 反应,包裹,JavaScript,HTML5,CSS3 | 关联 |
电影投票应用程序 | React、Redux、API、不可变、JavaScript | 关联 |
特雷洛克隆 | React、Elixir、Phoenix、JWT、JavaScript | 关联 |
Wiki 风格的 CMS | C#、.NET、Razor 页面 | 关联 |
使用 ReactJS 克隆 Spotify | 反应,HTML5,CSS3 | 关联 |
微软主页克隆 | HTML5、CSS3、JavaScript | 关联 |
简单的甘特图 | HTML5、CSS3、JavaScript | 关联 |
工作抓取应用程序 | 节点、JavaScript、REST、API、Express | 关联 |
电子商务应用 | 反应,引导程序,JavaScript,HTML5,CSS3 | 关联 |
Netflix 着陆页 | HTML5、CSS3、JavaScript | 关联 |
人工智能聊天机器人 | 网络语音 API、节点、JavaScript、Express、Socket.io | 关联 |
社交网络应用 | 反应、节点、Redux、Firebase、REST | 关联 |
移动开发:
项目 | 技术 | 关联 |
使用 React Native 构建一个 Uber Eats 克隆 | React Native、Javascript、Android、iOS | 关联 |
使用 React Native 构建一个 Uber 克隆 | React Native、Javascript、Android、iOS | 关联 |
使用 Flutter SDK 构建带有故事的聊天应用程序 | 飞镖,飞镖 | 关联 |
构建 Robinhood 风格的应用程序来跟踪 COVID-19 病例 | 科特林,安卓 | 关联 |
Tinder 风格的 Swipe 移动应用程序 | 科特林、Java、斯威夫特 | 关联 |
加密货币价目表移动应用程序 | React Native、Swift、Flutter、Dart | 关联 |
餐厅社交移动应用程序 | React Native、Swift、Flutter、Dart | 关联 |
休息时间提醒移动应用程序 | React Native、Kotlin、Java、Swift | 关联 |
发票和付款提醒移动应用程序 | 反应,节点,快递,MongoDB | 关联 |
倒计时手机应用程式 | 斯威夫特、Java、本机反应 | 关联 |
使用 Swift 的 Flappy Bird iOS 游戏 | 斯威夫特、XCode、iOS | 关联 |
使用 Swift 的 Bull's Eye iOS 游戏 | 斯威夫特、XCode、iOS | 关联 |
使用 SwiftUI 的任务列表 iOS 应用程序 | 斯威夫特、XCode、iOS | 关联 |
使用 SwiftUI 的餐厅 iOS 应用程序 | 斯威夫特、XCode、iOS | 关联 |
使用 Swift 的骰子 iOS 应用程序 | 斯威夫特、XCode、iOS | 关联 |
TrueCaller 克隆 | Java、MySQL、XAMPP、安卓 | 关联 |
天气应用 | Java、API、安卓 | 关联 |
电子商务应用 | Java、火力地堡、安卓 | 关联 |
聊天应用 | Java、火力地堡、安卓 | 关联 |
待办事项 | Flutter、Dart、Android、iOS | 关联 |
旅游应用界面 | Flutter、Dart、Android、iOS | 关联 |
Reddit客户端 | 安卓,科特林 | 关联 |
待办事项 | React Native、Android、iOS、JavaScript | 关联 |
照片库查看器 | C#、iOS、Xamarin、Visual Studio、Android | 关联 |
使用 React Native 克隆 WhatsApp | React Native、节点、GraphQL、Apollo、JavaScript | 关联 |
游戏开发:
项目 | 技术 | 关联 |
使用 Kaboom.js 构建超级马里奥兄弟、塞尔达传说和太空侵略者 | JavaScript,卡布姆 | 关联 |
使用 TypeScript 创建打砖块游戏 | 打字稿,HTML,CSS,JavaScript | 关联 |
简单游戏 | Lua、LÖVE、Python、Pygame 零 | 关联 |
Python 在线多人游戏 | Python | 关联 |
打败他们格斗游戏 | 统一,C# | 关联 |
使用 Godot 3.1 的简单 3D 游戏 | 戈多,C#,3D | 关联 |
Godot 中的简单益智游戏 - Box and Switch | 戈多,C#,二维 | 关联 |
Godot 3 中从头开始的游戏界面 | 戈多,C#,二维 | 关联 |
Godot 的 2D 游戏:玩家和敌人 | 戈多,C#,二维 | 关联 |
使用 Socket.io 的多人纸牌游戏 | Phaser 3、Express、Socket.io、JavaScript | 关联 |
使用 Unity 2D 和 Mirror 的多人纸牌游戏 | C#、Unity、二维、镜像 | 关联 |
Rust 中的 Roguelike 教程 | 生锈,二维 | 关联 |
Adventures in Rust - 一款基本的 2D 游戏 | 生锈,二维 | 关联 |
使用 Ruby 的终端贪吃蛇游戏 | 红宝石,二维 | 关联 |
使用 OpenGL 的太空入侵者 | OpenGL、C/C++、二维 | 关联 |
C 中的数独求解器 | C/C++,二维 | 关联 |
C中的国际象棋引擎 | C/C++,二维 | 关联 |
使用 Swift 的 Flappy Bird iOS 游戏 | 斯威夫特、XCode、iOS | 关联 |
使用 Swift 的 Bull's Eye iOS 游戏 | 斯威夫特、XCode、iOS | 关联 |
使用纯 JavaScript 打地鼠 | JavaScript、HTML5、CSS3 | 关联 |
使用 JavaScript 的诺基亚 3310 贪吃蛇游戏 | JavaScript、HTML5、CSS3 | 关联 |
原生 JavaScript 中的石头剪刀布 | JavaScript、HTML5、CSS3 | 关联 |
纯 JavaScript 的俄罗斯方块 | JavaScript、HTML5、CSS3 | 关联 |
使用 Vue 的多人问答游戏 | Vue、Pusher、节点、Express、JavaScript | 关联 |
使用 Vue 的扫雷游戏 | Vue、Vuex、Vuetify、JavaScript、HTML5 | 关联 |
React 中的俄罗斯方块游戏 | 反应,JavaScript,HTML5,CSS3 | 关联 |
2D突围游戏 | JavaScript、HTML5、CSS3 | 关联 |
精灵动画 | JavaScript、HTML5、CSS3 | 关联 |
蛇游戏 | JavaScript、HTML5、CSS3 | 关联 |
记忆游戏 | JavaScript、HTML5、CSS3 | 关联 |
坦克射手 | 3D、统一、C# | 关联 |
2D Roguelike | 二维、统一、C# | 关联 |
约翰·莱蒙的闹鬼短途旅行 3D | 3D、统一、C# | 关联 |
VR 初学者:密室逃脱 | 虚拟现实、团结、C# | 关联 |
露比的冒险 | 二维、统一、C# | 关联 |
角色扮演游戏 | 二维、统一、C# | 关联 |
滚球 | 3D、统一、C# | 关联 |
FPS小游戏 | 统一,C# | 关联 |
平台微游戏 | 团结,C#,二维 | 关联 |
卡丁车小游戏 | 统一,C# | 关联 |
街机射击 | Lua, LÖVE | 关联 |
生命游戏 | 响应、二维、JavaScript、HTML5、CSS3 | 关联 |
手工英雄 | C/C++、OpenGL、二维 | 关联 |
爆发 | C/C++、OpenGL、二维 | 关联 |
俄罗斯方块 | C/C++,二维 | 关联 |
红白机游戏 | C/C++、Python、二维 | 关联 |
类 Roguelike 游戏 | C#、.NET、RogueSharp、MonoGame、RLNet | 关联 |
简单的角色扮演游戏 | C#、SQL、二维 | 关联 |
机器学习与人工智能:
项目 | 技术 | 关联 |
使用 BeautifulSoup 构建网络爬虫 | 蟒蛇,美丽汤 | 关联 |
从胸部 X 光检测肺炎的 CNN | 美国有线电视新闻网,蟒蛇 | 关联 |
使用 AWS 在 Python 中自动更新数据可视化 | Python、AWS、Matplotlib | 关联 |
使用 GCP 和 Node 的 Twitter 情绪分析工具 | API、GCP、节点、JavaScript | 关联 |
使用 CNN 进行 Twitter 情绪分析 | Python、Matplotlib、Numpy、熊猫 | 关联 |
泰勒斯威夫特歌词生成器 | Python、Keras、Numpy、熊猫 | 关联 |
MNIST 数字识别器 | Python、Keras、TensorFlow、Numpy、SciKit | 关联 |
训练模型生成颜色 | Python、Keras、TensorFlow、Numpy | 关联 |
图片说明生成器 | Python、张量流、麻木 | 关联 |
使用 CNN 破解验证码系统 | Python、Keras、TensorFlow、OpenCV、Numpy | 关联 |
生成平均脸 | Python、OpenCV、Numpy、C/C++ | 关联 |
图像拼接 | Python、OpenCV、Numpy | 关联 |
手部关键点检测 | Python、OpenCV、Numpy、C/C++ | 关联 |
特征脸 | Python、OpenCV、Numpy、C/C++ | 关联 |
无人机目标检测 | Python、OpenCV、Numpy | 关联 |
使用 Mask R-CNN 进行目标检测 | Python、OpenCV、Numpy | 关联 |
面部地标检测 | Python、OpenCV、DLib、Numpy | 关联 |
文本歪斜校正 | Python、OpenCV、Numpy | 关联 |
OCR 和文本识别 | Python、OpenCV、Tesseract、Numpy | 关联 |
人数统计器 | Python、OpenCV、Numpy | 关联 |
文本检测 | Python、OpenCV、Numpy | 关联 |
语义分割 | Python、OpenCV、Numpy | 关联 |
对象跟踪 | Python、OpenCV、Numpy、CamShift | 关联 |
人脸聚类 | Python、OpenCV、Numpy | 关联 |
扫码机 | Python、OpenCV、ZBar、Numpy | 关联 |
显着性检测 | Python、OpenCV、Numpy | 关联 |
人脸检测 | Python、OpenCV、Numpy | 关联 |
文档扫描仪 | Python、OpenCV、Numpy、SciKit | 关联 |
音乐推荐器 | Python、SciKit、Numpy、熊猫 | 关联 |
预测葡萄酒的质量 | Python、Matplotlib、Numpy、熊猫 | 关联 |
遗传算法 | Python、SciKit、Numpy、熊猫 | 关联 |
深梦 | Python、TensorFlow、可视化 | 关联 |
股价预测 | Python、SciKit、Matplotlib | 关联 |
电影推荐系统 | 蟒蛇,LightFM | 关联 |
推特情绪分析 | 蟒蛇,API | 关联 |
带有情绪分析的聊天应用程序 | NextJS、Pusher、Sentiment、Node、React | 关联 |
结论
总之,2023 年将成为令人振奋的发展年,新技术和工具层出不穷。我们在这篇文章中列出的项目对于希望提高技能并在就业市场上保持竞争力的所有技能水平的开发人员来说都是一个很好的起点。无论您是对构建移动应用程序、实施机器学习模型还是其他完全感兴趣,此列表中都有适合您的内容。