<sub>Detaillierte Erklärungen, als hätte man einen Privatlehrer an der Seite</sub>
</td>
</tr>
</table>
Im Zeitalter der KI sind diejenigen, die Ideen in Produkte verwandeln, oft nicht die technisch stärksten, sondern diejenigen, die den ersten Schritt tun. **Easy-Vibe wurde dafür geschaffen.** Wir nehmen dich an die Hand, vom Schreiben deiner ersten Zeile Code bis zum Verständnis der Front-End- und Back-End-Logik und schließlich zum Start deines Produkts.
- **[2026-03-02]** 🦞 **OpenClaw & AI Agent Unterstützung**: `llms.txt` KI-Navigationsdatei hinzugefügt, die OpenClaw, Claude, Cursor, Trae und anderen AI Agents ermöglicht, die Repository-Struktur schnell zu verstehen und Tutorial-Inhalte präzise zu lokalisieren. Wir wünschen jedem 🦞 viel Lernspaß!
- **[2026-03-01]** [Abschnitt Fortgeschrittene Entwicklung](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/) umfassend aktualisiert: Sieben detaillierte Claude Code Guides (MCP, Skills, Agent Teams, etc.) und acht Multi-Plattform-Entwicklungstutorials (PWA, Electron, NFT, VS Code Erweiterungen, Qt Industrieanwendungen, etc.) hinzugefügt.
- **[2026-02-25]** [Anhang Wissensdatenbank](https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/) aktualisiert, umfasst 9 Wissensbereiche und 80+ interaktive Themen.
<details>
<summary>Frühere Neuigkeiten</details>
- **[2026-01-16]** Projekt-Restrukturierung, formelle Einrichtung des Kapitels "Einführung für Anfänger", Barrieren reduziert.
- **[2026-01-14]** Vollständiges Update der Stage 1 Dokumentation "Produktprototypen erstellen".
• <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/1-computer-fundamentals/data-encoding-storage.html">Datenkodierung, Speicherung und Übertragung</a><br>
• <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/1-computer-fundamentals/computer-networks.html">Netzwerke: Wie zwei Computer sprechen</a><br>
• <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/1-computer-fundamentals/algorithm-thinking.html">Einführung in algorithmisches Denken</a>
</td>
<td valign="top" width="33%">
<strong>🔧 Entwicklungswerkzeuge</strong><br><br>
• <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/2-development-tools/git-version-control.html">Git: Die Zeitmaschine des Codes</a><br>
• <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/2-development-tools/command-line-shell.html">Befehlszeile und Shell-Skripte</a><br>
• <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/2-development-tools/ide-vscode.html">IDEs und VS Code</a><br>
• <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/3-web-programming/fetch-api-async.html">Fetch API und asynchrone Programmierung</a><br>
| [Frontend 4: Gemeinsam Hogwarts Portraits bauen](../../docs/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/chapter4-lets-build-hogwarts-portraits.md) | Frontend-App mit KI von Grund auf erstellen | ✅ |
| [Backend 1: Was ist eine API](../../docs/zh-cn/stage-2/backend/2.1-what-is-api/extra2/extra2-what-is-api.md) | HTTP und Request/Response-Modelle verstehen | ✅ |
| [Backend 2: Von Datenbank zu Supabase](../../docs/zh-cn/stage-2/backend/2.2-database-supabase/chapter5/chapter5-from-database-to-supabase.md) | DB und API auf Supabase implementieren | ✅ |
| [Backend 3: KI-gestützte API-Code und Dokumentation generieren](../../docs/zh-cn/stage-2/backend/2.3-ai-interface-code/) | Dokumentation und Code mit KI generieren | 🚧 |
| [Backend 5: Deployment auf Zeabur](../../docs/zh-cn/stage-2/backend/2.5-zeabur-deployment/extra6/extra6-zeabur-what-is-it-and-how-to-deploy-web-applications.md) | Anwendungen auf Zeabur deployen | ✅ |
| [Backend 6: Moderne CLI-Tools](../../docs/zh-cn/stage-2/backend/2.6-modern-cli/extra7/extra7-cli-ai-coding-tools-and-the-principles-of-test-driven-development.md) | Entwicklung mit KI-CLI beschleunigen | 🚧 |
| [Backend 7: Zahlungssysteme wie Stripe integrieren](../../docs/zh-cn/stage-2/backend/2.7-stripe-payment/) | Zahlung und Abwicklung integrieren | 🚧 |
| [Projekt 1: Erste moderne App - Fullstack App](../../docs/zh-cn/stage-2/assignments/2.1-fullstack-app/) | Vollständige Fullstack-Web-App erstellen | 🚧 |
| [Projekt 2: Moderne UI-Bibliothek + Trae Praxis](../../docs/zh-cn/stage-2/assignments/2.2-modern-frontend-trae/) | Unabhängiges Produkt mit Auth und Zahlung | 🚧 |
| [Wie man Claude Code lange laufen lässt](../../docs/zh-cn/stage-3/core-skills/long-running-tasks/) | Langfristige Aufgaben für kontinuierliche Arbeit entwerfen | ✅ |
| [Wie man ein WeChat Mini-Programm baut](../../docs/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/) | Mini-Programm-Ökosystem, von Template zum Launch | ✅ |
| [Wie man WeChat Mini-Programm mit Backend baut](../../docs/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/) | DB und Backend-Logik integrieren | ✅ |
| [Wie man persönliche Website und akademischen Blog baut](../../docs/zh-cn/stage-3/personal-brand/3.7-personal-website-blog/) | Von Tech-Wahl bis Deployment, persönliche Seite bauen | ✅ |
| [PWA Entwicklung](../../docs/zh-cn/stage-3/cross-platform/3.8-pwa-local-app/) | Progressive Web Apps mit Offline-Support bauen | 🚧 |
| [Was ist RAG und wie es funktioniert](../../docs/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/) | RAG und gängige Architekturen verstehen | ✅ |
| [Mittleres RAG und Workflow-Orchestrierung: LangGraph](../../docs/zh-cn/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/) | Mehrstufige Workflows und erweiterte RAG-Systeme entwerfen | 🚧 |
</details>
## 🛠️ Wie man lernt
- Wähle Kapitel zum Lesen und Üben nach deinem Level. Zögere nicht, ein Issue für Fragen zu öffnen.
## 💻 Lokale Einrichtung
### Moderner Weg
In einem AI IDE (VS Code, Cursor, Trae, etc.), verwende folgenden Prompt:
```
Bitte helfen Sie mir, den lokalen Dienst dieses Projekts auszuführen.
```
### Traditioneller Weg
1. npm install
2. npm run dev
3. Öffne `http://localhost:3000` in deinem Browser.
## 🤝 Beitragen
- Wenn du Probleme findest oder Vorschläge hast, bitte ein Issue eröffnen.
- Um beizutragen, bitte einen Pull Request einreichen.
- Wenn du ein neues Projekt mit Datawhale starten möchtest, folge dem [Datawhale Open Source Projektleitfaden](https://github.com/datawhalechina/DOPMC/blob/main/GUIDE.md).
