# Einführung
Bevor wir beginnen, werfen wir einen kurzen Blick darauf, was Claude Code ist und warum es nützlich ist, es zu lernen. Claude Code ist ein Agenten-Codierungstool von Anthropic, das Ihre Codebasis lesen, Dateien bearbeiten, Befehle ausführen, Fehler beheben, Checks schreiben, Commits erstellen und über Mannequin Context Protocol (MCP) eine Verbindung mit externen Instruments herstellen kann. Es funktioniert im Terminal, in integrierten Entwicklungsumgebungen (IDEs), Desktop-Apps, Browsern und anderen Entwicklungsumgebungen und ist daher sowohl für kleine Experimente als auch für ernsthaftere Softwareprojekte nützlich. In diesem Artikel unserer „5 lustige Projekte“ Serie, Sie werden es lernen, indem Sie es tun. Die Projekte beginnen mit einer einfachen ersten App, gehen dann zu Spielen, mobilen Apps, Full-Stack-Anwendungen und schließlich benutzerdefinierten MCP-basierten Workflows über. Jedes Projekt hilft Ihnen, Schritt für Schritt eine andere Claude-Code-Fähigkeit aufzubauen. Additionally, fangen wir an.
# 1. Erstellen Sie Ihre erste Net-App mit Claude Code
Das Video von Lehrer-Tech ist der beste Ausgangspunkt, wenn Sie Claude Code noch nicht kennen. Das Video führt Sie durch die Verwendung von Claude Code, um aus einer einfachen Idee eine funktionierende Net-App zu erstellen, ohne jede Codezeile manuell schreiben zu müssen. Es ist ein gutes Einsteigerprojekt, da es den grundlegenden Claude Code-Workflow vermittelt: Erklären Sie, was Sie wollen, lassen Sie Claude das Projekt generieren, überprüfen Sie die Dateien, testen Sie die App und bitten Sie um Verbesserungen. Am Ende verstehen Sie, wie Sie aus einer Grundidee eine brauchbare Anwendung machen. Die wichtigste Fähigkeit, die Sie hier erlernen, ist das App-Prototyping mit Claude Code.
# 2. Erstellen eines Retro-2D-Spiels
Das ist ein Lustiges nächstes Projekt von Peter Yang weil Spiele dafür sorgen, dass sich Claude Code interaktiver anfühlt. Das Tutorial konzentriert sich auf den Aufbau eines Retro-2D-Weltraum-Shooters, der Ihnen ein klares Projekt mit Bewegung, Grafik, Spielregeln und Spielerinteraktion bietet. Es ist interessanter als eine andere einfache Net-App, weil Sie das Ergebnis sofort sehen und es durch kleine Eingabeaufforderungen verbessern können, z. B. durch Ändern des Schwierigkeitsgrads, Hinzufügen von Feinden oder Verbessern des Designs. Die wichtigste Fähigkeit, die Sie hier erlernen, ist die Verwendung von Claude Code zum Erstellen interaktiver Entrance-Finish-Logik, nicht nur statischer Seiten.
# 3. Erstellen einer mobilen App mit React Native und Expo
Sobald Sie mit einer Net-App vertraut sind, ist eine cellular App eine großartige nächste Herausforderung. Das Projekt von Code mit Beto zeigt, wie Claude Code Ihnen beim Erstellen einer mobilen Anwendung helfen kann Native reagieren Und Expo. Sie lernen, wie Sie Bildschirme erstellen, eine einfache Navigation hinzufügen, eine übersichtliche Benutzeroberfläche entwerfen und die App unterwegs testen. Dies ist etwas komplexer als eine Net-App, da Sie bei mobilen Projekten über die App-Struktur, das Gerätelayout und das cellular Benutzererlebnis nachdenken müssen. Die wichtigste Fähigkeit, die Sie hier erlernen, ist die Verwendung von Claude Code zum Erstellen plattformübergreifender Prototypen mobiler Apps.
# 4. Erstellen und Bereitstellen einer Full-Stack-App
Das Projekt von Kein Code-MBA Hier wird Claude Code zu mehr als nur einem einfachen App-Generator. Das Video konzentriert sich auf den Aufbau einer Full-Stack-App, die Verbindung einer Backend-Datenbank, das Einrichten der Benutzeranmeldung und die Vorbereitung des Projekts für die Bereitstellung. Dies ist ein stark fortgeschrittenes Projekt, da Sie auf mehreren Softwareebenen arbeiten: Frontend, Backend, Authentifizierung, Datenbank und Bereitstellung. Außerdem lernen Sie, wie Sie Claude Code zum Debuggen von Problemen in einem größeren Projekt verwenden. Die Hauptkompetenz, die Sie hier erlernen, ist das Erstellen von Anwendungen im Produktionsstil mit Claude Code.
# 5. Erstellen eines benutzerdefinierten MCP-Servers für Claude Code
Dies ist das am weitesten fortgeschrittene Projekt von Shweta Lodha auf der Liste, weil Sie nicht nur eine App erstellen, sondern Claude Code selbst erweitern. Mit MCP kann Claude Code eine Verbindung zu externen Instruments, Datenbanken, APIs und Workflows herstellen. Dokumentation von Anthropic erklärt, dass MCP-Server es Claude Code ermöglichen, direkt auf Instruments und Datenquellen zuzugreifen, anstatt sich auf kopierten und eingefügten Kontext zu verlassen. In diesem Projekt erfahren Sie, wie Sie einen benutzerdefinierten MCP-Server erstellen und ihn mit Claude Code verbinden. Dies ist nützlich, wenn Sie möchten, dass Claude Code mit Ihren eigenen Systemen funktioniert. Die wichtigste Fähigkeit, die Sie hier erlernen, ist die Erweiterung von Claude Code mit benutzerdefinierten Instruments und Agentenfunktionen.
# Zusammenfassung
Diese fünf Projekte helfen Ihnen, Claude Code Schicht für Schicht zu erlernen. Sie beginnen mit der Erstellung einer einfachen Net-App, gehen dann zu Spielen, mobilen Apps, Full-Stack-Entwicklung und schließlich benutzerdefinierten MCP-Instruments über. Jedes Projekt vermittelt eine praktische Fähigkeit, die Claude Code als echten Entwicklungsassistenten nützlicher macht. Am Ende testen Sie nicht nur Eingabeaufforderungen – Sie lernen, wie Sie Claude Code verwenden, um echte Softwareprojekte zu erstellen, zu debuggen, bereitzustellen und zu erweitern.
Kanwal Mehreen ist ein Ingenieur für maschinelles Lernen und ein technischer Redakteur mit einer großen Leidenschaft für Datenwissenschaft und die Schnittstelle zwischen KI und Medizin. Sie ist Mitautorin des E-Books „Maximizing Productiveness with ChatGPT“. Als Google Era Scholar 2022 für APAC setzt sie sich für Vielfalt und akademische Exzellenz ein. Sie ist außerdem als Teradata Variety in Tech Scholar, Mitacs Globalink Analysis Scholar und Harvard WeCode Scholar anerkannt. Kanwal ist ein leidenschaftlicher Verfechter von Veränderungen und hat FEMCodes gegründet, um Frauen in MINT-Bereichen zu stärken.