Vibe-Codierung zur Erstellung eines digitalen Produkts mit Cursor AI

1. Einführung in den Kurs: Hallo, da. Willkommen zu den Ergebnissen Be Coding with Cursor. Mein Name ist Fassel, und ich begleite Sie dieser aufregenden Reise, auf der wir untersuchen werden, wie KI und No-Code-Tools das, was Programmieren bedeutet, neu definieren In einer Welt, in der sich die Technologie schneller als je zuvor weiterentwickelt, ist traditionelle Programmierung nicht mehr der einzige Weg zur Entwicklung digitaler Produkte. Tools wie der Cursor verändern das Spiel und machen die Softwareerstellung für jeden zugänglich, auch ohne eine einzige Codezeile schreiben zu In diesem anfängerfreundlichen Kurs tauchen wir in die spannende Welt des Programmierens ein , einer kreativen, intuitiven, KI-gestützten Methode zur Erstellung von Apps. Du brauchst keine Programmiererfahrung, nur Neugier und Experimentierfreudigkeit. Also hier ist, was wir behandeln werden. Also werden wir zuerst über Be Coding sprechen und wir werden verstehen, was es ist, wie es funktioniert und wie es perfekt für Nicht-Programmierer und kreative Denker ist perfekt für Nicht-Programmierer und kreative Denker Dann beginnen wir damit unsere erste Anwendung mit Hilfe des Cursors zu erstellen, und ich werde Sie während der gesamten Reise an der Hand halten Ich zeige Ihnen also, welche Eingabeaufforderungen Sie genau verwenden sollten und wie Sie Cursor auf Ihrem System einrichten und wie Sie Ihre erste App zum Laufen bringen können Und das alles, ohne die Tastatur zu berühren, um den Code zu schreiben Wir werden keine einzige Codezeile schreiben . Dann werden wir unsere zweite Anwendung haben, bei der es sich um eine etwas erweiterte Version unserer App handelt, in der wir mit dem Cursor einen Blog erstellen und lernen werden , wie wir die Einrichtung anpassen und ein persönliches Protokoll erstellen können , um unsere Erkenntnisse vollständig mit Hilfe von KI zu teilen unsere Erkenntnisse vollständig mit Hilfe von KI All dies ohne Programmiererfahrung. Sie werden das Selbstvertrauen gewinnen, mehr zu bauen, und Sie werden in der Lage sein, Ideen umzusetzen von denen Sie so lange bereit waren , zu bauen. Am Ende dieses Kurses werden Sie nicht nur mit dem Programmieren vertraut sein, sondern auch über zwei funktionale Anwendungen verfügen Außerdem werden Sie über die Denkweise und die richtigen Tools verfügen , um ohne herkömmliche Barrieren weiterzuentwickeln ohne herkömmliche Barrieren Dieser Kurs richtet sich an Studenten, Entwickler, Freelancer, Unternehmer oder alle, die neugierig darauf sind, coole Dinge mit der Leistungsfähigkeit von EI zu bauen Kein Hintergrund, kein Problem. Ich habe hier eine Lösung für dich. Also bist du bereit, deine erste App nur mit Begeisterung und Neugier zu erstellen deine erste App nur mit Begeisterung und Neugier zu Lass uns anfangen. 2. Was ist Vibe Coding: Nun, was ist dieser Begriff Be Coding? Lassen Sie uns das verstehen, denn Codieren ist keine formale Programmiertechnik. Natürlich ist da das Wort Codierung drin, okay? Aber es ist keine formale Programmiertechnik. Es ist eher eine Methode, die auf kreativen Abläufen basiert, Dinge mithilfe von KI zu bauen. Lassen Sie mich Ihnen das anhand einiger Beispiele erklären und lassen Sie mich dann näher darauf eingehen. Stellen Sie sich vor, Sie haben eine Idee für eine kleine App oder eine bestimmte Funktion, die Sie in ein vorhandenes Produkt integrieren möchten. Okay? Nehmen wir an, du hast nur eine App-Idee, okay? Und in der Vergangenheit musstest du, wenn du eine Idee hattest und wenn du kommen willst, wenn du diese Idee zum Leben erwecken willst, eine Programmiersprache lernen, okay, oder du müsstest ihre Syntax verstehen, und du musstest auch jede Codezeile selbst schreiben . Okay? Dies ist eine Möglichkeit, Dinge früher zu erledigen, wenn Sie die Dinge selbst erledigen, oder Sie können einen Entwickler für sich selbst einstellen. Nun, das erforderte viel Zeit, Fachwissen oder Geld wenn Sie einen Entwickler einstellen, richtig? Sein Programmieren verändert dieses Paradigma komplett. Okay, ich ändere dieses Paradigma komplett. Und anstatt Dinge selbst zu programmieren oder einen Entwickler einzustellen, entwickeln Sie im Grunde Software mit Hilfe von KI KI bedeutet hier künstliche Intelligenz. Okay? Einfach ausgedrückt ist Programmieren ein Ansatz zur Entwicklung von Software, bei dem natürliche Sprache verwendet wird. Natürliche Sprache, also die Sprache, in der Sie kommunizieren und mit Ihren Freunden und Ihrer Familie sprechen würden . Das ist natürliche Sprache, das ist einfaches Englisch oder irgendeine menschliche Sprache, okay? Und Sie nutzen diese natürliche Sprache, um einer künstlichen Intelligenz oder einem KI-Tool mitzuteilen , was Sie wollen, und die KI generiert den Code für Sie. Okay? Also das ist Be Coding. Nun, hier drüben, die erste Sache, du brauchst nicht viel Wissen über Programmierung. Also früher musstest du schreiben, du weißt schon, du musstest Programmiersprache lernen, du musstest ihre Syntax verstehen, wie sie funktioniert. Du musst jede Codezeile selbst schreiben, oder? Nun, es gibt hier eine Veränderung beim Codieren. Sie werden nicht jede Codezeile schreiben. Sie werden der KI einfach sagen, dass sie es für Sie schreiben soll, und KI wird den Code hier drüben schreiben. Okay? Also, was hier passiert, KI macht den Job. KI schreibt Code, und Sie sind kein Programmierer mehr, sondern Sie sind tatsächlich der Architekt und der Baumeister Okay? Sie planen also im Grunde die gesamte Anwendung. Jetzt schreibt KI den Code, oder? Die Verantwortung für die Codierung wird von KI übernommen. Sie sind also im Grunde in den Hintergrund getreten und kümmern sich um die wichtigsten Dinge wie die Planung Ihrer Anwendung in Bezug auf Planung Ihrer Anwendung in Funktionen, die sie haben sollte, wie die Funktionen funktionieren sollten und ob die von der KI gelieferte Ausgabe Ihren Anforderungen entspricht oder nicht, richtig Sie sind also wie ein Architekt und der Baumeister, der alles entwirft, wie die Baupläne, und dann stellen Sie sicher , dass jeder Stein in diesem speziellen Bauplan richtig verlegt ist, richtig verlegt ist Als Architekt planen Sie also Dinge. Okay. Das ist etwas , das ich erwähnt habe. Jetzt ist KI Ihr supereffizientes Bauteam auf mehreren Ebenen Okay? Also ist es wie ein Baumeister. Also erzählst du der KI deine Vision in einer kristallklaren Sprache, okay? Sie erarbeiten die Dinge und fügen so viele Details wie möglich hinzu, und die KI wird die schwere Arbeit für Sie erledigen. Sie müssen nicht unbedingt wissen, wie Sie jeden Stein selbst legen, aber KI wird die Arbeit für Sie erledigen, okay? Inzwischen erfreut sich dieser Begriff des Programmierens großer Beliebtheit, weil auch Nicht-Programmierer oder Personen mit begrenzten Programmierkenntnissen Dinge schnell bauen können. Und selbst wenn Sie ein Ingenieur sind, können Sie den Entwicklungsprozess tatsächlich beschleunigen. Okay? Sie beschreiben also, wie Sie Sie tun möchten, was in einfachem Englisch beschreiben können, was Sie tun möchten, was Sie von einer Software erwarten. Es kann so einfach sein, wie eine einfache Webseite mit einer Überschrift zu erstellen , auf der steht: Meine erste sei App und einer Schaltfläche, deren Text sich ändert, wenn darauf geklickt Okay. Sie können es sogar bitten, ein Python-Skript zu schreiben, das eine Liste der Zahlen verwendet und den Durchschnitt zurückgibt. Okay? Das ist also ein einfaches Python-Skript , das Sie von der KI bekommen können. Sie können sogar eine kleine Task-Tracker-Webanwendung erstellen in der Sie Aufgaben hinzufügen, sie als abgeschlossen markieren und die Liste aller Aufgaben anzeigen können sie als abgeschlossen markieren . Dies sind also einige Beispiele dafür, wie Sie dem KI-Tool die Anweisungen oder die Aufforderung geben, und das KI-Tool wird die Arbeit für Sie erledigen. Nun, das ist vergleichbar mit der Art und Weise, wie Sie eine Aufgabe geben oder jemandem, richtig, jemandem, den Sie eingestellt haben, eine Funktion erklären würden . So funktioniert es hier also, okay. Und ja, das ist es. Nun, wie es funktioniert. Lassen Sie uns also die Funktionsweise dieses gesamten Prozesses der Be-Codierung verstehen . Okay? Zuallererst gibst du den Input zur KI quasi in natürlicher Sprache und präsentierst deine Stimmung Was ich hier mit Vibe meine, ist, dass Sie beschreiben, was die in einfachem Englisch beschreiben, was die Software tun soll, okay, und sagen, fügen Sie so viele Details wie möglich hinzu und seien Sie so detailliert wie möglich Okay. Also, KI wird deine Eingabe hier interpretieren. Es wird Ihre Beschreibung aller Funktionen und Ihrer Wünsche analysieren . Und es wird Ihre Absicht und die erforderliche Funktionalität und die zugrunde liegende Logik verstehen . Hier interpretiert die KI also Ihre Anforderungen. Und dann springt sie in den Codegenerierungsmodus, in dem die KI auf der Grundlage ihrer Interpretation den eigentlichen Code generiert Wie ein echter Code, ich meine, DML-Dateien, CSS-Dateien, Jascript-Dateien , Python-Dateien, je nachdem, welche Art von Anwendungen Sie erstellen, okay Dann passiert eine Sache mit der Beobachtung der Ausführung Sache mit der Beobachtung Sie führen also den generierten Code aus, um zu sehen, ob er wie beabsichtigt funktioniert. Jetzt müssen Sie natürlich nicht mehr wissen, wie die Anwendung ausgeführt wird. Du kannst die KI selbst fragen, okay? Und du kannst einfach den Anweisungen folgen, okay? Und die meisten Programmierwerkzeuge. Also ja, wir werden einige Tools zum Codieren verwenden , und die meisten Codierungstools haben eine integrierte Umgebung, in der Sie den Code sofort ausführen können. Okay. Dann ist da noch dieser Schritt des Feedbacks und der Verfeinerung Das ist also ein sehr wichtiger Schritt, okay? Also selten, je nach Ihren Anforderungen, selten wird der erste Versuch perfekt sein. Okay? Wenn es irgendwelche Fehler gibt oder die Funktionalität nicht ganz stimmt, du das Feedback an die KI und du kannst zum Beispiel in natürlicher Sprache sagen: Hey, dieser Button funktioniert nicht und nichts passiert, wenn ich darauf klicke. Okay? Sie können erkennen, hey, machen Sie die Hintergrundfarbe der Webseite hellblau, oder Sie können eine Funktion hinzufügen, oder Sie können KI anweisen, dem Task-Tracker eine Funktion hinzuzufügen Task-Tracker eine Funktion hinzuzufügen , mit der ich die Aufgabe löschen kann. Sie können also auf diese Weise Anweisungen hinzufügen. Und je nach Ihrer Anweisung wird es iterieren, oder? Wenn Sie eine Fehlermeldung sehen, können Sie die Fehlermeldung sowie eine Eingabe an die KI senden, und sie wird sie für Sie beheben Okay? Und dann wird es Wiederholungen geben, also wiederholen Sie die Schritte 1-5, bis Sie das gewünschte Ergebnis erzielen Und es ist ein Konversationsprozess, ähnlich wie die Arbeit mit einem menschlichen Assistenten Das will ich hier sagen. So wird der gesamte Prozess also funktionieren, okay? Und hier gibt es einige Vorteile für die Größe, und der größte Vorteil hier ist meiner Meinung nach die bessere Zugänglichkeit Das ist perfekt. Das ist vielleicht der größte Vorteil für Sie. Sie benötigen keine umfassenden Programmierkenntnisse, um mit dem Bauen zu beginnen. Es senkt die Eintrittsbarriere erheblich. Selbst Nicht-Programmierer können anfangen, Landingpages zu erstellen, erstellen, Dinge implementieren, und Sie können Ihre Ideen zum Leben erwecken , funktionierende Prototypen erstellen, MVPs — ein Zeitverstoß was bei herkömmlicher Programmierung erforderlich wäre Hier konzentrieren Sie sich also im Grunde auf die Absicht, und Sie können sich darauf konzentrieren was Sie erstellen möchten und warum, anstatt sich in der Syntax und den spezifischen Implementierungsdetails einer Programmiersprache zu verzetteln der Syntax und den spezifischen Implementierungsdetails und Sie können sich darauf konzentrieren, was Sie erstellen möchten und warum, anstatt sich in der Syntax und den spezifischen Implementierungsdetails einer Programmiersprache zu verzetteln. Okay? Nun, hier gibt es auch ein paar Einschränkungen. Nicht alles ist gut. Wissen Sie, die Einschränkung könnte in der Qualität und Sicherheit des Codes liegen. Der von KI generierte Code ist möglicherweise nicht immer optimiert, effizient oder vollständig sicher. Für produktionsreife Anwendungen sind natürlich Überprüfung durch den Menschen und das Verständnis immer noch die Überprüfung durch den Menschen und das Verständnis des generierten Codes von entscheidender Bedeutung. Aber ich würde sagen, es ist ein guter Ausgangspunkt, wenn Sie Produkt entwickeln, oder? Codierung mit Komplexität I eignet sich hervorragend für einfache Projekte und schnelles Prototyping Aber für sehr komplexe Projekte, große Systeme, die ein tieferes Verständnis der Softwarearchitektur erfordern, traditionelle Programmierpraktiken nach wie vor unverzichtbar Okay? Und bei der letzten Einschränkung geht es auch um den Blackbox-Effekt. Was ich hier meine, ist, dass Sie einen funktionierenden Code bekommen würden und ihn nicht einmal vollständig verstehen würden. Sie verstehen den Code also nicht, aber der Code funktioniert für Sie, oder? Das kann also sowohl eine gute als auch eine schlechte Sache sein. Es ist gut für schnelle Ergebnisse, aber weniger ideal, um fundierte Programmierkenntnisse aufzubauen oder später darauf zu iterieren und einige benutzerdefinierte Funktionen hinzuzufügen Also ja, das könnte ein Nachteil sein, okay? Also ja, das sind ein paar Vorteile und, du weißt schon, Einschränkungen, die ich hervorheben möchte. Und ich hoffe, Sie sind sich über dieses gesamte Konzept der PE-Codierung im Klaren . 3. Tools für die Vibe-Codierung: Ich möchte nur ein wenig über die verschiedenen Tools sprechen , die es gibt , Sie Pe-Coding durchführen können Okay? Also eines der Tools ist der Cursor, und das ist ein EI-Code-Editor, wie es hier in Big Fonts steht. Diese IDE, im Grunde der gesamte Codierungseditor, ermöglicht Ihnen, EI zu verwenden es Ihnen, EI zu verwenden, und sie wird einfach den gesamten Code für Sie schreiben. Okay, sie kennt also deine Codebasis. Es ermöglicht Ihnen, in natürlicher Sprache zu bearbeiten. Okay, damit können Sie Software im Grunde schneller erstellen . Das ist es, was es tut. Okay. Und ja, das ist die offizielle Website von Cursor. Dann hast du auch etwas namens Gu Co-Pilot, das dem von Kursor ähnelt Es hilft Ihnen auch dabei, Software schneller zu erstellen. Und so sieht es hier aus. Okay? Und es gibt eine ID namens Visual Studio Code. Es lässt sich auch sehr einfach in Visual Studio-Code integrieren. Das ist es also, was Github Co Pilot ist. Das ist deine offizielle Website. Dann haben Sie Plet , mit dem Sie auch EI nutzen und Software erstellen können Sie auch EI nutzen und Software erstellen Abgesehen von diesen gibt es einige LLMs oder Sprachlernmodelle wie Hatchibt All diese helfen , sie haben keine speziellen Code-Editoren, aber Sie können dieses Allzweck-Sprachlernmodell oder LLMs verwenden dieses Allzweck-Sprachlernmodell , um Code durch Aufforderung zu generieren, und dann können Sie die Ausgabe kopieren und in Ihre Entwicklungsumgebung einfügen die 4. Einrichten des Cursors auf dem lokalen Computer: Jetzt ist es also an der Zeit, Cursor auf unserem System zu installieren und einzurichten. Also, was ich schnell tun werde, ist hier herunterladen zu sagen. Sie werden also den Download-Button hier oben rechts sehen. Okay? Und wenn Sie einen Mac oder ein anderes Betriebssystem verwenden, wird diese Schaltfläche für Ihr Betriebssystem angezeigt. Sie können auf alle Downloads klicken und sehen, auf welchen Computern diese Anwendung verfügbar ist. Sie können hier sehen, dass sie fast auf allen Anwendungen verfügbar ist. Sie können die Version sogar auswählen , wenn Sie bestimmte Versionsanforderungen haben. Ich würde empfehlen, dass Sie hier oder hier in der Mitte der Hauptseite auf Herunterladen klicken hier oder hier in der Mitte der Hauptseite auf , um Datei auf Ihr System herunterzuladen. Ich sage Herunterladen. Die Software wird heruntergeladen, wir werden auch hier zur Preisseite gehen. Jetzt möchte ich hier ein bisschen über die Preisgestaltung sprechen , okay? Also hier, das ist ein kostenloser Plan, und an einem kostenlosen Plan werden wir arbeiten. Okay? Ich werde Ihnen hier nicht vorschlagen oder Sie bitten, ein Upgrade durchzuführen. Kostenlos gibt dir ein ordentliches Limit, okay, um an deinen Projekten zu arbeiten. Also werden wir mit kostenlos anfangen. Wenn Sie jedoch ein seriöser Benutzer sind , der den Cursor häufig verwenden möchte, können Sie auf jeden Fall zu verschiedenen kostenpflichtigen Optionen wechseln. gibt es verschiedene kostenpflichtige Versionen Hier gibt es verschiedene kostenpflichtige Versionen für 20 oder 200 US-Dollar pro Monat Aber kostenlos ist das, was wir für diesen speziellen Kurs brauchen. Und hier haben Sie auch Teampläne. Okay? Wenn Sie sich nun die Funktion ansehen, können Sie sich hier auch die Funktionen sind Funktionen wie mehrzeilige Bearbeitungen, intelligentes Umschreiben, Tippen, Tippen, Tippen Okay. Also im Grunde müssen Sie nur die Tabulatortaste drücken und schon können Sie zwischen den Änderungen zwischen den Dateien springen Es gibt eine ganze Reihe von Funktionen. Sie können diese gesamte Seite erkunden. Ich werde hier nicht über jeden einzelnen von ihnen sprechen, ich werde dir all diese Funktionen zeigen, okay? Aber wenn du lesen willst, kannst du. Sobald die Software heruntergeladen ist, können Sie einfach darauf doppelklicken und sie wie jede andere Software installieren , die Sie auf Ihrem Betriebssystem installieren würden. Also kann ich das Setup hier sehen. Ich sage als Nächstes, dass ich zustimme. Es wird gefragt, wo es diese spezielle Software installieren soll . Sie können also sehen, dass dies eine kostenlose Anzeigeanforderung für Windows ist. Und für Mac wird es ähnlich sein. Als nächstes werde ich einen Ordner Startmenü im Startmenü für mich erstellen. Auf dem Mac könnte es anders sein. Ich sage „Weiter“ und ich sage „Weiter“ hier. Ich sage installieren. Die Installation dauert ein paar Minuten. Es ist keine komplexe Software, Sie installieren sie wie jede andere Software. Sobald diese Installation abgeschlossen ist, müssen Sie auf Öffnen klicken. Sie können also hier sehen, dass die Installation abgeschlossen ist. Jetzt können Sie den Start-Cursor anklicken und „Fertig stellen“ sagen. Okay? Also wird es den Cursor für dich öffnen. Sie können also hier sehen, Curso ist geöffnet, und hier werden Sie aufgefordert, sich zu registrieren Sie können sich also anmelden und ein Konto erstellen, wenn Sie möchten. Ich würde Ihnen jedoch empfehlen , sich hier anzumelden. Also sage ich, melden Sie sich an, und Sie werden auf die Webseite weitergeleitet, und hier werden Ihnen verschiedene Möglichkeiten der Anmeldung gezeigt . Sie können also Google Github sagen oder sich per E-Mail anmelden. Also werde ich hier schnell mein Konto einrichten. Sobald Sie mit der Authentifizierung fertig sind, werden Sie diese Art von Nachricht sehen Okay, wir kehren zu Cursor zurück. Das ist also, was Cursor ist. Hier werde ich nun aufgefordert, Einstellungen aus dem VS-Code zu importieren. VS-Code ist nur ein weiterer Codierungseditor. Okay? Ich kann die Einstellungen aus dem VS-Code importieren oder ich kann „Skip and continue“ sagen. Also fange ich einfach neu an, okay? Ich habe auch Visual Studio Code oder VS Code auf diesem System installiert , und deshalb diese Aufforderung. Also sage ich Skip und fahre fort. Und es bittet mich , das Thema auszuwählen. Sie können das Thema nach Ihren Bedürfnissen und Ihrem Geschmack auswählen. Sie können sogar Themen erkunden. Ich sage weiter. Okay. Und hier fragt es mich quasi, welche wichtigen Erkenntnisse ich haben möchte. VS-Code ist das, was ich wählen werde und ob Sie irgendwelche Daten mit dem Cursor teilen möchten , um sie zu verbessern. Ich lasse das ungeprüft Okay. Ich werde gehen. Okay. Ich verstehe, es gibt also keine Möglichkeit zu fliehen. Also sage ich, mir geht es gut und lass uns weitermachen. Und wir sagen weiter. Okay? Also ja, das ist die IDE hier drüben, wie Sie sehen können, lassen Sie mich ein bisschen heranzoomen. Okay. Lassen Sie mich Ihnen nun einen Überblick darüber geben , was wir hier sehen. Also hier oben können Sie natürlich Menüoptionen wie bei jeder anderen Software sehen, okay? Oder Sie können sehen, dass Sie sich in der Pro-Testversion befinden. Okay? Du bist nicht im unbegrenzten Sion. Sie befinden sich in der Testversion der Pro-Version. Okay? Du hast eine Weile vor Gericht. Um mehr über Ihre Testphase zu erfahren, können Sie hier vorbeikommen. Wenn Sie zu den Cursor-Preisen gehen, finden Sie hier unter dem kostenlosen Tarif zweiwöchige P-Testversion. Sie haben also zwei Wochen lang diese kostenpflichtige Testversion. Okay? Also das sind wir. Aus diesem Grund sehen wir die Pro-Testversion und Sie können sie unbegrenzt nutzen. Sie können ein Projekt öffnen, ein Repo klonen und eine Verbindung zu YSSH herstellen. Dies sind nur wenige Optionen Und auf der rechten Seite haben Sie ein Chat-Fenster. Okay? Du kannst es sehen und ich würde empfehlen , wenn du das öffnest, okay, hier in der Mitte wirst du dieses offene Projekt sehen. Ich würde Ihnen also empfehlen, hier auf Projekt öffnen zu klicken und einen Ordner zu öffnen , in dem Sie die ganze Arbeit erledigen werden. Und was ich getan habe, ist, als ich Ordner öffnen sagte, es hat diese Art von Exploder für mich geöffnet, und ich bin zu diesem Ordner namens be coding navigiert und sage, wähle den Okay? Sobald du einen Ordner auswählst, siehst du hier auf der linken Seite eine Veränderung in der Benutzeroberfläche , okay? Und hier können Sie sehen, wie dieser Ordner hier oben programmiert wird, und hier können Sie eine neue Datei erstellen, und hier können Sie eine neue Datei erstellen, Sie können sehen, aber wir werden keine neue Datei erstellen und überall hier in diesem Ordner werden wir KI die Arbeit machen lassen. Sie können hier ein paar Optionen sehen, wie zum Beispiel Suche abrufen und all das. Okay. Und hier wird die gesamte Liste der Dateien unter „Kodierung“ erscheinen. Und hier im mittleren Bereich können Sie diese Aufteilung sehen, hier im mittleren Bereich, Sie werden sehen, wie der Code erscheint. Wenn Sie also eine Datei auswählen, wird der Code hier angezeigt. Okay. Und dann können Sie im AI-Chat-Panel hier mit dem KI-Modell chatten. Jetzt haben Sie hier etwas, das als Kontext hinzufügen bezeichnet wird. Es ist eine leistungsstarke Funktion mit der Möglichkeit , auf eine bestimmte Datei oder etwas Ähnliches zu verweisen , das Sie als Kontext hinzufügen möchten , wenn Sie mit KI sprechen. Hier können Sie zum Beispiel Dateien mit Ordnercode, Dokumente, alle Arten von vergangenen Konversationen, Terminals und sogar Webartikeln hinzufügen Dateien mit Ordnercode, Dokumente, alle Arten von vergangenen Konversationen, , die Sie hier hinzufügen können. nun unter dem Chat-Fenster Wenn Sie nun unter dem Chat-Fenster hier drüben klicken, werden Sie die Fragen des Agenten und das Handbuch sehen. Okay? Das sind die Modi hier drüben. Nun, der Agentenmodus ist ein Modus, in dem, wenn Sie hier etwas erwähnen , wenn der Agentenmodus ausgewählt ist , Sie sagen: Hey, ich möchte meine Landingpage optimieren und die Farbe aktualisieren Was auch immer Sie hier erwähnen, das KI-Modell wird direkt Änderungen am Code vornehmen Natürlich haben Sie Optionen zum Akzeptieren oder Verwerfen, aber genau das ist der Agentenmodus Ask ist im Grunde genommen, es werden lediglich Fragen zur Codebasis und Ihr Code wird nicht aktualisiert oder geändert Manuell bedeutet, dass der manuelle Modus darauf ausgelegt ist gezielte Änderungen vorzunehmen, wenn Sie genau wissen, welche Änderungen wo erforderlich sind. Okay? Es ist also im Grunde ein Modus für präzise Codeänderungen mit explizitem Datei-Targeting. Okay? Hier müssen Sie also wissen, welche Änderungen Sie vornehmen möchten, und deshalb wird er als manueller Modus bezeichnet. Okay, das sind die verschiedenen Modi hier drüben. Wir werden mit diesem Modus herumspielen, also mach dir keine Sorgen, wenn du dir nicht sicher bist oder nicht verstanden hast, was das sind. Okay. Hier haben Sie die Möglichkeit, neue Chats oder Hintergrundagenten hinzuzufügen und all das. Und hier hast du Automde, okay? Automde bedeutet also, dass es im Grunde genommen so sein wird. Wenn Sie das deaktivieren, haben Sie die Möglichkeit, das Modell zu ändern Okay, wenn Sie es automatisch machen, wird das Modell im Nachhinein auf einer gewissen Logik basieren Okay? Aber wenn Sie das nicht möchten, wenn Sie ein Modell auswählen möchten , das Ihren Anforderungen entspricht, haben Sie auch die Möglichkeit, das zu tun. Und der Max-Modus, was bedeutet, dass er maximalen Kontext ermöglicht. Sie können es hier im Popup sehen. Okay? Und es ist natürlich so, wenn es maximalen Kontext hinzufügt, wird es Sie mehr kosten. Okay? Also das ist es, und ich werde dafür sorgen, dass ich im Automatikmodus bin. Es geht also um das Interface hier drüben. Bisher hoffe ich, dass das nützlich war. 5. Unsere erste App mit Vibe-Codierung: Jetzt ist es also an der Zeit, dass wir mit dem Wipe-Coding beginnen und unsere erste App erstellen , ohne auch nur eine einzige Codezeile zu schreiben und KI dazu zu bringen, alles zu schreiben und zu erledigen Okay? Also, ich werde Erstes den Mauszeiger hier benutzen und ich benötige ein weiteres KI-Modell , das eine unterstützende Rolle spielen wird, und Sie können jedes KI-Modell wie Hut Tipty oder Gemini verwenden wie Hut Tipty oder Gemini Also werde ich Chat Chipty benutzen, okay? Und ich werde beide in zwei verschiedenen Fenstern öffnen. Also hier habe ich den Cursor. Ich werde diesen Cursor verfolgen und hier habe ich diese Option. Füge zwei Fenster hinzu. Ich öffne das in geteilter Ansicht so, o. Und dafür gibt es einen Grund. Okay? Also hier, in diesem speziellen LLM, werde ich alle allgemeinen Informationen abfragen Also werde ich so tun , als ob ich keine Ahnung vom Programmieren hätte. Und wie kann man als Nicht-Programmierer Dinge programmieren? In diesem speziellen LLM oder in diesem speziellen KI-Modell auf der rechten Seite werde ich Fragen stellen und Hilfe bei der Generierung von Eingabeaufforderungen annehmen Generierung von Eingabeaufforderungen , die ich hier einfügen kann Und hier drüben werde ich die KI tatsächlich zum Schreiben bringen. Okay. Also lass uns auf der rechten Seite rüberkommen und ich werde dem KI-Modell sagen: Hey, ich weiß nichts über Codierung oder Programmierung, okay? Ich möchte eine einfache App erstellen, oder ich sollte sagen, eine einfache Web-App mit dem Titel, auf dem steht, dass meine erste App und E-Taste sind. Und eine Schaltfläche, die sich ändert , ändert den Hintergrund der gesamten App nach dem Zufallsprinzip. Okay. Ich kann die Hintergrundfarbe sehen. Okay? Also kannst du deine Gedanken hier drüben präsentieren, okay? Und du kannst hier erwähnen, dass ich es benutze. Okay? Ich benutze den Cursor dafür. Okay. Und bitte teile mir meinen Plan mit. Okay? Nun, eine Sache, die man hier beachten sollte, ist, dass ich nach einem Plan frage, richtig? Ich bitte um nichts anderes. Ich bitte um einen Plan. Also hier, ich bin Architekt. Ich projektiere und betrachte mich als Baumeister oder Architekt, der die gesamte Anwendung planen wird Also wird es planen, es wird den gesamten Plan mit mir teilen, okay? Und lassen Sie uns sehen, welche Leistung wir hier bekommen. Also sage ich einfach Enter und lass uns sehen, welche Ausgabe es bekommt. Okay, es kennt also meinen Namen, weil ich mich angemeldet habe. Überhaupt keine Sorgen. Sie müssen keine Programmierkenntnisse haben, um mit einfachen Projekten wie diesem zu beginnen. Okay, bla, bla, bla. Und es heißt, es hat eine Taste, es muss die Hintergrundfarbe nach dem Zufallsprinzip ändern Okay, hier wurde auf die Anforderung noch einmal eingegangen, damit es versteht, was ich meine Es sagt mir, Cursor öffnen, Cursor herunterladen, neue Webseite öffnen, und es gibt mir diese Aufforderung Sie können es hier sehen. Es sagt mir also, erstelle eine neue Datei, Indexpunkt-HTML. Dies ist Ihre Haupt-Webseite und geben Sie diese Anweisung für diese spezielle Software hier ein. Okay? Also das ist etwas, was das kann, und hier hat es dir auch Code gegeben. Okay? Erstellen Sie jetzt eine einfache Webseite mit dem Titel MF YAP und fügen Sie eine Schaltfläche hinzu, die die Hintergrundfarbe zufällig ändert, wenn sie angeklickt wird Okay, also ich werde das kopieren. Ich werde keine Indexpunkt-TM-Datei erstellen, sonst kann ich diesem KI-Modell sagen, dass es diesen Teil überspringen soll. Ich möchte keine Dateien selbst erstellen. Aber ich möchte, dass Cursor alles für mich erledigt. Okay? Ich bin gerade in einem Ordner. Ich möchte, dass die erste App dort in einem Ordner erstellt wird. Okay? Also ich sage dir, dass ich gerade in einem Ordner bin. Dieser Ordnername ist Be Coding. Und in diesem Ordner möchte ich, dass die gesamte App erstellt wird. Das sage ich. Also hier heißt es perfekt. Du bist in der App. Okay, hier können Sie uns bitten, einen neuen Ordner zu erstellen, eine App. Also hier kannst du die App sehen. Sei App. Das hat der Name gegeben. Es sagt mir, dass ich erneut einen Index oder eine HTML-Datei erstellen soll. Als ich gesagt habe, dass ich selbst Dateien erstellen möchte. Ich kopiere das einfach und erzähle es und antworte oder gebe mir direkt kurz ROM. Okay? Ich will den Input, den ich COSA geben sollte. Das ist es also, wonach ich hier drüben frage, und es gibt Ihnen genau die richtige Aufforderung. Es sagt Ihnen also, erstellen Sie einen Ordner mit dem Namen App mit einem Index oder einer HTML-Datei , in der der Titel angezeigt wird. Sie können also sehen, dass es Ihnen hier die gesamte Aufforderung gibt. Also es hat hier ein paar Wiederholungen gedauert oder ein paar Wiederholungen , würde ich sagen Okay. Ich kann diesen Ordner auch löschen. Okay. Ich sage, wirf in den Papierkorb und ich zerlege den ganzen Abschlussball. Okay Anstatt zu fragen, ändere ich das in den Agentenmodus weil ich möchte, dass der Cursor es für mich codiert Sobald ich Cursor diesen Befehl gebe , wollen wir sehen, was er tut. Also öffne ich das einfach und Sie können sehen, dass es angefangen hat, daran zu arbeiten. Es hat begonnen, die Verzeichnisse aufzulisten. Es hat den BAP-Ordner erstellt. Es hat diesen Index oder HTML hier erstellt, und Sie können sehen, dass es Ihnen tatsächlich die Ausgabe gegeben hat Der Ordner IAP wurde mit einem Index oder einer HTML-Datei erstellt. In dieser Datei wird My Force YAP angezeigt , und wenn Sie auf eine Schaltfläche klicken , ändert sich die Farbe in eine zufällige Farbe Das sind also alle Anforderungen , die wir erfüllt haben, und Sie können sehen, Sie können diese Datei jetzt im Browser öffnen , um Ihre App in Aktion zu sehen Okay? Also, was ich tun werde, ist, hier einen neuen Browser-Tab zu öffnen und dort Tract Drop This File drüben zu wählen, etwa so, und ich kann einfach Enter drücken. Oder Sie können das in dem Ordner öffnen. Grundsätzlich können Sie zu dieser bestimmten Datei navigieren und einfach doppelklicken, da es sich um eine HTML-Datei handelt. Okay. Lassen Sie uns nun hier sehen welche Ausgabe wir erhalten, um die Hintergrundfarbe zu ändern. Hoppla. Du kannst sehen, wie schön das ist Okay, wie viel Zeit hat das gedauert? Es hat nicht viel Zeit gedauert. Es hat auch nicht viel Mühe gekostet. Okay? Ja, hier drüben gab es ein paar Wiederholungen mit Chef GBT, weil wir damit nicht den richtigen Output Aber weißt du, es ist EI und, weißt du, es braucht manchmal Zeit, um das perfekte Ergebnis zu erzielen Schauen wir uns nun die Ausgabe an. Hier wird uns eine Datei gegeben. Okay? Diese Datei hat diesen grünen Farbcode, okay? Hier können Sie also „ Akzeptieren“ und „Ablehnen“ sehen. Und hier können Sie auch akzeptieren und ablehnen sehen. Okay, es gibt Ihnen also die Option, hey, das sind die Änderungen, die es an dieser Datei vorgenommen hat. Okay. Und diese Änderungen sind grün markiert, und Sie können die Änderungen entweder akzeptieren. Also werde ich die Änderungen akzeptieren, nachdem die Ausgabe gesehen habe. Ich mag die Ausgabe. Also werde ich sagen, akzeptieren, und Sie können sehen, dass die Änderungen hier sind. Okay? Also das ist es , was Sie mit COSO im Grunde Wenn Sie spezifische Fragen zu diesem Code stellen möchten, können Sie zu „Mehr fragen“ wechseln und sagen: Hey, können Sie den Code in weniger als 500 Wörtern erklären Sie können beispielsweise Fragen stellen. Wenn du etwas verstehen willst, wenn dir etwas nicht klar ist, kannst du sehen, dass es mir alles erklärt. Sie können die HTML-Struktur sehen, es gibt ein Body-Tag, Body verwendet dieses und Sie können sehen, wie JavaScript funktioniert und wie es funktioniert. Der Benutzer sieht diese Schaltfläche, wenn er auf die Schaltfläche klickt, ändert er die Hintergrundfarbe in eine zufällige Farbe. Und der Einfachheit halber haben wir HTML-CSS in Gs in einer Datei verwendet . Sie können es auch bitten, separate Dateien zu haben , das ist ganz Ihre Wahl. Also kann ich darüber lesen. Ich kann sagen, kannst du HTML, CSS und S für mich trennen ? Okay. Also kannst du ihm sagen, dass es das tun soll. Und das wird es auf jeden Fall tun. Sie können sehen, dass es getrennt ist. Okay. Mir ist klar, dass wir uns im Frage-Modus befinden, also ändert sich der Code nicht. Okay? Was ich tun kann, ist, dass ich das kopiere, du hast auch hier eine Option. Auf Index-HTML anwenden. Auf Indexpunkt-HTML anwenden. Sie können sehen. Aber ich werde das nicht tun. Ich werde Agentenmodus sagen. Kannst du Ups. Das ist es also, was reinkommt. Ich kopiere einfach diese Aufforderung hierher. Okay. Oder ich sende diese Aufforderung von hier aus erneut im Agentenmodus. Okay? Also kannst du das auch tun. Es wird alles generieren, und es wird jetzt drei Dateien erstellen. Eine davon ist die HTML-Datei, die wir bereits haben. Dann haben wir die CSS - und die GS-Datei. Warten wir eine Weile, bis die Ausgabe generiert ist. Manchmal kann es einige Zeit dauern. Jetzt habe ich die Ausgabe, und wenn Sie hier nach oben scrollen , können Sie sehen, dass sie die gesamte Ausgabe ausgegeben hat, also alle Änderungen, die sie entfernt hat, in roter Farbe und die Änderungen , die sie hinzugefügt hat, in grüner Farbe hervorgehoben also alle Änderungen, die sie entfernt hat, in roter Farbe und die Änderungen , die hat. Sie können sehen, dass Sie die Möglichkeit haben alles zu akzeptieren und abzulehnen. Sie können hier also sehen, Sie den Stick außer Ablehnen sehen können. Und dieses Codeschloss musst du akzeptieren und ablehnen. Diesen Codeblock musst du akzeptieren und ablehnen. Und du hast diesen Button, akzeptiere alles. Wenn Sie also keine Ahnung vom Programmieren haben, okay, alles was Sie tun müssen, ist alles zu akzeptieren. Okay, weil du nichts verstehen wirst und du Zeit damit verbringen willst, das zu verstehen oder zu lernen. Okay? Also minimiere ich das einfach. Ups Wenn Sie also zufällig das AI-Fenster schließen, können Sie einfach hier oben auf dieses Toggle AIPane klicken hier oben auf dieses Toggle AIPane Okay. Ich lasse das einfach in der AIPane deaktiviert, aber Sie können hier sehen, dass die Dateien generiert wurden Okay, Sie können sehen, wie sie generiert wurden, und ich werde einfach im Chat-Fenster selbst die Option Alle akzeptieren sehen, und Sie können sehen, wie die drei Dateien erstellt wurden Okay. Und du hast keinerlei Code geschrieben. Wenn du noch frisch bist, wird es immer noch genauso funktionieren. Du kannst sehen. Sie können sehen, dass es genauso funktioniert. In Ordnung. Also, wenn du etwas ändern willst, wenn du irgendwas hinzufügen willst, dann kannst du es wiederholen und es wird einfach die Arbeit für dich erledigen Also, ja, das ist unsere erste Anwendung, die wir erstellt haben. Ich hoffe, das war großartig. 6. Unsere zweite kleine komplexe App Ein Blog Version 1: Ordnung, es ist also Zeit, dass wir zu unserem nächsten Projekt übergehen zu unserem nächsten Projekt Und was ich tun werde , ist hier, ich bin im selben Ordner, ich programmiere. Ich habe einen neuen Chat erstellt, indem ich auf diesen neuen Chat geklickt habe. Das Symbol hier im Cursor und hier im HathPT habe ich auch einen neuen Chat erstellt Diese spezielle Anwendung , die wir erstellen werden, wird also etwas komplexer sein als die vorherige Und es würde ein paar Funktionen beinhalten. Im Grunde wird es also eine Blog-Anwendung sein, und ich werde diese Aufforderung an HatGBT weiterleiten Also werde ich JAGBR sagen: Hey, ich möchte einen Block bauen, okay, in dem ich meine täglichen Erkenntnisse teilen kann Okay? Das ist mein persönliches Ziel , weshalb ich das baue. Das Hinzufügen eines neuen Blocks sollte so einfach sein wie das Hinzufügen einer neuen Datei, okay? Jetzt weiß ich nicht wie was. Ich sage HatGBT nur, hey, ich füge einen neuen Blog hinzu, weil ich jeden Tag einen neuen Blog hinzufügen würde , oder? Seitdem schaffe ich es , meine täglichen Erkenntnisse zu erstellen und zu teilen und meine täglichen Erkenntnisse zu dokumentieren Das Hinzufügen eines neuen Blocks sollte also so einfach sein wie das Erstellen einer neuen Datei Okay? Ich brauche einfache Filter mit Tags, also einfache Filter. Die App sollte modern und schön aussehen. Okay? Und ich benutze den Cursor. Okay, bleib dran. Ich benutze den Cursor, um das zu bauen. Ich habe keine Programmierkenntnisse. Das ist also etwas, das ich Chat JBD ausdrücklich mitteile Okay? Teilen Sie mir jetzt bitte einen Plan mit, mit dem ich arbeiten kann, und bringen Sie das sofort zum Laufen. Außerdem habe ich erwähnt, wo ich mich befinde, also bin ich in dem Ordner be coding und ich möchte, dass sich das Projekt in einem neuen Ordner innerhalb dieses Okay. Also das sind die Dinge , die ich hier erwähnt habe. Okay. Sollen wir jetzt senden sagen? Sagen wir senden und schauen wir mal , welche Ausgabe wir hier bekommen. Also werde ich HTGBDoe einfach erweitern, da wir daran arbeiten. Also kannst du es hier sehen. Das ist die Zusammenfassung der Ziele. Hier ist es also so, als ob du dich über deine Ziele zurückziehst und dir sagst, hey, das habe ich verstanden Du musst also deine Tag-Filter überschauen, einen Blog hinzufügen entspricht einer neuen Datei, ein Blog als Tageseinkommen, modernes, schönes Design, erstellt mit dem Cursor, keine Programmierkenntnisse Okay, HgBD hat das also fair erfasst. Okay, komm her. informiert Sie und gibt Ihnen einige Informationen über die Projektstruktur. Es heißt nächstes Js. Also werden wir Next Js verwenden. Okay. Das ist okay, wenn du nicht weißt, was Next Gs ist, es sagt dir nur, und es sagt dir auch , dass es ein modernes Web-Framework ist. Das ist also absolut in Ordnung. Wir müssen es nicht wissen. MDX-Datei MDX-Datei handelt es sich nun die Markdown-Dateien, die die Anwendung verwenden würde Haben wir Chat JB gesagt, dass ich MDX-Dateien verwenden möchte ? Nein. Es sagt uns also, dass wir MDX-Dateien verwenden werden , weil wir wollen, dass die Funktionalität sehr einfach ist Das Hinzufügen eines neuen Blocks sollte so einfach sein wie das Hinzufügen einer neuen Datei Fair genug. Jetzt Rückenwind CSS für schöne Styles Okay, es wurde also vorgeschlagen , Tailwind-CSS zu verwenden Ich weiß nicht, was Rückenwind-CSS ist. Ich weiß es sogar, aber wir tun so, als würden wir es nicht wissen, und wir werden keine einzige Codezeile schreiben Also Rückenwind-CSS, harte CN-Benutzeroberfläche für moderne UI-Komponenten, was in Ordnung ist, und automatisches Filtern mit Tags im Vordergrund Okay? Also das ist etwas , das es erwähnt hat. Hier drüben werden Sie aufgefordert, hier drüben einen Projektordner zu erstellen, okay? Und es gibt dir den gesamten Plan hier drüben, installiert die Abhängigkeiten und all das. Okay. Jetzt möchte ich diesen Code nicht schreiben. Es hat mir einen anständigen Plan gegeben, aber ich möchte das nicht tun. Ich werde ihm also sagen, dass ich keine Befehle ausführen und keinen Code schreiben möchte . Teilen Sie mir die Eingabeaufforderungen mit, damit ich den Kurs nach Plan geben kann Okay. Und ich möchte, dass es mir eine Liste mit Eingabeaufforderungen gibt, also gebe ich mir nur eine Aufforderung , die die Magie bewirken würde Okay, ich sage das, gib mir eine Eingabeaufforderung, die den Cursor anweisen würde, all das zu tun Also sagt es mir, ich soll diesen Befehl ausführen, es sagt mir, ich soll das tun, das tun. Okay, es ist in Ordnung. Du kannst das nachlesen. Sie werden aufgefordert, auch diesen Ordner zu erstellen. Sie können es hier sehen. Okay, erstelle einen Projektordner und dann erstelle im Grunde genommen diese My Blog-App mit diesem Befehl. Ich möchte das nicht tun. Ich sage das, gib mir nur eine einzige Aufforderung, die ganze Magie bewirken würde. Bleiben wir also dran, und es gibt Ihnen diese magische Aufforderung zur Eingabe des Cursors, also sagt es Ihnen, eine moderne professionelle Blog-App mit dem Rückenwind von Next Js, CSS MDX, zu erstellen eine moderne professionelle Blog-App mit dem Rückenwind von Next Js, CSS MDX, Ich möchte neue Blogbeiträge hinzufügen, indem einfach MDX-Dateien in Okay. Und jeder Beitrag sollte die Titelseite mit Titel, Datum und Schlagwörtern unterstützen . Okay, das ist in Ordnung. Zeigen Sie auf der Startseite die Liste aller Beiträge mit Karten an, sortiert nach Nachrichten zuerst. Fügen Sie ein schönes Styling mit Rückenwind-Typografie hinzu. Teilen Sie CN-UI-Komponenten und fügen Sie oben einen Tag-Filter als Umschaltflächen oder vielleicht Chips zum Filtern von Beiträgen hinzu. Das ist Fügen Sie auch einen Schalter für den Hell- oder Dunkelmodus hinzu. Das haben wir nicht gefragt, aber es wurde hinzugefügt. Äh, alles sollte sauber und minimalistisch aussehen , mobilfreundlich. Oh, also ein Problem hier drüben, es ist zu denken, dass, okay, es ist mobilfreundlich, also ist das in Ordnung. Es ist eine Webanwendung. Es ist kein Problem. Es ist eine Webanwendung, die mobilfreundlich ist . Das war es, was es bedeutete. Ich dachte, es denkt , wir wollen eine mobile App erstellen, aber das ist nicht der Fall. Also werde ich herkommen. Lass uns das hier drüben zusammenfügen. Es hat keine Informationen über den Ordner hier drüben gegeben , okay? Ich gehe also davon aus, dass Cursor die Arbeit auf dieser Grundlage erledigen wird. Okay, das ist also erledigt. Okay, lass mich sehen, vielleicht hierher schicken. Okay? Also das ist die Aufforderung. Okay, ich will nicht, dass ich hier drüben eine zusätzliche Funktion habe. Also sollte jeder Beitrag auf der Homepage schönes Design haben und Tag-Filler hinzufügen. Fügen Sie außerdem den Lichtmodus hinzu und schalten Sie den Modus um. Ich möchte also nicht, dass zwischen dem Lichtmodus und dem Doc-Modus umgeschaltet Lichtmodus und dem Doc-Modus Ich entferne das einfach und sage Set. Wenn du es möchtest, kannst du es gerne hinzufügen, aber ich habe das gerade entfernt. Jetzt warten wir, bis die ganze Magie passiert, okay? Ich habe dem Cursor diese Aufforderung gegeben. Okay? Jetzt wird es die Befehle nicht ausführen. Okay, das Erstellen des Projekts beinhaltet das Ausführen von Befehlen auf meinem lokalen Computer. Es wird also keine Befehle von selbst ausführen, also werde ich die Befehle genehmigen. Ich werde das ausführen. Also lässt es das laufen. Das kannst du sehen. Möchten Sie TurboPac verwenden? Ich drücke einfach die Eingabetaste oder du kannst ja sagen. Okay? Also du kannst sehen, es läuft jetzt hier drüben. Okay. Also lass mich das im Vollbildmodus betrachten und lass mich das ein bisschen erweitern , damit wir sehen können, was passiert. Sie können hier sehen, ob Sie das Turbo-Pack installieren möchten . Also sagte ich, hier drüben. Ich drücke einfach Enter. Okay? Und du kannst das Ganze hier drüben sehen. Okay? Es führt im Grunde den Terminal-Befehl aus. Wir werden eine Weile warten. Okay. Also generiert es den nächsten Codesatz. Sie können sehen, dass der Blockordner hier erscheint, oder? Und es wird den Ordner blockieren und einige Befehle erneut ausführen. Also werde ich sagen, lauf okay. Und ich werde nochmal rennen sagen. Es führt ein paar Befehle aus. Ich glaube, es installiert alle Abhängigkeiten, die unser Projekt benötigt, automatisch auf Autopilot Okay, wir genehmigen nur Befehle und tun nichts, oder? Das ist also soweit und ich denke, es generiert noch ein paar Befehle Das heißt also, genehmigen Sie das. Und ich denke, es generiert einen weiteren Befehl, run. Also führe ich hier nur Befehle aus. Fahren Sie fort. Ich sage einfach Enter. Okay. Okay, was ist passiert? Okay. Ich sagte ja. Du musst hier Y drücken und dann kannst du sehen, dass jetzt Dependency installiert wird. Also werden wir eine Weile warten, sobald das abgeschlossen ist. Der Befehl ist also abgeschlossen und er erstellt diesen Verzeichnisbeitrag , in dem sich unser Beitrag befinden soll Ich sage run und das Verzeichnis ist erstellt. Warten wir eine Weile ab, was passiert. Okay. Also du kannst sehen, dass es hier irgendeinen Job macht. Sie können sehen, dass es nach einigen Dateien sucht, einige Dateien auflistet, all die Dinge tut. Und Sie können sehen, wie all das unter diesem Blockordner passiert. Okay? Ich fasse den Code nicht an oder mache irgendwas anderes hier, aber wir können es einfach so sehen , was passiert. Okay, habe 15 Artikel im Block aufgelistet, ist das so? Also nein, ich sehe nicht, dass das passieren wird. Also habe ich ein AL. Wir werden diesen Befehl ausführen. Das ist absolut okay. In Ordnung. Es generiert einen weiteren Befehl. Okay. Und ich übernehme das. Okay. Also werden wir eine Weile warten. Okay. Es wartet auf eine Genehmigung. Ich habe die Genehmigung erteilt, oder? Was für ein Okay, diese Genehmigung durchzuführen, um das auszuführen. Ich werde das ausführen. Okay. Okay, nach einer Weile wurden einige Befehle ausgeführt. Es hat eine Menge Code geändert, und dann habe ich endlich diesen Befehl , in dem er mich auffordert, die Anwendung auszuführen. Es sagt mir also, ich solle den CD-Blog und NPM Run Deep ausführen Okay? Also von innen in den Block-Ordner, es fordert mich auf, die Anwendung auszuführen. Ich sage also, Terminal öffnen, und sie sollten idealerweise die Anwendung starten. Sie können sehen, dass die Anwendung gestartet wird. Ich komme her. Zum lokalen Host, lassen Sie uns aktualisieren. Okay, also wir haben unseren Blog hier drüben. Du kannst das sehen. Sie können sehen, dass es auch einige Beiträge gibt , die es generiert hat. Sie können Hello World sehen. Sie können auf Hello World klicken. Du kannst zurückgehen. Sie können zu Weiter gehen und Tipps auswählen. Sie können das sehen, und Sie können im Grunde nach Intro filtern, ich kann filtern Willkommen, als Nächstes ausgewählte Tipps. Je nach Ihren Anforderungen können Sie weitere Blöcke hinzufügen, und ja, das ist unser einfacher Blog, der eingerichtet wurde. Wenn du jetzt hierher kommst, haben wir diesen Blockordner Win , den wir haben, okay. In der Post haben wir also diese Art von Dateien, die wie Markdown-Dateien sind Okay, MD Markdown. Und ich akzeptiere einfach alle Codeänderungen. Okay? Das ist also die Markdown-Datei, die wir haben, und wenn Sie einen neuen Blog veröffentlichen möchten, müssen Sie die Markdown-Datei so schreiben Okay? Sie können sehen, dass die Dateien auf diese Weise generiert wurden. Okay, das ist also die Version 1.0 unserer Anwendung, und ich finde, es ist eine sehr anständige Anwendung ohne dass wir irgendeinen Code schreiben, wir haben keine einzige Codezeile geschrieben, oder? Und was wir getan haben, ist, dass wir diese wunderschöne Blog-ASE-Ausgabe bekommen haben . Dies kann ein wirklich, wirklich guter Blog sein, wenn Sie Ihre eigene, Sie wissen schon, Online-Präsenz starten Sie wissen schon, Online-Präsenz dort einige Beiträge schreiben möchten. Das ist also etwas , mit dem du anfangen kannst. 7. Verbesserung der iterativen Programmierung unserer Bloganwendung: Nachdem die erste Version des Blogs da ist, ist es an der Zeit, dass wir ihn bitten, einige neue Funktionen hinzuzufügen Also werde ich dir zeigen, wie du im Blog oder bei jeder Art von Projekt iterieren kannst oder bei jeder Art von Projekt und du kannst einige neue Dinge hinzufügen Okay. Bevor wir weitermachen, möchte ich Sie daran erinnern, dass wir von diesem E-Coding-Projekt ausgehen, das diese beiden Projekte umfasst. Eines ist Block und das andere ist ein IAP. Nun, dieser SRC-Ordner wurde, glaube ich, von COSO selbst erstellt und hat nichts Es könnte also versehentlich das hier drüben erstellt haben. Ich werde das löschen, ebenso wie ich das löschen werde damit Sie sehen können, dass dieser SRC-Ordner ebenfalls gelöscht wurde Wir haben jetzt nur zwei Ordner. Blog ist ein Projekt, an dem wir arbeiten. Was ich jetzt empfehlen würde, ist, dass Curso manchmal verwirrt und wenn Sie sich in einem übergeordneten Verzeichnis befinden Im Moment befinden wir uns also in einem übergeordneten Verzeichnis von Block Project, aber wir arbeiten tatsächlich am Blog Manchmal kann es sein, dass Curso verwirrt ist und es anfängt, Dateien hier in diesem Ordner zu erstellen Dateien hier in diesem Ordner sich außerhalb des Blockprojekts Ich werde schnell zum Blockprojekt wechseln und es öffnen und dann Verzeichnis wechseln, damit Curso nie verwirrt wird Dafür gehe ich zur Datei über. Ich werde Ordner öffnen sagen. Wenn Sie jetzt den Ordner öffnen, werden Sie diesen Exploder wie folgt sehen Gehen Sie zum Blog und sagen Sie einfach, wählen Sie den Ordner aus. Okay? Du kannst also sehen, dass der gesamte Curso neu gestartet wird und du dich jetzt im Blockprojekt befindest, okay? Und du kannst Coso bitten, das auszuführen. Hey, kannst du mir helfen, dieses Projekt durchzuführen? Okay? Denn wenn du herkommst, haben wir Curso neu gestartet, wir haben die Ordner gewechselt Also das wird geschlossen, oder? Also habe ich es gebeten, die Anwendung auszuführen, aber es hat mir Schritte gegeben. Okay? Also ich will keine Stufen. Ich werde es erzählen. Kannst du mir helfen, dieses Projekt durchzuführen? Gib mir keine Schritte, aber du führst es aus, so etwas in der Art. Okay, es ist also ziemlich klar , dass du es tun musst. Okay. Also fordert es mich auf, diesen Installationsbefehl auszuführen. Ich sage einfach, okay. Und dann heißt es: Führe diesen Befehl aus, nbmRunTab. Okay. Also habe ich gerade auf Terminal öffnen geklickt und es hat gerade diesen Befehl gestartet, und jetzt sollten Sie den Blog ohne Probleme sehen können den Blog ohne Probleme sehen Okay, jetzt können wir es bitten, alles zu behandeln, abhängig von Ihrer Wahl Also zuerst werde ich es erzählen. Ich werde Cursor anweisen, hier ein Rasterlayout hinzuzufügen. Das ist also ein Listenlayout, und wenn Sie mehr Blöcke hinzufügen, wird es im Listenlayout angezeigt. Also lass es mich dir zeigen, indem ich mehr Blöcke hinzufüge, okay? Also kann ich sagen, bitte füge mehr Blöcke hinzu, füge Bitte statt mehr Blöcke hinzu, ich sage, füge bitte drei Blöcke hinzu und füge auch das Quellcodeformat hinzu. Okay? Wir werden also auch sehen, wie die Formatierung des Quellcodes funktioniert, denn das ist ein Codierungsblock , den ich gestartet habe. Ich sage nur, dass es ein Codierungsblock ist. Sie können einen Rezept-Blog starten, Sie können einen, Sie wissen schon, einen Blog zum Teilen von Bildern oder einen Foto-Blog starten , je nachdem, was Sie tun. Okay? Ich habe gerade erwähnt , dass dies ein Coding-Blog ist, und warten wir, bis er die neuen Blöcke hinzufügt. Es heißt also, dass es Beiträge und zwei andere Dateien liest, und Sie können hier sehen, wo es neue Dateien generiert. Okay, aufgrund eines Fehlers hier drüben, dass es diese Datei nicht lesen kann und es weitergemacht hat, also gehe ich davon aus, dass es das für uns reparieren wird Okay? Also können wir eine Weile warten. Lassen Sie mich sehen, ob wir irgendwelche Veränderungen sehen. Sie können Änderungen hier drüben sehen, oder? Wenn Sie also hier zu React-Funktionskomponenten gehen, können Sie sehen, dass der Code hinzugefügt wurde. Der Code wurde hier hinzugefügt, oder? So wird die Code-Formatierung also aussehen, du kannst sehen, okay? Also ja, du kannst auch darum bitten , es zu verbessern. Okay? Also kannst du das hier drüben sagen. So kommt es raus. Du kannst dich bitten, die Farbe zu ändern oder so. So kannst du den Screenshot machen. Sie können den Screenshot teilen. Okay. Der Code, der angezeigt wird, ist, wie Sie sehen können, nicht gut formatiert Und die Syntaxhervorhebung ist nicht richtig. Also habe ich das Bild hier rübergereicht, und wenn wir uns das Bild ansehen, wird es uns helfen, es zu verbessern, oder? Also werde ich alle bisherigen Änderungen akzeptieren und wir werden abwarten, welche Art von Änderungen es gerade vorschlägt Okay. Also hier, lass uns warten. Okay. Also haben wir wie viele Blöcke? Wir haben etwa fünf Blöcke. Lassen Sie uns hier warten. Okay, also warten wir, bis der gesamte Code fertig ist. Nun, schau mal hier drüben, welche Änderungen auch immer von CO vorgenommen wurden , also habe ich sie bis jetzt alle akzeptiert, richtig? Ich drücke hier die Taste „ Alle akzeptieren“. Wenn Sie nun diesen Befehl dem Cursor und dem, was er gerade generiert, geben , wenn Sie ihn nicht annehmen möchten, wenn Sie ihn ablehnen möchten, können Sie hier die Ablehnen-Taste drücken. Es wird also eine Ablehnungsschaltfläche geben, die nach Abschluss der Generierung angezeigt wird. Okay? Nun, eine weitere interessante Sache, die ich hervorheben möchte, ist die Suche. Sie können sehen, dass es hier im Internet nach etwas sucht . Okay, es sucht danach, wie es Syntaxhervorhebungen in den nächsten Gs 15 durchführen kann Syntaxhervorhebungen in den nächsten Gs . Das ist es, wonach es suchen wird. Also werde ich sagen, mach weiter. Okay? Es hat um Erlaubnis gebeten. Okay. Wir warten, bis die gesamte Lösung implementiert ist. Es fordert mich auf, bestimmte Befehle zu installieren. Ich habe das akzeptiert und es wird es für mich installieren. Warten wir, bis die gesamte Installation abgeschlossen ist. Ich habe viel gesucht, einige Befehle haben es ausgeführt, und dann fragt es mich. Es gibt mir die Lösung, die wir brauchen um MDX-Verarbeitung hinzuzufügen und Hype hervorzuheben Das könnte eine Bibliothek oder so sein und es verlangt auch, dass wir das eingeben müssen . Willst du das machen? Ich sage ja, bitte mach was auch immer, knete es und bring es zum Laufen Okay? Also gebe ich die Erlaubnis, okay? Bitte tun Sie, was immer nötig ist, und bringen Sie es zum Laufen. Wir werden eine Weile warten. Die Anwendung läuft also bereits. Es hat einige Änderungen vorgenommen und die Anwendung läuft bereits, aber sie gibt mir immer noch diesen Run-Befehl. Die Anwendung läuft hier auf der linken Seite, also werde ich hier einfach Skip Over sehen, und hier gibt sie mir Schaltfläche „Alle akzeptieren“, weil sie viele Änderungen am Code vorgenommen hat. Ich werde nicht alle Änderungen hier akzeptieren. Warum? Weil ich zuerst die Anwendung testen werde. Ich werde herkommen. Es gibt ein Problem. Es sieht so aus, als ob meine Anwendung angefangen hat, Fehler zu werfen. Hier, wenn du gehst, hier wird ein Fehler auf der Beitrags-Detailseite ausgegeben. Ich kopiere das hier, okay, und ich werde es auch hier drüben platzieren. Okay. Und ich sage, ich erhalte das, wenn ich diese URL besuche. Also ich muss es dem EI oder dem Kurs die Fehlerbeschreibung geben Kurs die Fehlerbeschreibung und wann der Fehler auftritt. Okay? Das passiert, wenn ich zu Besuch komme. Bitte repariere es für mich. Okay. Also bitte ich dich, es zu reparieren. Warten wir jetzt, bis es behoben ist. Denken Sie jetzt daran, dass ich keine der Änderungen akzeptiert habe. Dieser Button ist immer noch da, oder? Ich habe nicht akzeptiert. Wenn du willst. Wenn es nicht in der Lage ist, dieses spezielle Feature zu generieren oder zu improvisieren, haben wir die Möglichkeit, alle Änderungen abzulehnen , und wir werden wieder in dem Zustand sein , in dem das Projekt zuvor war, bevor wir nach dieser Funktion fragen Das ist also der Vorteil, nicht alle Änderungen hier zu akzeptieren. Die Änderungen wurden übernommen, aber wir haben sie nicht akzeptiert. Wenn du also hierher kommst, kannst du all diese Farben hier sehen, richtig? Also, wenn du diese Datei durchforsten könntest. Sie können all diese grünen Dinge sehen, diese wurden hinzugefügt und die roten Dinge wurden entfernt. Okay? Also das sind die Änderungen, die vorgenommen wurden. Jetzt, in dem Moment, in dem ich sage dieses rote Ding gelöscht und das grüne Ding hinzugefügt wird. Das ist es, was es hier macht. Okay? Also, okay, hier gibt es mir diese Option hier drüben, okay? Also wähle ich den, der am besten ist. Es gibt mir zwei Möglichkeiten, das Problem zu beheben. Ich sage, wählen Sie die aus, die am besten ist und nach Ihren Wünschen funktionieren würde, fahren Sie fort. Okay. Also werde ich das einfach erwähnen und es wird anfangen, es zu reparieren. Okay, es hat hier ein paar Änderungen vorgenommen, du kannst sehen, okay. Und hier gab es ein paar Wiederholungen, und es heißt, der Fehler sollte behoben werden Also lass uns zurückgehen. Und lass mich auffrischen. Lass mich eine kurze Auffrischung machen. Lass mich dich besuchen. Okay, jetzt können Sie sehen, dass die Syntaxhervorhebung besser ist. Sie können die Farbe sehen und alles ist jetzt im Grunde. Die schlüsselwortbasierte Farbgebung können Sie hier sehen. Sogar für JavaScript, mal sehen, ja. Das ist also viel besser. Okay. Sie können diese Art von Verbesserungen verlangen und Sie können was Sie in Rechnung gestellt haben, wiederholen Wenn ich zum Beispiel morgen diese Liste auf das Rasterformat umstellen möchte , kann ich sie darum bitten Okay? Das können wir tun. Ich hoffe, das war nützlich, okay. Ich werde hier auch erwähnen, dass es manchmal nicht die richtige Antwort in der vollen Punktzahl Es würde ein bisschen Hin und Her mit dem Cursor- oder DAI-Modell , das hier unter der Haube verwendet wird Also mach dir keine Sorgen, mach dir keinen Stress. Es ist wichtig, dass Sie KI hier die richtigen Informationen zur Verfügung stellen , und sie wird die Arbeit für Sie erledigen. Wenn Sie zum Beispiel hier eine Fehlermeldung sehen oder wenn Sie die Ausgabe nicht sofort sehen, können Sie den Screenshot machen und ihn hierher übergeben und sagen: Hey, bitte überprüfen Sie den Screenshot. Das sehe ich. dann sehe ich, als ich auf dieser bestimmten Seite war, das ist eine Seite, und bitte repariere es für mich. Geben Sie so viele Informationen wie möglich an, egal welche Fehlermeldung Sie sehen, was auch immer Sie sehen, es wird die Arbeit für Sie erledigen. Okay. Also, ja, ich hoffe, das war bisher nützlich. 8. Wichtige Informationen über den Cursor: Jetzt ist es an der Zeit, dass ich über einige der Tipps und Tricks spreche über einige der Tipps und Tricks , die Sie bei der Arbeit mit dem Cursor beachten sollten. Diese Tipps und Tricks können Ihnen helfen, die gewünschte Ausgabe besser und schneller zu erzielen . Okay? Also das Erste, worüber ich sprechen möchte, ist der Kontext hier drüben, okay? Jetzt können Sie Ihrem Chat Kontext hinzufügen. Kontext, das heißt, dem verwendeten AM-Modell einen gewissen Kontext zu geben , okay? Also hier kann ich Kontext sagen, und ich kann zuerst einen Ordner hinzufügen, sodass ich diesen gesamten Ordnerblock hinzufügen kann. Okay? Also dieser Ordner hat meinen Quellcode hier drüben. Also gebe ich den gesamten Ordner als Kontext an, und ich kann die Nachricht eingeben und an Koso senden Das kann also dazu führen, dass Sie eine bessere Antwort von Cursor erhalten , weil es weiß, dass Sie sich auf dieses spezielle Objekt beziehen oder Sie in Bezug auf dieses spezielle Objekt sprechen , was auch immer in dieser speziellen Spalte vorhanden ist. Okay? Also hier geht es um den Kontext. Sie können verschiedene Arten von Kontext hinzufügen. Sie können bestimmte Dateien hinzufügen, wenn Sie möchten. Innerhalb eines Blogs können Sie also auch eine bestimmte Datei hinzufügen , wenn Sie möchten. Oder Sie können hier eine Art Dokumentation hinzufügen, okay, oder Sie können jede Art von vergangenen Chats hinzufügen. Welche Chats Sie auch in der Vergangenheit geführt haben, Sie können sie auch als Kontext hinzufügen. Okay. Es ist also möglich, dass der Cursor Ihnen in früheren Chats etwas gegeben hat , das Sie jetzt erwarten, und es ist jetzt nicht in der Lage, dasselbe zu generieren. Sie können also Ihren vergangenen Chat als Kontext angeben und dann die Fragen an Cursor stellen. Sie können Git als Kontext-Terminals hinzufügen. Wenn Sie hier also mehrere Terminals betreiben und auf einem der Terminals eine Fehlermeldung angezeigt wird, können Sie dieses Terminal als Kontext hinzufügen. Kann alles aus dem Internet hinzufügen. Sie können hier also Web auswählen und im Grunde eine URL oder etwas Ähnliches hinzufügen, und Cursor wird diese URL für Sie lesen. Okay, darüber hinaus, wenn Sie irgendeine Art von Bibliotheken oder Frameworks verwenden, zum Beispiel hier, als wir sie verwenden, sahen wir einige Namen wie Tailwind und Next has, richtig Sie können also hinzufügen, dass Sie offizielle Dokumentation dieser Bibliotheken hinzufügen können Also hier werden wir zum Beispiel über Rückenwind sprechen, also kannst du Rückenwind sagen Und du kannst es hier sehen, Tailwind CSS official. Das ist also die offizielle Dokumentation , die es mit dem Cursor gibt Sie können das also einfach in der nächsten Chase hinzufügen, die wir auch verwenden. Ich sage, das nächste Js, das Sie nächstes Jahr sehen können, ist offiziell. Sie fügen also die Dokumentation hinzu, beide Dokumentationen hier, damit der Cursor darauf verweisen kann. Du kannst sehen, wenn du darauf klickst, das ist der Link , über den Tailwind CSS Talks hinzugefügt werden Und hier seht ihr das Slash TOC von nexts.org. Sie können zu dieser offiziellen Dokumentation hier wechseln, indem Sie auf den Link klicken und ihn im Browser öffnen Okay? So können Sie die Benutzeroberfläche verbessern. Darüber hinaus können Sie Dinge wie Bilder und alles hinzufügen , wenn Sie irgendwelche Fehler bekommen. Okay? Es geht also darum, Kontext hinzuzufügen. Ich würde hier über Einstellungen sprechen wollen, einige Einstellungen. Wenn Sie also hier zur Datei gehen, haben Sie innerhalb der Datei Einstellungen, und in den Einstellungen haben Sie Cursoreinstellungen. Okay? Also lass mich diese Kipp-API hier verstecken , okay Hier sind ein paar Einstellungen, die Sie mit dem Mauszeiger sehen und durchgehen können Mauszeiger sehen und durchgehen Okay? Du kannst mit einigen Einstellungen herumspielen. Eine wichtige Einstellung , über die ich sprechen möchte , sind die Regeln hier. Was sind Regeln? Also, du kannst hier drüben die Regeln sehen. Und wenn du auf dieses Info-Symbol klickst, öffnet es die Rede für dich. Okay? Also, was sind Regeln? Regel ist also nichts anderes als eine Art von Regeln , die Sie erwähnen möchten, oder irgendeine Art von Richtlinien , die Sie erwähnen möchten. Also kannst du hier drüben nachsehen. Oh, okay, Regeln. Wenn ich hier auf Regeln klicke, kannst du es sehen. Es wurde also nicht richtig geladen, also musste ich auf Regeln klicken. Mit Regeln können Sie also steuern, wie Agentenmodell verhält, und zwar mit wiederverwendbaren und bereichsspezifischen Anweisungen. Sie können also eine Art von Regeln hinzufügen, wie zum Beispiel, geben Sie mir präzise Antworten, okay, Oder wenn Sie dazu neigen , ein bestimmtes Framework zu verwenden Sie können also eine Regel hinzufügen, die besagt, hey, benutze immer next chase für alle meine Projekte, so etwas in der Art. Und es gibt mehrere Arten von Regeln: projektbasierte Regeln, benutzerbasierte Regeln, Erinnerungen oder Cursorregeln. Okay? Also all diese Regeln kannst du hier erwähnen. Also kannst du dir hier ein Beispiel ansehen, okay? Also hier hast du eine Einstellung hinzugefügt. So wird die Regel hier angewendet. So steht es da. Ich möchte dir hier ein Beispiel für eine Regel zeigen. Okay, wenn ich hier nach unten scrolle, könnte ich einige Regelbeispiele sehen. kannst du hier sehen. Das ist eine der Regeln. Wenn Sie also im Komponentenverzeichnis arbeiten, verwenden Sie immer Rückenwind für das Styling, Frame of Motion für Animationen und halten Sie sich an unsere Benennungskonvention für Komponenten Sie können sehen, dass dies eine der Regeln ist. Sie können dies also kopieren und in Ihre Regelseite einfügen. Das ist für das ABI-Verzeichnis. Den Boilerplate-Code finden Sie hier. All diese Regeln sind also im Grunde nichts anderes, als dass Sie das Verhalten für das AIM-Modell festlegen und sagen, dass dies immer erwartet wird Anstatt also jedes Mal, wenn Sie Fragen stellen, das KI-Modell einzugeben und es mitzuteilen , können Sie die Regeln hier global für den Agenten festlegen. Okay. Sie können also sehen, dass Sie benutzerbasierte Regeln festlegen können, okay? Sie können Ihre benutzerdefinierten Benutzerregeln hier verwalten. Sie können hier Regeln auf der Grundlage von Projekten festlegen, okay. Und ja, das kann dir bei vielen Dingen helfen, okay? Und du kannst hier auch ein paar Erinnerungen hinzufügen. Sie können hier also verschiedene Erinnerungen sehen. Okay? Und Sie können sehen, welche Erinnerungen nichts anderes sind als die Informationen, an die sich der Agent über Sie erinnert. Sie können es also auch von hier aus verwalten. Wenn Sie etwas aus dem Speicher löschen möchten , können Sie es löschen lassen. Okay. Dies sind also einige wichtige Dinge, die Sie bei der Arbeit mit Cursor beachten sollten . Dies kann Ihnen helfen bessere Reaktion auf dieses KI-Modell zu erzielen. 9. Schlussbemerkung zum Kurs: Und jetzt sind wir am Ende unserer Reise in die Welt des Codierens mit dem Cursor angelangt . Im Laufe des Kurses haben wir untersucht, wie Sie leistungsstarke digitale Erlebnisse ohne herkömmliches Programmieren schaffen können leistungsstarke digitale Erlebnisse ohne , indem Sie einfach mit EI-Tools wie dem Cursor zusammenarbeiten Wir haben zunächst verstanden, was Be-Coding ist . Dabei handelt es sich um eine frische und intuitive Art des Bauens, bei der Kreativität, Intention und menschliche EI-Zusammenarbeit im Vordergrund , Intention und menschliche Wir haben gesehen, wie Sie mit dem Cursor Ihre ersten Apps erstellen können. Verwendung natürlicher Sprache und Eingabeaufforderungen. Dann sind wir noch einen Schritt weiter gegangen und haben eine komplette Block-Site erstellt eine komplette Block-Site ohne dass wir einen Programmierhintergrund benötigen In diesem Kurs haben Sie erlebt, wie einfach es sein kann , Ideen mit Hilfe von EI zum Leben zu erwecken Es gibt keine Syntaxfehler, keine Installation, keine Vorkenntnisse, nur Neugier und Weitblick. Sie haben gelernt, dem Prozess zu vertrauen, Ihren EI-Assistenten zu kommunizieren und mühelos echte Projekte zu erstellen. Aber denken Sie daran, das ist erst der Anfang. Die Zukunft der Schöpfung liegt in Tools wie dem Cursor, und je mehr Sie experimentieren, desto selbstbewusster und innovativer werden Sie. Erkunden Sie also weiter, geben Sie immer wieder Anregungen und scheuen Sie sich nicht , die Grenzen dessen , was Sie für möglich halten, zu überschreiten. Danke, dass du mich auf dieser Reise begleitet hast. Ich hoffe, dieser Kurs war aufschlussreich, ermutigend und vor allem eine unterhaltsame Einführung in die Möglichkeiten der KI-Entwicklung ohne Code diesem Kurs findest du im Projektbereich ein Klassenprojekt, das ich euch allen wärmstens empfehlen möchte , abzuschließen und es mit der gesamten Klasse zu teilen. Viel Spaß beim Bauen.