Schnellere Softwareentwicklung mit KI: Praktische KI-Programmierung mit modernen IDEs

1. Einleitung 2: Alle zusammen und willkommen zu diesem Kurs. Wir werden darüber sprechen, wie Entwickler KI tatsächlich einsetzen sollten, um ihren Arbeitsablauf zu beschleunigen und weiterhin qualitativ hochwertigen Code zu erstellen. In diesem Kurs werden wir uns also wirklich mit den Grundlagen der KI und einigen Tipps und Tricks befassen, mit denen Entwickler sie schnell und effizient nutzen können. Wenn Sie KI verwenden, erzeugt sie oft schlechten oder guten Code. Und das kann zu Problemen führen, denn wenn wir sie um etwas bitten und sie es so macht, dass jeden einzelnen Schritt überprüfen müssen , dann spart uns das am Ende des Tages nicht wirklich Zeit. Mit diesem Kurs wollen wir Ihnen zeigen, wie Sie KI verwenden können, wie Sie sie veranlassen können, wie Sie sie einrichten können, wie Sie einen Workflow erstellen können , der Ihre Entwicklung beschleunigt , anstatt nur weitere Hürde zu sein, die Sie überwinden müssen. Wir können die Tatsache nicht ignorieren, dass KI, insbesondere in der Programmierung, extrem wichtig ist , weil sie uns helfen kann , Fehler, für die wir früher Wochen gebraucht haben, in nur einer Stunde oder weniger zu lösen Wochen gebraucht haben, in nur einer Stunde oder weniger Es kann uns helfen, ganze Funktionen in nur wenigen Minuten von Grund auf neu zu erstellen in nur wenigen Minuten von Grund auf neu , wofür wir möglicherweise auch Wochen gebraucht haben. Es kann uns helfen, alten Code umzugestalten, und es kann uns helfen, viele einfache Aufgaben viel schneller zu erledigen Aus diesem Grund werden Menschen, die wissen, wie man KI einsetzt, die nächsten Top-Performer auf dem Gebiet der Softwareentwicklung sein die nächsten Top-Performer auf dem Gebiet der Softwareentwicklung Wenn Sie also ein Top-Entwickler sein wollen, müssen Sie KI kennen Alle Unternehmen stellen langsam darauf um. Einige sind langsamer als andere, aber irgendwann, ich würde sagen, in den nächsten zwei bis drei Jahren werden die meisten Unternehmen sie nutzen müssen, werden die meisten Unternehmen sie nutzen müssen wenn sie die Nase vorn haben wollen. Aus diesem Grund müssen wir sicherstellen, dass unsere Fähigkeiten Erwartungen dieser Unternehmen entsprechen. In diesem Kurs werden wir also die Grundlagen einer KI-IDE behandeln und zeigen, wie wir sie nutzen können, um ein neues Projekt zu erstellen, eine neue Funktion zu erstellen, alten Code zu überarbeiten und ihn generell einfach in unserem täglichen Arbeitsablauf zu verwenden werden also die Ziele dieses Kurses sein , und am Ende werden Sie in der Lage sein, Ihr eigenes Projekt zu erstellen und KI so einzusetzen, dass Ihr Entwicklungsablauf beschleunigt wird. Es ist wirklich, wirklich großartige Technologie, und es gibt hier viel zu lernen, aber am Ende ist es nicht so schlecht . Ich freue mich also darauf, einzusteigen. Lassen Sie uns also weitermachen und lernen, wie KI einsetzen können, um unseren Arbeitsablauf als Entwickler zu beschleunigen. 2. AI-IDE: Also müssen wir anfangen und herausfinden , wie wir KI in unserem Code verwenden. Es gibt verschiedene Möglichkeiten, KI zu nutzen. Derjenige, von dem wir zu diesem Zeitpunkt wahrscheinlich alle wissen ist der Erste, der vor Ort ist, und das ist HaGiBT. Wir können hier etwas Code kopieren und einfügen, ihm eine Frage stellen, ihn bitten, ihn umzugestalten, und das wird ziemlich gut funktionieren. Das Problem ist jedoch, dass dies ein ziemlich langsamer Arbeitsablauf ist. Sie schauen sich Ihren Code an, Sie finden ein Problem, Sie kopieren es und fügen es in das ChaChiBT Sie müssen dem Ganzen den Kontext geben damit es weiß, was Sie erreichen wollen Klicken Sie auf Enter. Es sieht gut aus. Sie konnten es nicht testen. Sie müssen es kopieren und wieder in Ihre ID einfügen. Und dieser Zyklus kann sehr langsam sein. Es beschleunigt einige Dinge, wie das Auffinden von Fehlern und so, aber es beschleunigt es nicht so, wie es eine effiziente Art und Weise ist, Ihre Zeit zu nutzen. Und genau hier kommen wir mit KI-IDEs ins Spiel. Im Grunde sind es nur IDs in die KI implementiert ist. In der Regel können Sie auch einfach ein Plug-In finden und es in Ihre Lieblings-IDE einfügen. In diesem Fall werden wir also über Cursor sprechen. Das ist der, den wir hier für die gesamte Serie verwenden werden . Sie können jedoch jeden verwenden , den Sie möchten. Sie funktionieren im Allgemeinen alle auf die gleiche Weise. Sie haben möglicherweise nur einen anderen Satz von Modellen, die Sie verwenden können. Mit Cursor werden wir im Grunde bei Null anfangen und etwas aufbauen. Sie können sehen, wenn Sie einfach auf ihre Website cursor.com gehen, Sie können es sofort auf Mac oder Windows herunterladen und wirklich loslegen Es gibt eine kostenlose Stufe, sodass Sie ihr einige Fragen stellen können vielleicht etwas langsamer, vielleicht etwas dümmer, aber sie hat eine ziemlich gute Wenn Sie die 20$ pro Monat zahlen möchten, können Sie auf einige bessere Modelle zugreifen, und es könnte sich für Lernzwecke lohnen, aber Sie können kostenlos weitermachen Hier. Ich wollte auch über zwei andere große Spieler auf dem Markt sprechen. Claude Claude ist etwas, das Sie auch herunterladen und verwenden können. Wir verwenden tatsächlich einige ihrer Modelle in Cursor. Wir werden uns hier also damit befassen, dass nur weil wir den Cursor verwenden, das nicht heißt, dass wir an das Modell gebunden sind , das der Cursor erzeugt. Sie haben tatsächlich gerade einen namens Composer erstellt. Aber wir können GPT verwenden. Wir können Claude gebrauchen. Wir können Microsoft benutzen. Wir können all diese anderen KI-Modelle mit dem Cursor verwenden. Mit Claude kannst du so ziemlich dasselbe tun, aber es ist eher auf ihre spezifischen Modelle zugeschnitten , aber du kannst Kontakt aufnehmen. Und Copilot ist auch ein anderer. Sie können sehen, dass es sich um eine Art Hybrid handelt, bei dem Sie ihm hier Fragen stellen können , oder Sie können es auch in Ihre Codebasis implementieren Es gibt viele, viele dieser Produkte hier draußen. Finden Sie also das, mit dem Sie sich am wohlsten fühlen. Aber in diesem Kurs werden wir uns auf den Cursor konzentrieren. Sobald wir also unsere IDE hier öffnen , installieren wir sie. Wir können weitermachen und ein Projekt eröffnen. Ihnen wird diese Ansicht präsentiert. Ihre Farben werden etwas anders sein , weil ich sie so geändert habe , dass sie zu etwas passen, das mir in dieser Sekunde Spaß macht . Es sieht sehr nach VS-Code aus, weil es quasi aus dem VS-Code-Repository abgeleitet wurde quasi aus dem VS-Code-Repository Es wird also viele der gleichen Möglichkeiten haben, die Plugins zu nutzen , wenn Sie VS Code verwenden und auch das gesamte Theming Was wir tun wollen, ist, wenn wir hier auf der rechten Seite beginnen, werden wir das KI-Fenster zum Umschalten sehen Auf jedem anderen Ausweis wirst du auch etwas dabei haben Es könnte unten sein, vielleicht auf der linken Seite, vielleicht in der Mitte, aber es wird eine Möglichkeit geben, wie Sie mit Ihrer Codebasis und Ihren verschiedenen Agenten kommunizieren können . Damit können wir dann tatsächlich beginnen, mit KI zu kommunizieren. Hier können wir weitermachen und Dinge abtippen, und das wird Dinge in unserem Projekt schaffen. Es wird nur ein Addon sein. Es wird etwas sein , mit dem wir kommunizieren können, während wir bauen. viele verschiedene IDs Auch viele verschiedene IDs werden diese unterschiedlichen Funktionen haben. Diese Feature-Rate dient dazu, zwischen den Modi deiner KI zu wechseln. Im Moment ist es also auf Agent. Dies ist die mächtigste, weil Agent ihr die Erlaubnis gibt, Dinge zu tun. Anstatt dass Sie ihm nur eine Frage stellen und Ihnen eine Antwort geben, kann er die Antwort nachschlagen. Es kann Ihre Codebasis durchsuchen, oder es kann sogar Ihren gesamten Desktop durchsuchen wenn Sie ihm die Erlaubnis dazu geben. Agent ist also der leistungsstärkste und ich verwende ihn standardmäßig. Wenn Sie jedoch nicht möchten, dass er den Code berührt, können Sie ihn so ändern, dass er nach Problemen fragt. Manchmal berührt es den Code , wenn Sie das nicht möchten. Das ist also deine Grundlinie. Wenn Sie auf Fragen klicken, wird Ihr Code nicht berührt . Ich werde nichts ändern. Plan und Debug sind spezifisch für den Cursor, aber auch andere IDs werden mit diesen ausgegeben, und sie sind ziemlich einfach Wenn Sie versuchen, eine umfangreiche erweiterte Funktion zu planen , möchten Sie vielleicht die Planungsaufforderung verwenden Es wird dir dabei helfen. Wenn Sie hier versuchen, einen bestimmten Bug zu debuggen, können Sie diesen Debug starten und es wird in dieser Hinsicht intelligenter sein Und die nächste Seite, was wir hier haben, sind unsere Modelle. Das sind also die Modelle, die ich derzeit auf meinem installiert habe. Es gibt mehr Modelle. Und wenn Sie auf diese Schaltfläche klicken , werden alle aufgelistet. Sie können jeden hinzufügen, den Sie möchten. Und dann gibt es noch den Max-Modus , der es ermöglicht, das Kontextfenster für wirklich große Projekte zu vergrößern. Es kostet mehr, wenn Sie das tun. Der Komponist ist also derjenige , den Cursor erstellt hat. Sie können sehen, dass es genau hier steht, das erste agentische Codierungsmodell von Cursor erste agentische Codierungsmodell Dieses ist also das günstigste für Cursor, da es den eigenen Code von Cursor verwendet Dann haben wir Opus genau hier. Das ist das AnthropicTing-Modell. Es ist wirklich, wirklich gut, ein bisschen teuer, aber wirklich Sone ist auch ein wirklich gutes AnthropicO-Denkmodell. Wir haben hier die GPT-Serie, also GBT 5.1, GBT 5.2 Wir haben Gemini. Dies ist derzeit das neueste Modell von Google. Und dann haben wir noch ein paar andere wie diesen Mini. Wir haben einen Grock. Und wenn Sie hier auf Hinzufügen klicken, können Sie auf Alle Modelle anzeigen klicken, und es gibt all diese Modelle die Sie versuchen können, zu implementieren und zu verwenden Für diesen speziellen Kurs werde ich bei unserem anthropischen Lied bleiben , wahrscheinlich nicht für fünf Für den Großteil werde ich vielleicht ein bisschen Komponist verwenden, aber die Modelle werden sich Zeit ändern. Einigen wird es besser gehen. Du wirst dich, du weißt schon , mit ein paar anfreunden, mit anderen nicht. Deshalb müssen wir sicherstellen, dass wir sie bestmöglich nutzen. Dafür gibt es auch noch einen anderen Bereich, und der ist brandneu, also möchte ich ihn vermitteln. Du siehst dieses kleine Denken, diese kleinen Gehirne neben dem, das ist Denken. Denken bedeutet also im Grunde, die Frage wirklich zu analysieren, bevor sie beantwortet wird. Das ist wiederum etwas kostspieliger, bietet aber in der Regel bessere Situationen und bessere Antworten. Ich werde diese beiden Modelle jedoch gleich hier einschalten , ohne darüber nachzudenken. Dadurch kann ich wählen, ob ich möchte, dass es etwas tiefer geht oder ob ich nicht möchte, dass es etwas tiefer geht. Wir können dann sehen, dass sie hier hinzugefügt wurden. Wir haben Opus 45 und jetzt denken 45 und Sont 45 und Sont 45 denken. Das sind also die Grundlagen unseres IDE-Tarifs hier. Wir haben es installiert. Wir haben es uns angesehen. Wir haben ein paar Agenten hier. Wir können ihm Fragen stellen und wir können tatsächlich mit dem Programmieren beginnen. Lassen Sie uns also weitermachen und damit beginnen. 3. Denken Sie wie ein Regisseur: Kontext ist König: Also müssen wir anfangen und herausfinden, wie wir KI in unserem Code verwenden. Es gibt verschiedene Möglichkeiten, KI zu nutzen. Derjenige, von dem wir zu diesem Zeitpunkt wahrscheinlich alle wissen ist der Erste, der vor Ort ist, und das ist HGBT Wir können hier etwas Code kopieren und einfügen, ihm eine Frage stellen, ihn bitten, ihn umzugestalten, und das wird ziemlich gut funktionieren Das Problem ist jedoch, dass dies ein ziemlich langsamer Arbeitsablauf ist. Sie schauen sich Ihren Code an, Sie finden ein Problem, Sie kopieren es und fügen es in das ChaChiBT Sie müssen dem Ganzen den Kontext geben damit es weiß, was Sie erreichen wollen Klicken Sie auf Enter. Es sieht gut aus. Sie konnten es nicht testen. Sie müssen es kopieren und wieder in Ihre IDE einfügen, und dieser Zyklus kann sehr langsam sein. Es beschleunigt einige Dinge wie das Auffinden von Fehlern und so, aber es beschleunigt es nicht auf die Art und Weise, wie eine effiziente Art und Weise ist, Ihre Zeit zu nutzen. Und genau hier kommen wir mit KI-IDEs ins Spiel. Im Grunde sind es nur IDEs in die KI implementiert ist. Normalerweise können Sie auch einfach ein Plug-In finden und es in Ihre Lieblings-IDE einfügen. In diesem Fall werden wir also über Cursor sprechen. Das ist der, den wir hier für die gesamte Serie verwenden werden . Sie können jedoch jeden verwenden , den Sie möchten. Sie funktionieren im Allgemeinen alle auf die gleiche Weise. Sie haben möglicherweise nur einen anderen Satz von Modellen, die Sie verwenden können. Mit Cursor fangen wir im Grunde bei Null an und bauen etwas. Sie können sehen, wenn Sie einfach auf deren Website cursor.com gehen, können Sie es sofort auf Mac oder Windows herunterladen und loslegen Ist ein kostenloses Kontingent, sodass Sie ihm einige Fragen stellen können. Es vielleicht etwas langsamer, vielleicht ein bisschen dümmer, aber es gibt ein ziemlich gutes Wenn Sie die 20$ pro Monat zahlen möchten, können Sie auf einige bessere Modelle zugreifen, und es könnte sich für Lernzwecke lohnen, aber Sie können mit Kurt kostenlos weitermachen Deshalb wollte ich über zwei andere große Spieler auf dem Markt sprechen über zwei andere große Spieler auf dem Markt Claude Claude ist etwas, das Sie auch herunterladen und verwenden können. Wir verwenden tatsächlich einige ihrer Modelle in Cursor. Das ist also etwas, woran wir hier arbeiten werden: Nur weil wir Cursor verwenden, heißt das nicht, dass wir an das Modell gebunden sind , das Cursor erstellt. Sie haben tatsächlich gerade einen namens Composer erstellt. Aber wir können GPT, Wiki News Claude, Wiki News Microsoft Wir können all diese anderen KI-Modelle über Cursor verwenden. Mit Claude kannst du so ziemlich dasselbe tun, aber es ist eher auf ihre spezifischen Modelle zugeschnitten , aber du kannst Kontakt aufnehmen. Und Copilot ist auch ein anderer. Sie können sehen, dass es sich um eine Art Hybrid handelt, bei dem Sie hier Fragen stellen können , oder Sie können es auch in Ihre Codebasis implementieren Es gibt viele, viele dieser Produkte hier draußen. Finden Sie also das, mit dem Sie sich am wohlsten fühlen. Aber in diesem Kurs werden wir uns auf Cursor konzentrieren. Sobald wir also unsere IDE hier öffnen , installieren wir sie. Wir können weitermachen und ein Projekt eröffnen. Ihnen wird diese Ansicht präsentiert. Ihre Farben werden etwas anders sein , weil ich sie so geändert habe , dass sie zu etwas passen, das mir in dieser Sekunde Spaß macht . Es sieht sehr nach VS-Code aus, weil es quasi aus dem VS Code-Repository abgeleitet wurde quasi aus dem VS Code-Repository Es wird also viele der gleichen Möglichkeiten haben, die Plugins zu nutzen , wenn Sie den VS-Code verwenden und auch das gesamte Theming Was wir tun wollen, ist, wenn wir hier oben auf der rechten Seite das KI-Fenster zum Umschalten sehen werden KI-Fenster zum Umschalten sehen Auf jeder anderen IDE wirst du auch etwas dazu haben Es könnte unten sein, vielleicht auf der linken Seite, vielleicht in der Mitte, aber es wird eine Möglichkeit geben, wie Sie mit Ihrer Codebasis und Ihren verschiedenen Agenten kommunizieren können Ihrer Codebasis und Ihren verschiedenen Agenten Damit können wir dann tatsächlich beginnen, mit KI zu kommunizieren Hier können wir weitermachen und Dinge abtippen, und das wird Dinge in unserem Projekt schaffen . Es wird nur ein Addon sein. Es wird etwas sein, mit dem wir kommunizieren können , während wir bauen. Auch viele verschiedene IDEs werden diese unterschiedlichen Funktionen haben. Diese Feature-Rate dient dazu, zwischen den Modi deiner KI zu wechseln. Im Moment ist es also auf Agent. Dies ist der mächtigste, weil Agent ihm die Erlaubnis gibt, Dinge zu tun. Anstatt dass Sie ihm nur eine Frage stellen und Ihnen eine Antwort geben, kann er die Antwort nachschlagen. Es kann Ihre Codebasis durchsuchen, oder es kann sogar Ihren gesamten Desktop durchsuchen wenn Sie die Erlaubnis dazu geben Agent ist also der leistungsstärkste und ich verwende ihn standardmäßig. Wenn Sie jedoch nicht möchten, dass er den Code berührt, können Sie ihn so ändern, dass er nach Problemen fragt. Manchmal berührt es den Code , wenn Sie das nicht möchten. Das ist also deine Grundlinie. Sie klicken auf Fragen, ich werde Ihren Code nicht berühren. Es wird nichts ändern. Plan und Debug sind spezifisch für Cursor, aber auch andere IDs werden mit diesen ausgegeben, und sie sind ziemlich einfach Wenn Sie versuchen, eine umfangreiche erweiterte Funktion zu planen , möchten Sie vielleicht die Planungsaufforderung verwenden Ich helfe dir dabei. Wenn du hier versuchst, einen bestimmten Bug zu debuggen, kannst du auf diesen Debug klicken und es wird in dieser Hinsicht intelligenter sein Und die nächste Seite, was wir hier haben, sind unsere Modelle. Das sind also die Modelle, die ich derzeit auf meinem installiert habe. Es gibt mehr Modelle. Und wenn Sie auf diese Schaltfläche klicken , werden alle aufgelistet. Sie können jeden hinzufügen, den Sie möchten. Und dann gibt es noch einen Max-Modus , der es ermöglicht, das Kontextfenster für wirklich große Projekte zu vergrößern. Es kostet mehr, wenn Sie das tun. Der Komponist ist also derjenige , den Cursor erstellt hat. Sie können sehen, dass es genau hier steht, das erste agentische Codierungsmodell von Cursor erste agentische Codierungsmodell Dieser ist also der günstigste für Cursor, da er den eigenen Code von Cursor verwendet Dann haben wir Opus genau hier. Das ist das AnthropicTing-Modell. Es ist wirklich, wirklich gut, ein bisschen teuer, aber wirklich Sone ist auch ein wirklich gutes AnthropicO-Denkmodell. Wir haben hier die GPT-Serie, also GBT 5.1, GBT 5.2. Wir haben Gemini Dies ist derzeit das neueste Modell von Google. Und dann haben wir noch ein paar andere wie diesen Mini. Wir haben einen Grock. Und wenn Sie hier auf Hinzufügen klicken, können Sie auf Alle Modelle anzeigen klicken, und es gibt all diese Modelle die Sie versuchen können, zu implementieren und zu verwenden Für diesen speziellen Kurs bleibe ich bei unserem anthropischen, wahrscheinlich Sonett 45. Für den Großteil werde ich vielleicht ein bisschen Komponist verwenden, aber die Modelle werden sich Zeit ändern. Einigen wird es besser gehen. Du wirst dich, du weißt schon , mit ein paar anfreunden, mit anderen nicht. Deshalb müssen wir sicherstellen, dass wir sie bestmöglich nutzen. Dafür gibt es auch noch einen anderen Bereich, und der ist brandneu, also möchte ich ihn vermitteln. Du siehst dieses kleine Denken, diese kleinen Gehirne neben dem, das ist Denken. Denken bedeutet also im Grunde, die Frage wirklich zu analysieren, bevor sie beantwortet wird. Das ist wiederum etwas kostspieliger, bietet aber in der Regel bessere Situationen und bessere Antworten. Ich werde diese beiden Modelle jedoch gleich hier einschalten , ohne darüber nachzudenken. Dadurch kann ich wählen, ob ich möchte, dass es etwas tiefer geht oder ob ich nicht möchte, dass es etwas tiefer geht. Wir können dann sehen, dass sie hier hinzugefügt wurden. Wir haben Opus 45 und jetzt denken 45 und Sonnet 45 und Sonnet 45 Das sind also die Grundlagen unseres IDE-Tarifs hier. Wir haben es installiert. Wir haben es uns angesehen. Wir haben ein paar Agenten hier. Wir können ihm Fragen stellen und wir können tatsächlich mit dem Programmieren beginnen. Lassen Sie uns also weitermachen und damit beginnen. 4. Schnellere Funktionen entwickeln: Wir. Lassen Sie uns also über die Feature-Entwicklung sprechen. Funktionen sind die unverzichtbare Methode, um einer Anwendung oder einem bestimmten Produkt neue Dinge hinzuzufügen . Aus diesem Grund möchten wir diese Funktionen oft schnell, sauber und effizient implementieren . Nun, ein wirklich einfacher Weg, dies zu tun , sind die meisten dieser Funktionen, sie sind als Karte oder als Ticket erhältlich. Also hat jemand anderes diese Funktion bereits verfeinert. Wenn es sich um etwas in einem persönlichen Projekt handelt und du keine Karten hast, Projekt handelt und du keine Karten hast, kannst du immer einfach mit der KI chatten, um eine Karte zu erstellen oder sie erweitern zu lassen, weißt du, ihr Fragen stellen usw. usw., sodass du eine wirklich gute Beschreibung bekommst Aber wenn du ein Feature hast, finde es. Ich habe das zum Beispiel von Jira kopiert. Es ist ein großer Funktionsumfang zum Hinzufügen von Hell- und Dunkelmodus. Wir erstellen also im Wesentlichen vom Benutzer umschaltbare Hell- und Dunkelfunktionen Wir haben die Akzeptanzkriterien so eingerichtet , dass wir sie manuell umschalten können Es beginnt standardmäßig Bewertungssternen usw. Das ist also eine wirklich gute Karte, und wir können sie kopieren und einfügen und im Grunde auf Enter klicken, und es wird wahrscheinlich sehr gut funktionieren Aber um sicherzugehen, dass wir Qualitätscode erstellen, wollen wir, wann immer wir so etwas tun, am Ende sagen, bevor wir irgendeinen Code anfassen, dass Sie mir sagen, ob Sie planen, dies oder etwas Ähnliches zu implementieren. Wenn Sie das jetzt tatsächlich einsenden, wird es Ihnen dann seinen Plan für die Ausführung dieses Codes geben . Es wird also weitermachen und die Codebasis sehr schnell analysieren und verstehen, wie sie funktioniert Und dann gibt es uns die Schritte, die es unternehmen wird, um dieses Ziel zu erreichen Und hier kann Ihr Fachwissen als Programmierer oder jemand, der sich auf dem Gebiet auskennt oder jemand, der sich auf dem Gebiet auskennt , ins Spiel kommen, denn es wird uns sagen, wie es ausgeführt wird Wenn wir uns das hier ansehen, können wir sehen, dass es uns hier oben eine nette Zusammenfassung gibt Es heißt also im Grunde, okay, was wir bereits haben, ist Rückenwind mit Unterstützung für den Dunkelmodus, CSS-Variablen, Systemeinstellungen und Dunkelmodus-Klassen Diese sind also bereits in unserer Codebasis. Was uns fehlt, ist manuelles Theming, Benutzereinstellungen, ein Drei-State-System und ein Skript, um das Flashen unformatierter Inhalte zu verhindern Was es also im Grunde wird, ist, dass es das tun wird Es wird eine Theme-Infrastruktur erstellen, Hilfsprogramme zum Speichern von Themes erstellen, Themes mit einem Schrägstrich versehen, Funktionen hinzufügen, Support , Einstellungen speichern und das effektive Theme zurückgeben , den Kontext erstellen und dann ein Präventionsskript im Header erstellen, das vorher ausgeführt wird, damit es nicht beim Laden von weiß nach dunkel blinkt beim Laden von weiß nach dunkel Ähm und dann die Komponente zum Umschalten des Themes. Es wird ein Licht- oder Dunkelsystem mit drei Tasten oder ein Zyklus sein, der sich durch alle drei dreht B. Und hier können wir tatsächlich ein bisschen anfangen, unsere Kommentare abzugeben Also sage ich zu 2.1, dass ich möchte, dass es nur ein Drop-down-Menü mit diesen drei Optionen gibt. Also wir definieren, was es machen soll, es ging eigentlich darum , vielleicht einfach einen Zyklus zu haben, in dem man einfach immer wieder darauf klicken kann, und das ist keine wirklich gute Benutzeroberfläche, zumindest etwas, auf das ich nicht gestoßen bin. Also möchte ich sicherstellen, dass ich es definiere. Visueller aktiver Status für die aktuelle Auswahl, zugängliche Registerkarte „Bereich“, ja, Position in der oberen rechten Ecke. Wenn wir es am Ende oben links oder in einem Einstellungs-Tab platzieren würden, würden wir das hier korrigieren. Wir können einfach weitermachen und nur der Argumentation halber auch Position oben links sagen. 200 Millisekunden, wenn die Umschalttaste sowohl im Hellen als auch im Dunkeln funktioniert, klares visuelles Feedback auf Also nochmal, nur aus diesem Grund möchte ich sagen, dass wir es unter 100 Millisekunden für das Umschalten machen Also wird es darauf ankommen, wie es das machen wird. Es wird das Root-Element aktualisieren und einen Theme-Anbieter erstellen. Das alles scheint ziemlich normal zu sein. Platzieren Sie das Theme Toddle in der Kopfzeile, stellen Sie sicher, dass es sichtbar ist, und dann durchläuft es eine Checkliste zur Überprüfung Anstatt die KI das jetzt einfach machen zu lassen, haben wir ihr die Karte gegeben , die wir implementieren wollen, und wir haben einige Hinweise dazu gegeben , wie sie das umsetzen wird Und jetzt können wir weitermachen und auf die Schaltfläche Ausführen klicken . Und es wird diese Aufgabe jetzt für uns erledigen. wir ihm nun das gesamte Feedback gegeben haben , das es benötigt, wird es mit der Erstellung beginnen. Auf diese Weise sind wir unserem Endziel von der ersten Aufforderung an viel näher, unserem Endziel von als wenn wir es einfach laufen lassen würden, und dann mussten wir ihm Dinge geben wenn wir es einfach laufen lassen würden, und dann mussten wir ihm Dinge geben, denn wenn es nicht erstellt wurde, ist es oft sehr gut darin, diese neuen Dinge zu generieren und Dinge zu integrieren. Wenn Sie wirklich weit in die falsche Richtung gehen und dann sagen, dass es komplett umgestalten und rückwärts gehen soll , könnten Sie viel mehr Zeit damit verbringen, genau wie bei der normalen Programmierung, als wenn Sie sich hier nur ein paar Sekunden Zeit genommen hätten . Im Laufe wird es diese Seite immer wieder neu laden, also komme ich zurück, wenn es Jetzt hat es den Code implementiert, und wir können ihn hier sehen Es hat dieses Thema, bei dem wir in den Hellmodus, den Dunkelmodus und das System wechseln können . Und Sie werden feststellen, dass sich nichts geändert hat. Jetzt müssen wir also tatsächlich reingehen und etwas debuggen. Wir können also bei dieser Art von Anweisungen sehr einfach sein. Wir können sagen, dass das Dropdown funktioniert, aber keine der Farben ändert sich, wenn Sie vom System- in den Hell- oder Dunkelmodus wechseln Jetzt wird es weiterrollen und dort durchfahren, und es heißt, dass sie das Problem sehen werden Es wurde nicht richtig konfiguriert. Es ist sehr wichtig, dass dieser Prozess, wie gesagt, eine Zusammenarbeit sein wird. Oft müssen Sie Ihre Arbeit, die daraus entsteht, testen, weil es so aussah, als ob sie funktioniert hat. Wir hätten das einfach weitergeben können. Aber wenn wir nicht wirklich testen gehen, um zu sehen, ob es das getan hat, was es versprochen hat, werden diese Dinge oft durch das Raster rutschen. Jetzt wird es also weitermachen und die Theme-Verpackung tatsächlich aktualisieren. Warten Sie, bis alles neu konfiguriert ist, und dann geht es los. Jetzt ist der Lichtmodus in Betrieb und er funktioniert in der Cursor-Umgebung Das ist also auch gut zu wissen Jetzt können wir also sehen, ob wir aus der Dunkelheit wechseln. Unser System ist dunkel oder wieder hell. Es wechselt zwischen ihnen. Jetzt haben wir also ein Feature erstellt. Es sieht gut aus. Unser letzter Schritt ist jedoch, dass wir diesen Code überprüfen müssen. Also sollten wir es manuell machen. Wir können dies entweder durch einen Code-Review-Prozess tun. Wir können es mit KI machen, oder wir können es einfach komplett und vollständig manuell machen. Ich denke, dass es wichtig ist, alle drei Dinge zu tun. Als Programmierer sollten wir also auf diesen Test-Tab klicken Und es zeigt uns jetzt alle Änderungen , die es vorgenommen hat Hier gibt es eine Menge, aber genau das ist die Codeansicht. So können wir das jetzt durchgehen und einfach schnell nachschauen und sicherstellen, dass es so erstellt wurde , wie wir es uns gewünscht haben, und dass es keine Abkürzungen benötigt, weil manchmal Verknüpfungen erstellt werden und dass es keine Abkürzungen . Eine Sache, die mir dabei aufgefallen ist, ist, dass beim Theming, wenn wir zu dem Punkt kommen, an dem es tatsächlich einen Großteil seines Themes erstellt hat , genau hier, dass es die Dauer als Themenelement auf 75 gesetzt hat, über jeder einzelnen Instanz, in der eine Dauer benötigt wurde, als jeder einzelnen Instanz, in der Themenelement. Für mich ist das schlechter Code, denn was wäre, wenn wir diese Dauer auf 100 oder 50 oder so etwas ändern wollten diese Dauer auf 100 oder 50 oder Wie machen wir es so , dass es das nicht tut? Und daran werden wir in der nächsten Vorlesung arbeiten : Wie hilft uns KI tatsächlich dabei, unseren Code umzugestalten Später werden wir uns eingehender dem Review-Prozess befassen Aber jetzt müssen wir herausfinden, dass wir das erstellt haben, aber wir müssen es umgestalten. Wenn wir sagen, wir sind gut, wir mögen es, alles funktioniert, aber wir wollten etwas anderes im Code machen , was machen wir dann für diesen Refactoring-Prozess Und genau das werden wir als Nächstes tun. 5. Code schnell umstrukturieren: Lassen Sie uns also über das Refactoring von Code sprechen. Hier bleibt also etwas, das mir beim letzten Mal aufgefallen ist, nämlich, dass es diese Themen so zu gestalten scheint, dass, wenn wir in den Dunkel- oder Hellmodus wechseln wollten , Dauer in 12 20, 100 Dateien geändert werden müsste , wenn dieses Projekt wächst Also wollen wir weitermachen und das abmildern. Um das zu tun, werde ich zunächst einen neuen Chat erstellen Der Grund, warum ich einen neuen Chat erstellen möchte, ist, dass eine Menge überflüssiger Zusammenhänge enthält dazu führen werden, dass er auf einige unserer früheren Entscheidungen zurückgeht Wir wollen neu anfangen. Es ist ein neues Ziel, also wollen wir mit diesem neuen Ziel neu beginnen. Es ist ein neues Ziel, also wollen wir mit diesem neuen Ziel neu beginnen. Wenn wir also zu diesem neuen Chat kommen, wollen wir ihm zunächst eine Frage stellen. Vielleicht wissen wir mit Sicherheit, dass das ein Anti-Pattern ist, aber wir können es fragen. Wir können sagen, mir ist aufgefallen, dass wir im Dunkellichtmodus die Dauer 75 für eine Reihe verschiedener Elemente festgelegt haben. Ist das ein Anti-Muster? Können wir es reparieren? Also nochmal, wir kommunizieren mit KI. Wir sind uns nicht hundertprozentig sicher. Wir finden nur, dass es ziemlich falsch aussieht , und wir würden es wahrscheinlich ändern wollen. Aber wir können es auch fragen, warum es das getan hat. Wenn wir also weitermachen und es danach fragen, wird es weitermachen und es wird es durchdenken, und es wird all diese Anwendungsfälle darin finden und dann wird es das Problem sehen. Und dann wird es uns seine Antwort darauf geben. Also heißt es: Das bedeutet „Toller Fang“. Ja, das ist ein Anti-Pattern. Schau dir dein globales CSS an. Sie haben bereits eine globale Übergangsregel. Das bedeutet, dass Sie die Dauer 75 redundant hinzugefügt haben. Sie wurden redundant hinzugefügt. Nun ja, KI hat es geschafft, aber bis zum Übergang Farbübergang alles zu einzelnen IMS schon AppledGlobly Dadurch wird Ihr Code robotischer und es ist schwieriger, ihn zu verwalten. Lassen Sie uns die redundanten Übergangsklassen aus Ihrem Code entfernen aus Ihrem Code Also macht es weiter und macht das Refactoring für uns, indem es diesen Code entfernt, und dann können wir ihn hier in einer Sekunde testen Das bringt also einen sehr wichtigen Punkt mit sich. Woher wissen wir, ob es sich bei dem generierten Code um Code von höchster Qualität handelt? Wie verhindern wir, dass Code von schlechter Qualität erzeugt wird? Nun, der erste Schritt ist unser Fachwissen. Ich war derjenige, der das mitbekommen hat, nicht KI. So können wir den Code wie jeden anderen Code-Review-Prozess durchlesen . Wir müssen ihn durchlesen und sicherstellen, dass er auf eine Weise codiert wird , die guten Qualitätsstandards entspricht Wenn beispielsweise einer Ihrer Kollegen Code erstellt und sie einen Code-Review erstellen, müssen wir dasselbe mit KI tun. Wir können ihr nicht einfach blind vertrauen , denn es gibt 1 Million verschiedene Möglichkeiten, Dinge zu tun, und sie muss der Art folgen , wie wir die Dinge tun wollen und die zu unserem Projekt, unserem Unternehmen, unseren Richtlinien usw. passt unserem Unternehmen, unseren Richtlinien usw. Der erste Schritt sind also wir. Der zweite Schritt ist wenn wir so etwas tun, können wir sagen: Können Sie den Code nach anderen potenziellen Anti-Pattern scannen und sie auflisten? Wir können hier einige Plausibilitätsprüfungen durchführen. Wir können es sagen. Hey, ich möchte, dass du den Code scannst und ganz schnell nachschaust , ob es noch andere Anti-Pattern in der Codebasis gibt andere Anti-Pattern in , bei deren Behebung wir helfen können Wir können ihn also nach bestimmten Problemen oder potenziellen Problemen fragen und schauen, wie er uns eine Liste gibt, und dann können wir entscheiden, welche unserer Meinung nach Anti-Pattern sein könnten. Beim Durchlaufen wird es also nach all den Anti-Mustern suchen , die es finden kann. Wir können es auch anweisen, nach Tippfehlern oder potenziellen Bugs oder ähnlichem zu suchen , und es wird sich ein paar gute Dinge einfallen lassen. Und das Lustige ist, dass es bereits viele Probleme mit seinem eigenen Code gefunden hat. Das erste ist das Endlosschleifenrisiko. Wenn der Benutzer alle verfügbaren Katzen vom ABI bewertet hat , entsteht eine Endlosschleife. Fügen Sie ein Limit für maximale Wiederholungsversuche hinzu oder zeigen Sie eine Nachricht an, dass Sie alle CAT-Nachrichten bewertet haben Das ist eine sehr, ich weiß nicht, wie viele von der KI-API stammen, aber es könnten 100 Millionen sein Also vielleicht ist das kein großes Problem, aber es ist wahrscheinlich gut, es zu beheben. Speicherleck. Das ist ein guter. Vor Ablauf des Timeouts wurde die Installation aufgehoben. Ich werde versuchen, das unmountete zu aktualisieren, den Timeout und die Bereinigungsfunktion zu löschen, Array-Mutation, Problem, das das Original irgendwie Es funktioniert zwar hier, aber es ist eine schlechte Praxis. Es könnte Bugs verursachen. Das ist ein guter Aufruf, unsichere Typzusicherung, doppelte Themenlogik, keine JSON-Validierung usw. Also das alles nur, um dir das zu zeigen 6. Keine stundenlangen Debugging mehr: Debugging ist ein weiterer Kernbereich, in dem wir KI einsetzen können , um Probleme zu beheben, zu mildern und zu beschleunigen Wenn wir das bemerken, scheint es auf dieser Website keine Fehler zu geben auf dieser Website keine Fehler Wir haben es ziemlich viel getestet und es sieht ziemlich gut aus. Wenn wir jedoch zum Browser kommen, passiert etwas Interessantes. Wenn wir hier auf den Verlauf klicken, wir all diese ungültigen Daten, Objekte, einige Katzen, die wir noch nicht bewertet haben, und all diese toten Links. Also, was ist passiert? Nun, ich weiß bereits, was passiert ist, aber ich werde aus der Perspektive kommen, nicht zu wissen, was und wir werden sehen, ob KI uns helfen kann, diesen seltsamen Fehler zu lösen. Was ich also tun kann, ist das Problem wirklich gut zu definieren. Ich kann also sagen, dass es im lokalen Cursor-Browser keine Probleme zu geben scheint. Wenn ich jedoch in meinem Chrome-Browser im Bereich Verlauf eine Sitzung starte, scheint es, als ob es Katzen gibt, die ich nicht bewertet habe, und sie haben alle defekte Bildlinks. Wir haben dieses Problem also anständig definiert. Wir müssen sicherstellen, dass wir alle zusätzlichen Details angeben, die wir können. Ein solches Detail , das ich angeben könnte, ist ich dieses Projekt schon einmal gemacht habe, aber es ist ein brandneues Projekt. Geben Sie ihm diese Information . Ich bin mir nicht sicher, ob es sich um ein Cache-Problem handelt oder ob dadurch etwas falsch gemacht wird. Also haben wir ihm einen ordentlichen Betrag gegeben. Jetzt können wir auf die Enter-Taste klicken und sehen, was es durchdenkt. Es schaut also durch und macht diese ganze Denkphase, und macht diese ganze Denkphase wie es immer der Fall ist. Aber es heißt, ich kann dir bei der Diagnose helfen. Klingt so, als ob Sie bei früheren Projekten möglicherweise auf lokale Speicherpersistenz Das klingt ziemlich genau. Ich gehe zum Beispiel davon aus, dass die KI immer denselben lokalen Speicher erstellt. Lassen Sie mich die Speicherimplementierung analysieren. Perfect hat das Problem gefunden. Ihr neues Projekt liest lokalen Speicher von früheren Cat-Bewertern Da beide Produkte denselben Speicherschlüssel und dieselben Cat-Ratings verwenden und dieselbe Domain ausführen, wahrscheinlich 3.000, wird es funktionieren Also wird es weitermachen und den Speicherschlüssel für mich auf V zwei aktualisieren . Und jetzt können wir weitermachen und das erneut ausführen. Wenn wir also in unserem Browser nachschauen, aktualisieren Sie ihn. Wir haben hier einen leeren Cache, und jetzt können wir das überprüfen, und das hat uns geholfen, unseren Fehler zu beheben. Das ist also ein wirklich einfach zu behebender Fehler, aber er könnte komplex sein, wenn wir diese beiden Informationen nicht zusammenfügen würden. Wenn wir nun zu anderen Fehlern kommen, können viele von ihnen behoben werden, indem wir sie einfach kopieren und einfügen und sie bitten, den Fehler zu beheben Aber manchmal kann es ohne sie zu Problemen kommen. Es kann mehr Probleme verursachen als lösen. Um das zu beheben, müssen wir sicherstellen, dass wir es immer bitten, sich selbst auszunutzen, bevor es einen Fehler behebt Wenn wir also nach dem Zufallsprinzip in unseren Code gehen, können wir in unsere CAT-API gehen, das löschen, speichern Das wird nicht mehr funktionieren. Und dann kann ich hier rübergehen und sagen wir, Variablendiskrepanz erzeugen. Es wird viele Probleme geben, und jetzt kann ich sagen, also starten wir hier einen neuen Tab und wir sagen, ich habe einige Probleme Siehst du, aktualisiere das. Es wird nicht funktionieren. Wenn ich die Meldung erhalte, dass Cat nicht geladen werden konnte , versuchen Sie es bitte erneut. Bitte beschreiben Sie Ihre Schritte zum Debuggen, bevor Sie fortfahren Wir können es also erneut bitten, sich selbst zu beschreiben, und wir haben nur die Grundlagen dessen, was passiert Es ist ein Fehler aufgetreten, und es wird sagen, beschreiben Sie Ihre Schritte zum Debuggen und es wird uns darüber informieren. Mein Debugging-Plan. Es wird die Fehlermeldung finden, herausfinden, wo das fehlgeschlagene Laden im Code angezeigt wird , und es verstehen Es wird also mit der Fehlermeldung beginnen und zurückarbeiten. Das mache ich auch. Wenn es das bis zum Frontend schafft, ist das ein Ort, an dem ich anfangen kann, und ich kann anfangen, mich damit zu beschäftigen Es wird die API-Ebene untersuchen, um zu sehen, welche Endpunkte verwendet werden Es wird die Komponente, die Daten oder die Komponente selbst überprüfen und nach häufigen API-Problemen Untersuchen Sie die Browserkonsole und testen Sie dann den API-Endpunkt, um festzustellen, ob er am anderen Ende funktioniert Das sind alles großartige Schritte zur Fehlerbehebung. Nachdem es das getan hat, hat es das Problem selbst gefunden. Es heißt, nach der Untersuchung habe ich den Code identifiziert, der Fehler ist da. In der ERL fehlt das T am Anfang, also wurde es gefunden Jetzt können wir also weitermachen und versuchen, diese Seite zu aktualisieren. Und es ist immer noch ein Problem. Also gehe ich zu Nun, okay, ich habe den Code nicht wirklich geändert. Bitte aktualisieren Sie den Code, um das Problem zu beheben. Jetzt geben wir ihm die Erlaubnis , den Code tatsächlich zu aktualisieren. Macht weiter und behebt es, aktualisiert es. Jetzt sieht es gut aus. Jetzt gehen wir zur Geschichte über. Wir haben hier einige Probleme. Store ist nicht definiert. Also nochmal, ich gehe einfach runter. Das ist das andere Ding, das ich gemacht habe. Ich kann das einfach kopieren und einfügen und sagen, dass dieser Fehler beim Laden der Hauptseite angezeigt wird. Es wird seinen Prozess durchlaufen und wahrscheinlich feststellen, dass es mit einem E ganz am Ende gespeichert werden sollte. Ja, da ist ein Tippfehler, behebt den Tippfehler und jetzt geht es darum, diese Fehler zu beheben Einige Bugs werden, wie gesagt, komplexer sein. Und um diese wirklich komplexen Fehler zu beheben, haben viele von ihnen jetzt diese Debug-Funktion Was Debug bewirkt, ist, dass, wenn es das Problem nicht auf Anhieb finden kann, wie bei diesen einfachen Fixes, wie bei diesen einfachen Fixes, es automatisch Logs hinzufügt Und anhand dieser Protokolle kann es lesen, was der Code bei der Ausführung macht Und anhand dieser Daten wird es dann auch in der Lage sein, viel komplexere Probleme zu debuggen Das ist also etwas bei dem Sie eine wirklich große Codebasis mit vielen Problemen oder einem wirklich tiefgreifenden Problem Sie können diese Debug-Funktion verwenden, und darin wird sie wirklich gut sein Aber im Großen und Ganzen lässt sich aus dieser Vorlesung schließen , dass KI beim Debuggen wirklich, wirklich hilfreich sein kann Debuggen wirklich, wirklich hilfreich Es kann Ihnen nicht nur erklären, welche Schritte es unternehmen wird, sondern Ihnen auch einen Einblick in Schritte geben , die Sie vielleicht ergreifen sollten Es wird helfen, einige wirklich grundlegende Fehler fast sofort und bis zu Zwischenfehlern sofort zu beheben sofort und bis . Und es gibt Möglichkeiten, noch weiter zu gehen und einen Großteil dieser banalen Bugfixes von selbst durchzuführen banalen Bugfixes , sodass wir diese Fehler schneller finden und viel schneller beheben können 7. Mit KI reparieren Sie KI: Wie können wir KI einsetzen, um uns beim Überprüfungsprozess zu helfen? Nun, es gibt viele verschiedene Möglichkeiten , wie wir das tun können. Die erste Möglichkeit besteht darin, manuell eine Frage zu stellen. Wenn wir also unseren Code durchsehen und etwas finden, das ein wenig skizzenhaft aussieht, können wir das tun, was wir in der letzten Lektion getan haben , und uns fragen, ob das ein Anti-Muster ist? Würdest du das ändern? Und wir müssen die Schiedsrichter dieser Entscheidungen sein , denn am Ende des Tages KI oft dazu, positiv zu sein und bei jeder Anfrage etwas Das heißt, wenn du sagst: Hey, das ist ein Anti-Muster, repariere es, dann wird es verschwinden, ja, das ist ein Anti-Muster, und es wird es ändern, auch wenn es in die falsche Richtung geht Was wir also tun müssen, ist diese ständige Zusammenarbeit, bei der wir ihr Fragen stellen und schauen, ob sie uns gute Antworten geben können Es gibt auch solche Tools. Ich habe eine Schaltfläche zum schnellen Überspringen implementiert, und Sie können sehen, dass ich hier auf die Schaltfläche „Überprüfen“ geklickt habe hier auf die Schaltfläche „Überprüfen“ geklickt Es bringt mich zu diesem Tab, und hier oben gibt es eine Schaltfläche mit der Aufschrift: Überprüfe diesen Code auf Probleme Es werden einige Änderungen vorgenommen. Sie können sein, dass es viele Änderungen oder diese einzelne Datei geben wird, und es wird uns eine ganze Reihe von Kommentaren dazu geben, was sie an dieser Codeänderung für gut oder schlecht hält. Nun, das Interessante daran ist, dass ich es gebeten habe, eine sehr einfache Sache zu tun, nämlich im Grunde genommen eine Schaltfläche zum Überspringen hinzuzufügen und die Höhe der Hauptseite nur ein wenig zu ändern . Wenn es also etwa 13 Dinge gibt, die daran falsch sind, dann wissen Sie, dass wir die Schiedsrichter sein müssen, wie ich schon sagte, und entscheiden müssen, welche davon darin enthalten sind Also, dieser hier hat gut funktioniert. Es hieß, ich habe keine Probleme mit dieser Codeänderung gefunden. Und das ist positiv, weil wir möchten, dass es manchmal keine Probleme gibt. Bei diesem Code heißt es also, dass es sich um einen guten Code handelt, und er ist bereit, ihn zu übernehmen. Manchmal kommt es zu solchen Dingen , bei denen es um die verschiedenen Ebenen von Problemen geht, die mit dem Code zusammenhängen könnten , und wir müssen uns nur jedes einzelne ansehen und dann schauen, ob wir das beheben wollen, ob wir das ansprechen wollen, ob wir das ansprechen wollen, ob wir das kommentieren wollen. Wenn wir zu PR-Reviews auf github.com gehen, sind sie tatsächlich auch in eine KI integriert , und Sie können ihr auch Fragen zum Code-Review stellen. Insgesamt müssen wir also nur wissen, dass KI uns beim Code-Review-Prozess helfen kann Es kann uns also helfen, den Code zu schreiben. Aber dann müssen wir es selbst manuell überprüfen. Wir müssen ihm während dieses Prozesses hier Fragen stellen und es analysieren lassen. Und wenn wir dann zur eigentlichen PR-Überprüfung kommen, müssen wir dafür sorgen, dass andere Leute es sich manuell ansehen und KI verwenden, um es uns anzusehen. Und das wird wirklich hochwertigen Code erzeugen , dessen Erstellung früher sehr, sehr anstrengend und zeitaufwändig war Mit Hilfe von KI können wir quasi etwas erschaffen. 8. Schnelles Verständnis komplexer Codebasen: Wenn Sie in diesem Kurs nichts anderes lernen, lernen Sie dies in diesem Kurs, und zwar, dass KI uns helfen kann, komplexen Code zu verstehen Wir müssen nicht mehr in ein Repository mit 100.000 verschiedenen Codezeilen gehen ein Repository mit 100.000 verschiedenen Codezeilen auf 1.000 verschiedene Dateien verteilt sind, und versuchen, einen komplexen Ablauf zu verstehen einen komplexen Ablauf eine bestimmte Variable ihren Weg findet. KI ist wirklich, wirklich gut darin und sie ist so gut wie zu 100% genau. Wir können also in jedes beliebige Repository gehen und ihm eine komplexe Frage stellen und es diese komplexe Frage für uns analysieren lassen. Zum Beispiel weiß ich hier nicht wirklich, wie der Speicher funktioniert. Ich weiß nur, dass es lokalen Speicher verwendet. Also kann ich sagen, sagen Sie mir, kommen besorgt, wie der Speicher darauf funktioniert, geben Sie mir die Vor- und Nachteile Wenn wir ihm nur diese wirklich einfache Aufforderung geben, können wir einen wirklich guten Bericht darüber erhalten wie der Speicher in diesem gesamten System kaputt ist Variablen eignen sich auch hervorragend dafür. Sie können eine Variable kopieren und dort einfügen und sagen, in diesem Dokument, ich habe diese Variable, geben Sie mir einen Überblick, Sie wissen schon, sagen Sie mir, wie diese Variable im gesamten Code verwendet wird und wie sie sich auf verschiedene Teile des Codes auswirkt. Was wir hier haben, ist, dass es uns genau sagt, wie es gespeichert wird. Das Speichersystem ist da, es bietet eine einfache clientseitige Persistenzschicht Die Kernoperationen, die Sie speichern können, können abgerufen werden, wurden bewertet und sind eindeutig bewertet. Das sind die vier Operationen, mit denen es einhergeht. Die Datenstruktur ist wie folgt, und dann hat es hier Vorteile. Es hat keine Infrastruktur, ist schnell, schnell implementiert, SSR-sicher, kann Fehler beheben und ist gut zum Lernen Das hat Nachteile: Es ist nicht skalierbar, weil es ein Limit gibt, keine Datenpersistenz auf dem gesamten Gerät, keine Benutzerkonten, keine Datenpersistenz auf dem gesamten Gerät, keine Benutzerkonten, Leistungsprobleme aufgrund von Scale-Race-Bedingungen sind möglich, keine Analysen, keine Duplikatprüfung, Browserkompatibilität, Datenverlust, Sicherheit und Datenschutz Daraus ergibt sich dieser Ansatz, bei dem er uns sagt, dass er für MVPs, Prototypen und Einzelbenutzeranwendungen gut ist Aber wenn wir versuchen, das tatsächlich einzusetzen, ist das eine schlechte Sache Und wir haben nur einige Vorschläge, um es zu verbessern. Also insgesamt, anstatt dass wir den Code durchlesen und eine ganze Menge googeln müssen , was bedeutet das? Was macht diese Bibliothek? Wir können ihr Fragen stellen und sie verschiedene Teile unseres Codes für uns definieren lassen, und zwar auf eine Art Weise, die wirklich, wirklich zugänglich ist Wir können das auch verfeinern lassen. Und sagen wir, definieren wir das so, dass die Stakeholder es verstehen. Das nimmt es in Anspruch, und es wird es nur ein bisschen verdummen, was bedeutet, dass einige der technischen Details entfernt werden , sodass eine Person, die nicht sehr technisch ist, es ein bisschen verstehen kann Im Klartext heißt es also, dass die App die Katzen-Bewertungen der Nutzer direkt in ihrem Webbrowser speichert, ähnlich wie Websites sich an Ihre Login-Einstellungen oder Artikel im Einkaufswagen erinnern Ihre Login-Einstellungen oder Artikel im Einkaufswagen Stellen Sie sich das wie ein Notizbuch vor, das sich im Browser des Benutzers befindet. Wenn sie eine Katze schreiben, schreiben wir sie in ihr persönliches Notizbuch. Es sind keine Server, Datenbanken oder Cloud-Speicher beteiligt. Im Grunde können wir es dann in wirklich kleine Laienbegriffe zerlegen , die wir entweder verwenden können, um es anderen Leuten zu beschreiben, oder manchmal brauchen wir sogar als Techniker eine nichttechnische Beschreibung, damit wir diese Informationen tatsächlich verarbeiten können Die Verwendung von KI, um zu definieren und Ihnen zu vermitteln, wie Projekte funktionieren, kann also und Ihnen zu vermitteln, wie Projekte funktionieren, kann wirklich hilfreich sein, wenn junge oder fortgeschrittene Entwickler oder sogar erfahrene Entwickler in ein neues Projekt einsteigen 9. Passen Sie Ihre KI an Ihre Regeln an: Die letzte Sache, die ich in der Cursor-IDE und jeder anderen KI-IDE behandeln möchte , ist , dass es immer einen Ort gibt, an dem Sie Ihre eigenen Regeln eingeben können. Wenn wir also in unsere Einstellungen gehen und dann zu unseren Cursoreinstellungen gehen, können wir tatsächlich zu Regeln und Befehlen übergehen. Damit habe ich hier tatsächlich einen Regelsatz erstellt, eine Benutzerregel, in der eine Speicherbank erstellt wird , die dem Benutzer hilft zu verstehen, was er in der Vergangenheit getan hat. Im Wesentlichen erstellt es einfach eine Markdown-Datei, der einige der erstellten Aufgaben nachverfolgt Aber wir können hier viele verschiedene Bereiche nutzen. Wir haben Projektbefehle, wir haben Projektregeln und wir haben allgemeine Benutzerregeln , die in jedem einzelnen verwendet werden. Für dieses spezielle Projekt können wir also eine benutzerdefinierte Regel oder eine Remoteregel erstellen. Und Sie können ihm einen Namen geben, wir könnten zum Beispiel sagen, dass es bei diesem um ein Farbschema gehen wird. Und wir können dazu sagen, dass die Regel für das gesamte Projekt gilt, wann immer eine Farbe benötigt wird Beziehen Sie sich auf diese Farbkarte. Und du kannst ihm einfach Farben geben. Wie X-Farbe, Y-Farbe, Z-Farbe. Dies wird tun, bevor es jede einzelne Aufforderung ausführt, wird es sicherstellen, dass dies im Kontext ist. Das ist wichtig, weil es jetzt nie mehr erraten kann, was Farben sind. Sie geben ihm sein Farbschema, und wenn Sie eine neue Komponente, einen neuen Bereich oder eine komplett neue Seite erstellen , wird es so aussehen wie, nun, es hat mir gesagt , dass wir uns dieses Farbschema ansehen müssen. Dies ist ein sehr, sehr einfaches Beispiel, aber ein komplexeres Beispiel könnte die Art und Weise sein, wie Sie Hooks in Ihrem Projekt verwenden, die Art und Weise, wie Sie Kontexte in Ihrem Projekt verwenden. gleich, ob Sie Dinge speichern möchten oder Sie Kamelbuchstaben oder Kleinbuchstaben bevorzugen, IDs, UUIDs, zufällige Samen, all diese Dinge, die irgendwie unternehmensrichtlinienspezifisch oder auch nur persönlich sind , Sie können weitermachen und dem System diese Regeln von Anfang an mitteilen Und jedes Mal, wenn du nach einer Aufforderung fragst, werden diese Regeln in die Aufforderung aufgenommen, und das sorgt dafür, dass du KI nicht ständig in einem Kreis hinterherjagst, wo du einen Bereich reparierst, du sagst ihr, sie soll einen neuen Bereich erstellen, und sie vergisst all die Eingabeaufforderungen auf der linken Seite, die du ihr gerade gesagt hast. Regeln sind eine großartige Möglichkeit, einen kontinuierlichen Kontext aufrechtzuerhalten und sicherzustellen, dass einige dieser kleinen Inkonsistenzen darin wirklich beseitigt werden. Ein wichtiger Bereich dabei ist, dass es in der KI etwas gibt, das im Grunde Context Smashing oder Kontextzusammenfassung genannt wird . Das bedeutet, dass wir irgendwann unser Kontextfenster erreichen Sie können es hier unten irgendwie hervorheben und es sich ansehen. Wir haben 23.000 von 200.000 unseres Kontextfensters verwendet. Jetzt kontaktiert es Smash nicht mehr bei 200.000. Normalerweise wird es das schon vorher tun, vielleicht bei 100 bis 150.000 Das bedeutet, dass es den gesamten Kontext , den es bekommen hat, nimmt und eine Funktion ausführt, die hilft, alles in einem kleineren Kontextfenster zusammenzufassen Das spart dem Mauszeiger Geld und am Ende wird es Ihnen auch Geld sparen Manchmal kann es jedoch im Kontext dazu führen, dass einige Ihrer Regeln zunichte Dadurch werden sie auf eine Weise dargestellt, die nicht mehr wirklich zu dem passt, was Sie erreichen wollten Wenn Sie also jemals sehen, dass diese Art von Anstieg in den Bereich von 60, 70% steigt, ist es wahrscheinlich an der Zeit, einen neuen Chat zu starten. Setze das Kontextfenster auf Null zurück. Und starten Sie einen neuen Chat mit dem Kontext , der für das jeweilige Problem benötigt wird. Sorgen Sie nicht nur für eine durchgehend lange Kette , mit der Sie ständig Kontakt aufnehmen. Erstellen Sie immer wieder neue Chats mit neuen Zielen und konzentrieren Sie sich darauf, dann werden Sie in Zukunft nicht auf diese Probleme stoßen. Aber seien Sie sich bewusst, dass es eine Vielzahl von Regeln gibt , die Sie auf KI anwenden können, und das kann wirklich dazu beitragen, einige dieser Inkonsistenzen zu beseitigen einige dieser Inkonsistenzen 10. Sie sind dran: Projektbeschreibung: Wir sind also zum Projektteil dieses Kurses gekommen, und ich habe einen wirklich unterhaltsamen erstellt, in dem Sie einen kleinen Ranker für Katzen erstellen Ich möchte, dass du etwas Ähnliches tust. Lassen Sie sich eine wirklich einfache Idee einfallen, fangen Sie bei Null an und verwenden Sie AI IDE, um ein Produkt für Sie zu entwickeln. Stellen Sie Fragen, informieren Sie sich Ihre Anforderungen und Spezifikationen und bauen Sie zunächst wirklich etwas Starkes und Robustes aus . Stellen Sie sicher, dass Sie sich den Code ansehen und dass Sie ein Produkt erstellen , das nicht nur Spaß macht, sondern auch qualitativ hochwertigen Code enthält. Reichen Sie das Projekt ein, machen Sie einen Screenshot von dem, was Sie erstellt und beschreiben Sie kurz, was Sie erstellt haben, einige der Vorteile der Verwendung von KI und vielleicht einige der Nachteile, die Sie bei der Verwendung von KI erlebt haben Das soll wirklich Spaß machen, etwas, das man innerhalb von 30 Minuten bis zu einer Stunde machen kann und etwas, das man sich in diesen 30 Minuten bis einer Stunde ansehen und darüber lachen kann, dass man gerade dieses kleine Projekt erstellt hat Also vielen Dank an alle, und ich freue mich auf eure Projekte. 11. Fazit: Dieser Kurs ist eine kurze Einführung darüber, wie Sie KI einsetzen können, um Ihren Arbeitsablauf zu beschleunigen. Der Arbeitsablauf ist sehr einfach. Es ist die Tatsache, dass wir KI in jedem einzelnen Schritt des Workflows einsetzen wollen . Aber der Schlüssel, der wichtigste Teil ist, dass wir nicht wollen, dass sie einfach die ganze Arbeit erledigt, sie vorantreibt und mit unserem Leben weitermacht. Das wird zu Sicherheitsproblemen, später Bugs, falsch konfiguriertem Code und technischen Schulden führen, weil dadurch jedes Mal etwas entsteht , das etwas anders ist Es wird sich nicht an diese Regeln halten. Es wird nicht bestimmten Mustern folgen , denen wir wollen, dass es folgt. Also müssen wir manuell sicherstellen, dass es das tut, indem wir entweder die Regeln selbst erstellen, den Code überprüfen und ihm so viel Kontext wie möglich geben so viel Kontext wie , wenn wir mit ihm interagieren. Wenn wir das tun, können wir Projekte wie diese CAT-Website in wenigen Minuten erstellen . Stellen Sie sich einen ganzen Tag der Interaktion mit KI vor. Sie können das auf einen fast einsatzfähigen Zustand bringen , in dem früher ein Team von zwei oder drei Personen benötigt hat, vielleicht eine Woche, um sich vollständig zu entwickeln Hinter diesen Tools steckt also eine Menge Power. Wenn wir sie richtig verwenden, können wir unseren Arbeitsablauf beschleunigen und müssen unsere Qualität nicht reduzieren. Wir müssen nicht frustriert sein. Es kann die Entwicklung in den Händen eines erfahrenen und erfahrenen Entwicklers wirklich zu einem schnellen Prozess machen den Händen eines erfahrenen und erfahrenen Entwicklers wirklich zu einem Nutzen Sie also KI experimentieren Sie damit, gehen Sie besser auf Ihre Eingabeaufforderungen ein, geben Sie ihr so viel Kontext wie möglich und finden Sie heraus, was sie für Sie tun kann Experimentieren Sie weiter, lernen Sie weiter, denn dies ist der nächste Schritt beim Programmieren Deshalb müssen wir alle diese Fähigkeiten beibehalten, damit wir jeden Tag weiter innovativ sein können jeden Tag weiter innovativ sein Ich danke Ihnen allen, dass Sie sich mir dabei angeschlossen haben, und ich freue mich darauf, Sie alle in meinem nächsten Kurs zu sehen