projectlearn project based learning
1.0.0
教程很棒,但构建项目是最好的学习方式。进行基于项目的学习并以正确的方式学习代码!
ProjectLearn 提供了一个精选的项目教程列表,学习者可以在其中从头开始构建应用程序。它们分为不同的类别,即网络开发、移动开发、游戏开发、机器学习、深度学习和人工智能。
该列表包含许多热门语言和技术的项目教程,包括 ReactJS、NodeJS、VueJS、Flutter、React Native、.NET Core、Unity、TensorFlow、OpenCV、Keras 等。
要对此列表做出贡献,请访问 CONTRIBUTE.md 了解更多详细信息:)
项目 | 技术 | 关联 |
---|---|---|
在 React.JS 中构建和部署令人惊叹的 3D Web 开发人员组合 Three.js 教程 | vite、React、JavaScript、Three.js、Tailwind | 关联 |
带有 Next.Js Drizzle ORM 和 Cryptomus Payments 的全栈快速商务应用程序 | Next.js、React、JavaScript、Drizzle ORM、Cryptomus | 关联 |
使用管理仪表板构建全栈电子商务商店 | Next.js、React、JavaScript、Tailwind、Stripe | 关联 |
构建全栈 Uber 克隆 | Next.js、React、JavaScript、Tailwind、Stripe | 关联 |
使用 React 构建和部署全栈社交媒体应用程序 | React、JavaScript、HTML、CSS、Tailwind | 关联 |
使用 HTML CSS 和 JavaScript 创建您自己的 ChatGPT 克隆 | HTML、CSS、JavaScript、OpenAI API、API | 关联 |
使用 NextJS 构建 Reddit 2.0 克隆 | React、SQL、Supabase、Next.js、GraphQL | 关联 |
使用 React 构建 YouTube 克隆 | Express、节点、JavaScript、HTML、CSS | 关联 |
使用 JavaScript 图表库创建发散条形图 | JavaScript、HTML、CSS | 关联 |
通过构建卡片组件来学习 CSS 基础知识 | HTML、CSS | 关联 |
创建无服务器模因即服务 | JavaScript、Rust、CSS、HTML | 关联 |
天气预报网站 | JavaScript、HTML、CSS、React | 关联 |
链接缩短网站 | JavaScript、Vue、HTML、CSS、React | 关联 |
抄袭检查网站 | Python、引导程序 | 关联 |
构建自定义 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 | 反应、Firebase、CSS3、JavaScript、HTML5 | 关联 |
JavaScript30 - 30 天普通 JS 编码挑战 | JavaScript | 关联 |
使用 Gatsby 和 GraphCMS 绘制旅行愿望清单地图 | Gatsby、Leaflet、GraphCMS、HTML、CSS | 关联 |
使用 Vue.js 进行记忆卡游戏 | Vue、JavaScript、HTML、CSS | 关联 |
Strapi 和 GatsbyJS 课程 - 组合项目 | Strapi、Gatsby、JavaScript、HTML、CSS | 关联 |
故事书 - Node、Express、MongoDB 和 Google OAuth | MongoDB、节点、JavaScript、HTML、CSS | 关联 |
呼吸和放松应用程序 - JavaScript 和 CSS 动画 | JavaScript、HTML、CSS | 关联 |
用于加密货币价格的 Node.js CLI | 节点、JavaScript | 关联 |
React 和 Tailwind CSS 图片库 | React、Tailwind、JavaScript、HTML、CSS | 关联 |
使用 React 的番茄钟 | 反应、JavaScript、HTML、CSS | 关联 |
从头开始使用 Laravel 进行关键字密度工具 | Laravel、PHP、JQuery、AJAX、SEO | 关联 |
使用 Yii2 PHP 框架克隆 YouTube | yii2、PHP | 关联 |
使用 React、GraphQL 和 Amplify 克隆 Reddit | React、Amplify、AWS、GraphQL、节点 | 关联 |
使用 React 和 GraphQL 进行全栈 Yelp 克隆 | React、GraphQL、HTML、CSS、JavaScript | 关联 |
带有 React Hooks 和 Context API 的 Pokémon Web 应用程序 | 反应、HTML、CSS、JavaScript | 关联 |
使用 JavaScript 和 Rails 进行分水岭监控 | Ruby、Rails、JavaScript | 关联 |
使用 React 和 Redux 的气候数据仪表板 | React、Redux、HTML、CSS、JavaScript | 关联 |
仅使用 CSS 翻转 UNO 卡 | HTML、CSS | 关联 |
使用 Redis、WebSocket 和 Go 的聊天应用程序 | Redis、Web Socket、Go、Azure | 关联 |
带有 React 导航的 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 | 关联 |
与盖茨比一起的夏季公路旅行地图应用程序 | 反应,盖茨比,传单 | 关联 |
使用 Socket.io 进行多人纸牌游戏 | Phaser 3、Express、Socket.io、JavaScript | 关联 |
Gatsby 的 COVID-19 仪表板和地图应用程序 | 反应,盖茨比,传单 | 关联 |
使用 React 进行抽认卡测验 | 反应、API、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、Node、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、Apollo、节点、JavaScript、HTML5 | 关联 |
加密货币追踪器 | NextJS、GraphQL、阿波罗、节点、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 | 关联 |
都都应用程序 | Angular、TypeScript、RxJS、HTML5、CSS3 | 关联 |
黑客新闻客户端 | Angular、RxJS、Webpack、HTML5、CSS3 | 关联 |
随机报价机 | 反应、JavaScript、HTML5、CSS3 | 关联 |
Todoist克隆 | React、Firebase、JavaScript、测试、HTML5 | 关联 |
具有情绪分析功能的聊天应用程序 | NextJS、Pusher、情感、节点、React | 关联 |
预约安排 | React、Twilio、CosmicJS、Material-UI、JavaScript | 关联 |
生命游戏 | 反应、2D、JavaScript、HTML5、CSS3 | 关联 |
新闻应用 | React Native、节点、API、React、JavaScript | 关联 |
聊天应用程序 | React、Redux、Redux Saga、Web 套接字、节点 | 关联 |
都都应用程序 | React Native、GraphQL、Apollo、API、Hasura | 关联 |
Chrome 扩展程序 | React、Parcel、JavaScript、HTML5、CSS3 | 关联 |
电影投票应用程序 | React、Redux、API、不可变、JavaScript | 关联 |
Trello 克隆 | React、Elixir、Phoenix、JWT、JavaScript | 关联 |
Wiki 风格的 CMS | C#、.NET、Razor 页面 | 关联 |
使用 ReactJS 克隆 Spotify | 反应、HTML5、CSS3 | 关联 |
微软主页克隆 | HTML5、CSS3、JavaScript | 关联 |
简单的甘特图 | HTML5、CSS3、JavaScript | 关联 |
工作抓取应用程序 | 节点、JavaScript、REST、API、Express | 关联 |
电子商务应用程序 | 反应、Bootstrap、JavaScript、HTML5、CSS3 | 关联 |
Netflix 登陆页面 | HTML5、CSS3、JavaScript | 关联 |
人工智能聊天机器人 | Web 语音 API、Node、JavaScript、Express、Socket.io | 关联 |
社交网络应用程序 | 反应、节点、Redux、Firebase、REST | 关联 |
在 Node.js 中构建简单的加密货币区块链 | 节点、JavaScript、密码学、区块链 | 关联 |
BitTorrent 客户端 | 节点、JavaScript、TCP、计算机网络 | 关联 |
使用 JavaScript 的待办事项列表应用程序 | JavaScript、HTML5、CSS3 | 关联 |
使用 Anime.js 制作 JavaScript 动画 | JavaScript、CSS3、库、HTML5、API | 关联 |
使用 React 的求职板应用程序 | 反应、节点、Cron、JavaScript、HTML5 | 关联 |
项目 | 技术 | 关联 |
---|---|---|
使用 React Native 构建 Uber Eats 克隆版 | React Native、Javascript、Android、iOS | 关联 |
使用 React Native 构建 Uber 克隆 | React Native、Javascript、Android、iOS | 关联 |
使用 Flutter SDK 构建带有故事的聊天应用程序 | 颤动、飞镖 | 关联 |
构建 Robinhood 风格的应用程序来跟踪 COVID-19 病例 | 科特林、安卓 | 关联 |
Tinder 风格滑动移动应用程序 | 科特林、Java、斯威夫特 | 关联 |
加密货币价目表移动应用程序 | React Native、Swift、Flutter、Dart | 关联 |
餐厅社交移动应用程序 | React Native、Swift、Flutter、Dart | 关联 |
休息时间提醒移动应用程序 | React Native、Kotlin、Java、Swift | 关联 |
发票和付款提醒移动应用程序 | 反应、节点、Express、MongoDB | 关联 |
倒计时移动应用程序 | 斯威夫特、Java、反应本机 | 关联 |
使用 Swift 的 Flappy Bird iOS 游戏 | 斯威夫特、XCode、iOS | 关联 |
使用 Swift 的 Bull's Eye iOS 游戏 | 斯威夫特、XCode、iOS | 关联 |
使用 SwiftUI 的餐厅 iOS 应用程序 | 斯威夫特、XCode、iOS | 关联 |
使用 Swift 骰子 iOS 应用程序 | 斯威夫特、XCode、iOS | 关联 |
TrueCaller 克隆 | Java、MySQL、XAMPP、Android | 关联 |
天气应用程序 | Java、API、安卓 | 关联 |
电子商务应用程序 | Java、Firebase、Android | 关联 |
聊天应用程序 | Java、Firebase、Android | 关联 |
都都应用程序 | 颤振、Dart、Android、iOS | 关联 |
旅行应用程序用户界面 | 颤振、Dart、Android、iOS | 关联 |
Reddit 客户端 | 安卓、科特林 | 关联 |
都都应用程序 | 反应本机、Android、iOS、JavaScript | 关联 |
照片库查看器 | C#、iOS、Xamarin、Visual Studio、Android | 关联 |
使用 React Native 克隆 WhatsApp | React Native、Node、GraphQL、Apollo、JavaScript | 关联 |
项目 | 技术 | 关联 |
---|---|---|
使用 Kaboom.js 构建超级马里奥兄弟、塞尔达和太空入侵者 | JavaScript、卡布姆 | 关联 |
使用 TypeScript 创建打砖块游戏 | TypeScript、HTML、CSS、JavaScript | 关联 |
简单的游戏 | Lua、LÖVE、Python、Pygame 零 | 关联 |
Python 在线多人游戏 | Python | 关联 |
击败他们格斗游戏 | 统一,C# | 关联 |
使用 Godot 3.1 的简单 3D 游戏 | 戈多,C#,3D | 关联 |
Godot 中的简单益智游戏 - 盒子和开关 | 戈多、C#、2D | 关联 |
《Godot 3》中的游戏界面从头开始 | 戈多、C#、2D | 关联 |
戈多的 2D 游戏:玩家与敌人 | 戈多、C#、2D | 关联 |
使用 Socket.io 进行多人纸牌游戏 | Phaser 3、Express、Socket.io、JavaScript | 关联 |
使用 Unity 2D 和 Mirror 的多人卡牌游戏 | C#、Unity、2D、镜像 | 关联 |
Rust 中的 Roguelike 教程 | 铁锈,二维 | 关联 |
Adventures in Rust - 基本 2D 游戏 | 铁锈,二维 | 关联 |
使用 Ruby 进行终端贪吃蛇游戏 | 红宝石,二维 | 关联 |
使用 OpenGL 的太空入侵者 | OpenGL、C/C++、2D | 关联 |
C 语言的数独求解器 | C/C++、二维 | 关联 |
C语言国际象棋引擎 | C/C++、二维 | 关联 |
使用 Swift 的 Flappy Bird iOS 游戏 | 斯威夫特、XCode、iOS | 关联 |
使用 Swift 的 Bull's Eye iOS 游戏 | 斯威夫特、XCode、iOS | 关联 |
使用纯 JavaScript 打地鼠 | JavaScript、HTML5、CSS3 | 关联 |
使用 Vue 进行多人问答游戏 | Vue、Pusher、Node、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、Unity、C# | 关联 |
2D Roguelike | 2D、Unity、C# | 关联 |
约翰·柠檬的闹鬼之旅 3D | 3D、Unity、C# | 关联 |
VR 初学者:密室逃脱 | 虚拟现实、Unity、C# | 关联 |
鲁比的冒险 | 2D、Unity、C# | 关联 |
角色扮演游戏 | 2D、Unity、C# | 关联 |
滚球 | 3D、Unity、C# | 关联 |
第一人称射击微游戏 | 统一,C# | 关联 |
平台游戏微型游戏 | 统一、C#、2D | 关联 |
卡丁车微游戏 | 统一,C# | 关联 |
街机射击游戏 | 卢阿,爱 | 关联 |
生命游戏 | 反应、2D、JavaScript、HTML5、CSS3 | 关联 |
手工英雄 | C/C++、OpenGL、2D | 关联 |
突破 | C/C++、OpenGL、2D | 关联 |
俄罗斯方块 | C/C++、二维 | 关联 |
红白机游戏 | C/C++、Python、2D | 关联 |
Roguelike 游戏 | C#、.NET、RogueSharp、MonoGame、RLNet | 关联 |
简单的角色扮演游戏 | C#、SQL、2D | 关联 |
项目 | 技术 | 关联 |
---|---|---|
使用 BeautifulSoup 构建 Web Scraper | Python、美丽汤 | 关联 |
CNN 通过胸部 X 光检查检测肺炎 | CNN、Python | 关联 |
使用 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、TensorFlow、Numpy | 关联 |
使用 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、超正方体、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 | 关联 |
电影推荐系统 | Python、LightFM | 关联 |
Twitter 情绪分析 | Python、API | 关联 |
具有情绪分析功能的聊天应用程序 | NextJS、Pusher、情感、节点、React | 关联 |