Transkripte
1. Einführung in Vibe-Programmierkurs: Willkommen zu Ihrer Einführung in
Vibe Coding. Mein Name ist Greg Hung, ein kanadischer Erfinder und
Technologe mit mehr als einem Jahrzehnt Erfahrung Willkommen zu diesem Kurs Was ist Vibe-Coding?
Es ist ein sehr neuer Begriff , der im
Februar 2025 vom
Mitbegründer von Open EI, Andre Karpathy, geprägt wurde im
Februar 2025 vom
Mitbegründer von Open EI , Andre Karpathy, Und was es tatsächlich ist,
ist die Verwendung natürlicher Sprache um in AILMS wie Cha GBD einzuspeisen,
um
Prototyp-Apps zur Codegenerierung zu erstellen Aber dieser Kurs ist eher eine Einführung
in das Vibe-Coding im Allgemeinen, weil es auch
andere Plattformen gibt , auf denen Sie Vibe-Coding durchführen
können,
wie Lovable Dot
Dev, beide Dot NU,
was ich bereits erwähnt habe, und Google hat vor Kurzem mit Gemini Canva in dieses
Spiel eingestiegen Was sind also einige
Anwendungsmöglichkeiten von Vibe Coding? Wir haben die
Fähigkeit, einfache Spiele
wie Space Invaders oder Tetris zu wie Space Invaders oder Sie können anpassbare
Dashboards erstellen, in denen Sie beispielsweise Ihre
bevorzugten Krypto-Assets auflisten oder vielleicht eine Rangliste
der reichsten Menschen vielleicht sogar Prototypen
für Schreibfreigabe-Apps
wie Schreibfreigabe-Apps vom Typ Uber mit Stripe
- oder PayPal-Integration erstellen können Sie beispielsweise Ihre
bevorzugten Krypto-Assets auflisten
oder vielleicht eine Rangliste
der reichsten Menschen oder vielleicht sogar Prototypen
für Schreibfreigabe-Apps
wie Schreibfreigabe-Apps vom Typ Uber mit Stripe
- oder
PayPal-Integration erstellen können
. Ich habe sogar mehrere
LLM-Anwendungen entwickelt, mit
denen Sie Deep
Seek Deep C LLMs,
ChagBT, Gemini und Clode in einer App verwenden können, Super-LLM-Apps mit
Vibe-Codierung . In diesem Kurs erhalten
Sie also
eine Einführung in die Vibe-Codierung, aber ich kann mich
auf die Erfahrungen stützen, die ich mit BoltoTNU gemacht habe, und
habe einen umfangreichen Kurs erstellt habe Wenn Sie also
Ihre Einführung,
Ihre ersten Schritte in die
Vibe-Codierung und einen
anfängerfreundlichen Ansatz erhalten möchten Ihre ersten Schritte in , dann ist dieser
2. Was ist Vibe Coding Programmieren: Okay, ich werde erklären,
was Vibe-Coding ist. Es ist ein kürzlich geprägter Begriff
vom Mitbegründer von Open EI,
Andre Karpathy, Mitbegründer Er prägte diesen Begriff im Februar 2025. Ich bin tatsächlich erst vor einer Woche
von Bangkok Thailand
nach Vancouver zurückgeflogen erst vor einer Woche
von Bangkok Thailand
nach Vancouver Es ist Ende März 2025. Der Begriff wurde also
im Februar 2025 geprägt. Ich habe bereits Vibe-Coding gemacht. Ich habe Apps entwickelt, Spiele
mit einer Plattform namens BolTan entwickelt, die mir
vorgestellt wurde Mein Freund Jay hat
mir das tatsächlich vorgestellt, nachdem ich Ende 2024 von meiner Reise nach
Tokio
zurückgekommen war Ende 2024 von meiner Reise nach
Tokio
zurückgekommen Was es ist, Sie verwenden Eingabeaufforderungen, genau wie Sie es mit HachBT
oder Microsoft Copilot tun, und
verwenden natürliche Sprache, um in ein KI-LLM
einzuspeisen, genau wie Sie es mit HachBT
oder Microsoft Copilot tun, und
verwenden natürliche Sprache, um in ein KI-LLM
einzuspeisen,
das auf Code abgestimmt ist. Manche KI-Modelle, die auf Code abgestimmt
sind, werden also ihn aussprechen möchten, mit Klauen oder Cloe versehen je nachdem Es gibt auch Open EIs HachBT und Sie verwenden diese Eingabeaufforderungen Was sind also einige Beispiele für diese Anwendungen
? Das könnten
Kryptowährungs-Dashboards sein, in denen Ihre bevorzugten
Krypto-Assets wie Bitcoin, Nerium
aufgelistet Sie können
diese Dashboards anpassen,
sodass Sie wählen können, ob Sie diese Assets hinzufügen
oder entfernen Sie können E-Mail-Benachrichtigungen einrichten , wenn ein bestimmter
Schwellenwert erreicht wird Sie können diese
Benachrichtigungen per E-Mail an sich selbst senden. Einige andere Anwendungen
umfassen die Entwicklung Prototypen für
Mitfahr-Apps wie Uber, und Sie können sogar
PayPal-Checkouts in
diese Anwendungen integrieren PayPal-Checkouts in
diese Anwendungen Sie können einfache Spiele wie
Space Invaders oder
Tetris-Spiele
mit echter Videospielmusik,
Punktewertung und Soundeffekten erstellen Space Invaders oder
Tetris-Spiele mit echter Videospielmusik, Punktewertung und Sie können Anwendungen erstellen, die Verbindung zu
Kryptowährungs-Wallets herstellen Ich habe Anwendungen entwickelt
, die
Audio mithilfe
sogenannter APIs in Text umwandeln können. APIs, auf die ich später noch eingehen werde,
ermöglichen es Ihnen, die Funktionen
anderer Plattformen zu nutzen , um wirklich leistungsstarke
Apps zu erstellen So können Sie mithilfe von Vibe-Codierung
Prototypen oder Modelle oder
sogar nutzbare Anwendungen oder
Landingpages erstellen sogar nutzbare Anwendungen oder mithilfe von Vibe-Codierung
Prototypen oder Modelle oder
sogar nutzbare Anwendungen oder
Landingpages In einer Sekunde werden
wir uns mit verschiedenen
Plattformen befassen, die Sie für die Vibe-Codierung verwenden
können,
und ich kann mich auf meine Erfahrung
mit Onyou und Lovable und
Gemini Canva stützen, um Ihnen bei der
Entscheidung zu helfen, welche für Sie gut sein und ich kann mich auf meine Erfahrung
mit Onyou und Lovable und
Gemini Canva stützen , um Ihnen bei der
Entscheidung zu helfen, welche für Sie gut Entscheidung zu helfen, welche für
3. Auf welchen Plattformen Vibe Code verwendet werden kann: Erfahren Sie, welche Plattformen Sie für die Vibe-Codierung verwenden
können. Ich werde mich auf meine
Erfahrungen mit Bol dot N stützen und einen Teil der Kosten
teilen.
Lass uns anfangen. Heute haben wir also
verschiedene Plattformen. Ich habe Boldt NU erwähnt, und ich hatte einige Alternativen wie Lovable und es
gab auch Cursor Boldt N wurde mir also von einem Freund vorgestellt
. Ich liebe
das Interface sofort. Es war sehr einfach.
Und es war mächtig. Und Sie könnten brauchbare Apps
erstellen. also den Code in Bolt verwenden, können
Sie tatsächlich sehen, wie der
Code generiert wird, und erhalten dann eine Vorschau
Ihrer Anwendung. Sie können ihn auch iterieren
und ihn sehr schnell als
URL veröffentlichen Was mir daran gefallen hat,
war die Einfachheit, die Leistung und es
war nicht zu teuer Ich glaube, ich habe 20
bis 25 US-Dollar bezahlt, um mit
ungefähr 5 Millionen Tokens
anzufangen, was mehr als
genug war, um
innerhalb des ersten Monats zu experimentieren und mehrere Anwendungen zu
erstellen. Ich habe es auch mit Lovable versucht. Now Lovable hatte auch
eine gute Oberfläche. Es hatte Vorlagen. Sie konnten also zunächst andere Vorlagen
von Anwendungen verwenden zunächst andere Vorlagen
von Anwendungen und diese dann bearbeiten
und iterieren Aber ich fand einfach
, dass Bolt etwas
robuster als liebenswert war robuster als liebenswert Aber es liegt an Ihnen,
zu experimentieren die Vor- und Nachteile
anzusehen, und diese Plattformen
ändern sich jede Woche, sodass sich die Dinge ändern könnten,
wenn Sie sich dieses Video ansehen Eine andere Plattform, an der ich zu
der Zeit geforscht habe, war Cursor. Der Cursor
richtet sich also eher an Programmierer. Ich hatte einen Freund, der Cursor
tatsächlich benutzt hat. Er hat mir einige
seiner Anwendungen gezeigt, und es gibt viel
mehr Möglichkeiten, wenn Sie
mit dem Programmieren vertraut sind
, um Änderungen
am Code vorzunehmen und
ihn nach Ihren Wünschen zuzuschneiden. Mein Freund hat also tatsächlich einige Anwendungen
erstellt , die grundlegende
CRM-Funktionen mithilfe des Cursors ausführen. Und ja, ich habe viele gute
Rückmeldungen dazu gehört. Ein neuer Eingang zum
Raum ist also Gemini Canva. Das ist also Googles
Google-Anwendung für Vibe-Codierung. Es ist eine sehr ähnliche
Oberfläche wie Google Gemini. Und Sie können damit
grundlegende Dinge wie
Tick-Tac-Toe-Spiele erstellen grundlegende Dinge wie
Tick-Tac-Toe-Spiele Sie können damit
ein Aktien- oder
Kryptowährungs-Dashboard erstellen ein Aktien- oder
Kryptowährungs-Dashboard Meiner Erfahrung nach ist es jedoch nicht so. Wenn ich es eine Woche lang
verwende, kann ich sehr
schnell Spiele im Browser erstellen , die Sie in der Vorschau anzeigen können. Nachteil
ist jedoch, dass es
im Vergleich zu Bolt on You nicht
sehr einfach ist, eine Anwendung sehr schnell zu
veröffentlichen und mit jemandem zu teilen. Sie müssten
es tatsächlich in einem GitHub-Repository ablegen. GitHub ist also eine Plattform zum
Speichern und Veröffentlichen Ihres Codes, was
etwas technischer wird. Ich würde also sagen, dass Gemini Canva derzeit gut
für die Erstellung schneller Spiele und
für die Erstellung einfacher
Apps ist , aber ja, nicht gut zum
Veröffentlichen und Teilen momentan
nicht gut zum
Veröffentlichen und Teilen, aber
das könnte Wenn Sie also
anfangen würden, würde ich sagen, dass gerade jetzt, im April 2025, beides Neues eine gute Option ist Es ist nicht zu teuer. Und wenn Sie eine kostenlose Option wünschen und bereits
ein Google-Konto haben, versuchen Sie es
vielleicht mit Gemini Canva Das sind also einige verschiedene
Plattformen, die Sie sich ansehen können. Eine weitere Plattform, die ich in den Ring werfen
wollte und die ich seit den Dreharbeiten ausprobiert habe,
heißt Replet Replet hat also auch eine ziemlich
einfach zu bedienende Oberfläche. Und
es ermöglicht Ihnen, eine
Vorschau der App zu sehen, während
sie erstellt wurde, was sie sehr aufregend macht meine Eindrücke von dieser Plattform werde
ich
in einem anderen Video näher eingehen, aber sie hat Potenzial, ist
aber nicht so einfach zu
bedienen wie Bolt und liebenswert Aber die Vorschau
begeistert Sie einfach, weil Sie sehen können, wie die Dinge Schritt für Schritt
direkt vor Ihren Augen gebaut werden ,
und das ist eine sehr visuell ansprechende, sehr mobilfreundliche App
4. Welche Erfahrung benötigen Sie, um Vibe Code zu verwenden?: Okay, welchen
Hintergrund, welche Ausbildung
und welche Erfahrung benötigen Sie, um mit Vibe Coding zu beginnen Die ganze Prämisse
hinter diesem Begriff ist, dass Sie kein Programmierer sein
müssen, Sie müssen keine Programmierkenntnisse Aber was brauchst du? Meiner Erfahrung nach müssen
Sie sich natürlich
mit
der Aufforderung auskennen, und dazu werden wir einen
eigenen Abschnitt haben Aber auch der Prozess der
Iteration. Wenn Sie also eine Aufforderung verwenden, um Code zu generieren oder einen
Entwurf oder eine Anwendung zu erstellen, stehen die Chancen gut, dass
Sie
es in diesem Bereich nicht gleich beim ersten Mal richtig machen werden Sie müssen also in der Lage sein, ihn zu
überarbeiten oder zu iterieren, um Änderungen am ersten Entwurf oder an
der ersten
Eingabeaufforderung
vorzunehmen ersten Entwurf oder an
der ersten
Eingabeaufforderung Aber ich würde sagen, dass
Ihre erste Aufforderung wirklich
wichtig ist, denn wenn Sie
die ersten Eingabeaufforderungen sehr abstrakt oder weit gefasst, vage oder allgemein halten,
erhalten
Sie wahrscheinlich eine sehr allgemeine App
oder ein Produkt oder MVP mit erhalten
Sie wahrscheinlich eine sehr allgemeine App
oder ein Produkt minimaler Tragfähigkeit Je konkreter Sie also
bei Ihrer ersten Aufforderung sind, desto erfolgreicher werden Sie sein Also ich würde das
als eine gute Auffassungsgabe zusammenfassen. Jemand, der gut darin ist, zu
überarbeiten oder zu iterieren, ein technischer Hintergrund hilft. Wenn Sie zu den
fortschrittlicheren Apps kommen, müssen
Sie APIs aufrufen,
sodass Sie zu
verschiedenen Plattformen wechseln, diese Schlüssel
kopieren und einfügen, sie auf Ihre
Vibe-Codierungsplattform
bringen können diese Schlüssel
kopieren und einfügen , und Sie müssen diese Schlüssel
möglicherweise sogar,
Sie wissen schon, in verschiedene Ordner einfügen Also musst du dich
mit solchen Dingen wohlfühlen. Und vielleicht
schauen Sie sich sogar einen Code an, nur um eine allgemeine Vorstellung
davon zu bekommen, was er tatsächlich tut. Also ja, ich würde sagen, dass du
kein Programmierer sein musst, aber technisch zu sein hilft Einfach
mit Technologie vertraut sein. Vor diesem Hintergrund ist es
am besten, wenn
Sie tatsächlich loslegen, und zwar mit der Aufforderung Im nächsten Video werde
ich Ihnen
einige Tipps und Beispiele
aus der Praxis
der Prompt Engineering geben aus der Praxis
der Prompt Engineering
5. Welche Apps können Sie mit Vibe Coding erstellen: Okay, was sind einige
Anwendungen für Vibe-Coding? Ich bin das kurz durchgegangen. Wir können Spiele erstellen, verschiedene
Arten von Dashboards. Im Allgemeinen sind jedoch nur
Ihre
Vorstellungskraft begrenzt, wenn es darum geht ,
welche Anwendungen Sie mit Vibe-Coding
erstellen können nur
Ihre
Vorstellungskraft begrenzt Sie können über
verschiedene Apps nachdenken , die Sie auf
Ihren Smartphones haben Sie haben jetzt also die
Möglichkeit, diese Apps
oder Modelle oder brauchbare
Prototypen zu erstellen , die dann verfeinert und möglicherweise
in eine
Produktions-App oder eine SAS-App
umgewandelt werden
könnten . Software ist eine Cloud-App, die
Sie monetarisieren und tatsächlich verkaufen und möglicherweise sogar in den App Store
bringen Aber das würde den
Rahmen dieses Kurses sprengen. Wir haben also einen Antrag auf
Golfwertung. Sie können einfache Spiele
wie Pac Man oder Tetris erstellen. Sie können diesen Spielen Ihre eigene
Note verleihen, indem die Musik oder
die Spielregeln
anpassen Sie können das
Originalspiel jedoch als
Inspiration verwenden , um Ihre
eigene Variante dieses Spiels zu erstellen Sie können Dashboards für
fast alles erstellen für
fast alles Die besten Instagrammer, die besten Kryptowährungs-Assets,
die
Top-Aktien im Und Sie können dieses Dashboard erstellen. Es ist also wirklich anpassbar. Sie können bestimmte
Kryptowährungs-Assets hinzufügen oder entfernen. Sie können E-Mail-Benachrichtigungen erhalten. Sie können bestimmte Symbole anzeigen. Sie können E-Mail-Adressen
aus diesen Dashboards sammeln. Sie können Linkseiten erstellen,
um für ein bestimmtes Produkt zu werben, Produkteinführung, die gerade stattfindet Ich habe sogar
eine Lining-Seite erstellt, auf der die Trump
- und Milania-Münzen abgebildet Also Aktienkurse in Echtzeit und die Möglichkeit,
E-Mail-Adressen von dieser Seite zu sammeln Es ist wirklich
durch deine Vorstellungskraft begrenzt. Sobald Sie mit dem Aufrufen von APIs begonnen
haben, können Sie noch
leistungsfähigere Anwendungen erstellen. Also habe ich den
Multi-LLM-Chatbot
namens ChatBot GBT
erwähnt namens ChatBot GBT So können Sie KI
LLMs von Deepsk von Hat GBT,
Gemini, alles in einer Super-App verwenden Gemini Also verwende ich APIs, um diese App zu
erstellen. Sie können Apps auch für
Dinge wie die
Audiotranskription verwenden , oder in Zukunft können Sie
vielleicht sogar
eine App erstellen, mit der
Sie Video-Kurzfilme aus einem Langformvideo schneiden Ich habe dafür tatsächlich eine andere
Plattform verwendet,
und vielleicht werden die
Leute eines Tages
, und vielleicht werden die
Leute eines Tages wenn diese Vibe-Coding-Plattformen
leistungsfähiger werden, in der Lage sein, nutzbare
Produktions-Apps zu erstellen, die sie direkt von der
Vibe-Coding-Plattform aus viel einfacher und
schneller
verkaufen können verkaufen direkt von der
Vibe-Coding-Plattform aus viel einfacher und
schneller Also ja, das sind
einige andere Ideen für Anwendungen als Vibe-Coding,
und ich gehe davon
aus, dass sie noch leistungsfähiger
werden
6. Sofortige technische Tipps: In Ordnung, schnelle Technik. Dies ist wahrscheinlich die
wichtigste Fähigkeit, wenn es um
Vibe-Codierung und die Arbeit
mit verschiedenen KI-LLMs geht Vibe-Codierung und die Arbeit
mit verschiedenen KI-LLMs Ich habe also viel Erfahrung mit der
Erstellung
des BoltonU-Kurses zum Thema Ich habe auch verschiedene
Plattformen wie Rock
Three, Microsoft
Copilot und Gemini verwendet Three, Microsoft
Copilot Was sind also einige
der Top-Tipps? Viele AILMs
führen also auf Ihre Aufforderung hin neue Modi Möglicherweise haben Sie eine gründliche Suche durchgeführt. Möglicherweise haben Sie einen Denkmodus. Möglicherweise haben Sie ein Anhangssymbol. Möglicherweise haben Sie ein Bildsymbol und die Möglichkeit, URLs zu verschieben
oder sogar Ihre Stimme zu verwenden. Fangen wir also mit
dem Deep-Search-Modus an. Deep Search ist also genau das. Es wird tiefgründige Nachforschungen anstellen. Es wird
mehr Zeit
in Anspruch nehmen, alle verschiedenen Plattformen
zu durchsuchen , um Ihre Antwort zu finden, eine sehr ausführliche Antwort. Und bei Grock 3 besteht
der Vorteil darin, dass es
nicht nur das Internet durchsuchen kann, sondern auch alle Tweets
oder Beiträge auf x.com durchsuchen kann ,
die sehr aktuell sind Das ist also ein entscheidender Vorteil der Verwendung des
Deep-Research-Modus auf x.com Jede Plattform wie Google. Google hat den Vorteil, ein Experte für die Suche zu sein,
sodass es in der Lage sein wird
, auf diese Ressourcen zuzugreifen. Ihrem Tiefsuchmodus werden
Sie Zitate erhalten Zu diesem Zweck eignet sich der Modus für
tiefe Recherchen jedoch gut
für die erste Aufforderung Eine weitere Funktion der
Eingabeaufforderung ist Ihr Denkmodus. Sobald Sie also
Ihre gründlichen Nachforschungen angestellt haben, können
Sie ihn zum Nachdenken bitten. So können Sie diese verschiedenen
Funktionen in der Eingabeaufforderung verwenden. gründliche Recherche ist gut
für den Anfang, und Sie können Think verwenden, um den Code
tatsächlich zu entwickeln. Ein Beispiel, das ich anführen würde ist, dass ich, wenn
ich ein Spiel entwickle, Recherche recherchieren würde, wie man
das beste Golfspiel macht im Modus der
gründlichen Recherche recherchieren würde, wie man
das beste Golfspiel macht. Und dann würde ich den
Denkmodus aktivieren , um
mir
den Code auszudenken , den ich
dann in meine neuen Bolt
Dot-Eingabeaufforderungen einfügen könnte dann in meine neuen Bolt
Dot-Eingabeaufforderungen einfügen Sie haben auch den
Befestigungsclip. Manchmal
können Sie also Bilder anhängen, Sie können Excel-Arbeitsmappen anhängen Sie können URLs
von anderen Websites in
Ihre Aufforderung einfügen , um tatsächlich auf etwas
zu verweisen, das Sie möchten Wenn ich also
ein Videospiel
in Bota erstelle und Musik verwenden
möchte, könnte
ich tatsächlich die URL eines
MP Three oder Wayfle von einer
anderen Seite
einfügen und sagen, diese Musik in
diesem Videospiel
verwenden Ich kann dasselbe auch
mit einem Bild machen, wenn ich ein Symbol in meiner
App oder ein Favicon
verwenden möchte Symbol in meiner
App oder ein Favicon
verwenden Ich würde die
URL zu diesem Bild einfügen. Ich würde in der
Aufforderung sagen, benutze diese URL. Es ist also großartig, sich dieser Dinge
bewusst zu sein , wenn Sie es in Ihrem Arsenal für
schnelle Technik haben. Es gibt auch sehr
einfache Eingabeaufforderungen. Manchmal
bekommst du einen Prototyp. Sagen
wir einfach, dein
Spielprototyping funktioniert nicht, oder sie geben keine Anweisungen
zum Spielen, weil du diese Eingabe nicht
gemacht hast Du kannst einfach sagen, gib mir die Anweisungen
zum Spielen Wie springe ich? Wie bewege
ich mich? Wie schieße ich? Ich erstelle nur diese
einfache Aufforderung. Und dann erledigt manchmal
die Plattform die ganze schwere Arbeit. Sie haben die richtigen Eingabeaufforderungen, aber die Anwendung
funktioniert nicht, also nur eine einfache
Aufforderung, das Problem zu beheben Sie müssen nur so lange
danach fragen, bis Sie eine
brauchbare Anwendung erhalten Okay, lassen Sie uns einfach einige
dieser Profi-Tipps
zusammenfassen .
Ich habe viel durchgemacht Also in Ihrer Aufforderung, egal ob es Grock
Three oder Gemini ist, sollten sich des
Tiefensuchmodus für Tiefenforschung bewusst
sein Denkmodus, wenn Sie
möchten , dass es ein Problem
durchdenkt Lage zu sein, diese Ausgabe
von Plattformen wie
Rock Three, Gemini, Open E,
Hat GBT zu übernehmen , diese
Ausgabe zu nehmen und sich dessen bewusst zu sein, können
Sie
Kodierung oder Ausgabe tatsächlich
in Vibe-Codierungsplattformen
wie on und U einfügen . Weil BoltAU nicht ist, ist es nicht seine Stärke Sie können also tatsächlich Ausgaben
von anderen Plattformen verwenden , die sich gut für
Recherche und Denken eignen , für Vibe-Coding-Plattformen
wie Bolt U. Da Sie wissen, dass
Sie URLs einfügen können, können
Sie in einigen Fällen
angehängte Dokumente, PDFs und
Clips anhängen, um Ihre
Dokumente zu durchsuchen, um Musik,
Soundeffekte und Bilder zu erhalten ,
wenn Sie sich dessen bewusst sind. Oder manchmal nur
einfache Eingabeaufforderungen. Repariere es, gib
die Anweisungen, du weißt schon, du siehst einfach dein MVP
und kannst iterieren Fordere es einfach weiter auf, es einzuschalten. Kurz gesagt, das
sind meine wichtigsten Tipps schnelle Engineering
im
Quartal 20250 zu veranlassen Die Dinge werden sich ständig
ändern, da sich dieses Feld dynamisch
ändert
7. Was sind APIs: Okay, APIs,
Anwendungsprogrammierschnittstellen. Ich erinnere mich an das Studium der
Informatik und an diese Verweise auf APIs. Ich klang einfach so langweilig,
irgendein abstrakter Begriff. das Vibe-Coding angeht, Was das Vibe-Coding angeht, ist
es wirklich mächtig,
weil Ihre Anwendung
freischaltet, um sie leistungsfähiger
zu machen Einige Beispiele für Plattformen
, die APIs anbieten, sind also Google. Google hat so viele APIs, weil ihre Kartenfunktionalität ein Beispiel
ist. Stripe und PayPal haben APIs. Wenn Sie eine Paywall
oder einen Einkaufswagen in
Ihre Anwendung einfügen möchten, müssten
Sie APIs verwenden Verschiedene Golfkarten ihren Scorecards
bieten APIs, wenn Sie beispielsweise eine
Golfanwendung erstellen möchten Ein anderes Beispiel ist eine
Kryptowährungsplattform, Coin Gecko, die tatsächlich eine
leistungsstarke Echtzeitanwendung
für Ihr Telefon bietet leistungsstarke Echtzeitanwendung Bietet eine kostenlose API
, mit der Sie
Ihre eigene
Kryptowährungs-App erstellen können Ihre eigene
Kryptowährungs-App erstellen Außerdem gibt es sehr
leistungsstarke APIs von HBT, mit denen Sie verschiedene Arten
von GPT-Anwendungen erstellen Lassen Sie uns also
ein bisschen näher darauf eingehen. Eine API ist also eigentlich eine
Zeichenfolge. Wenn Sie
wie Google oder PayPal auf die Plattform gehen, würden
Sie dies
einfach so einrichten, dass ein API-Schlüssel erstellt wird, und Sie würden diesen Schlüssel kopieren, und er ist nicht dazu bestimmt, geteilt zu werden. Es soll
geheim sein. Und wenn Sie auf Ihrer
Vibe-Codierungsplattform sind wie Sie beide, würden
Sie irgendwann in
Ihrer Anwendung etwas
in Ihrer Requisite sagen, irgendwann in
Ihrer Anwendung etwas
in Ihrer Requisite sagen, zum Beispiel diesen API-Schlüssel
verwenden, um
ein Kryptowährungs-Dashboard zu erstellen, um
zum Beispiel die
fünf wichtigsten Kryptowährungs-Assets anzuzeigen Lassen Sie mich diese Aufforderung noch einmal umformulieren
. Erstellen Sie
mithilfe dieses API-Schlüssels ein
Kryptowährungs-Dashboard, in
dem die fünf wichtigsten Vermögenswerte aufgeführt mithilfe dieses API-Schlüssels ein
Kryptowährungs-Dashboard, in
dem die fünf wichtigsten Vermögenswerte Und Ihre Plattform könnte sagen, dass es keine gute Praxis ist, diesen
API-Schlüssel
tatsächlich in der Eingabeaufforderung zu verwenden, aber bitte legen Sie ihn
in diesen Ordner. Es würde also tatsächlich in einen bestimmten Ordner
auf
Ihrer Vibe-Codierungsplattform gehen Ihrer Vibe-Codierungsplattform und dann einfach den Schlüssel
einfügen auf der API-API-Plattform einfach, Sagen
wir auf der API-API-Plattform einfach, es ist
Google oder Chat GBT Sobald Sie diesen API-Schlüssel
verwenden oder wenn Sie diese
App mit anderen Endnutzern teilen, werden
Sie feststellen, dass sie tatsächlich berücksichtigt wird Sie haben also möglicherweise eine
bestimmte Anzahl von Credits oder können eine bestimmte
Menge dieses API-Schlüssels
erwerben. Und sobald Ihre
Nutzung aufgebraucht ist, müssen
Sie
mehr von diesem API-Schlüssel kaufen. Oder wenn Sie die API-Schlüssel von
Google verwenden, verfolgen
sie möglicherweise die Nutzung und senden Ihnen
dann am Ende
des Monats eine Rechnung. Das ist also Ihre
Einführung in den API-Schlüssel. Es ist also eine Möglichkeit,
die Funktionalität
Ihrer Anwendung
in Ihrer Vibe-Codierungsplattform zu verbessern die Funktionalität
Ihrer Anwendung
in Ihrer ,
unabhängig davon, ob es sich um einen
Punkt U oder einen Cursor Seien Sie sich nur bewusst, dass Ihnen eine Rechnung gestellt
wird. Die meisten der leistungsstarken
APIs sind nicht kostenlos. Es wird eine Gebühr anfallen,
und diese Gebühr hängt
davon ab, wie oft dieser API-Schlüssel von
Ihnen oder Ihren Endbenutzern verwendet wird.
8. So programmieren Sie Pong mit AI-Codierung: Ordnung, ich werde ein sehr einfaches Spiel
wie Es ist also Zwei-D-Tennis. Aber ich habe eine kleine Wendung hinzugefügt. Sie können die Namen der Spieler hinzufügen
und ein Profil auswählen. Fangen wir also einfach hier an. Greg, und ich
füge einfach eine Profilauswahl hinzu. Und wir setzen Kasey Wählen Sie
eine Auswahl, wählen Sie diese aus Und dann starten wir das
Spiel und starten mit der Leertaste. Die Steuerung ist also unten. Also W und S stehen für Spieler eins. Hoch und runter ist für
Casey, Spieler zwei. Also werde ich hier einfach
gegen mich selbst spielen. Aber wie Sie sehen können, haben
wir hier ein sehr einfaches
Pong-Spiel und wir haben die Profilauswahl. Es bietet also ein bisschen Anpassungsmöglichkeiten und wir
haben da einen Soundeffekt Und das Spiel wird
auf etwa 11 steigen. Das ist also das Palm-Spiel. Also werde ich es einfach schließen. Ich sollte wahrscheinlich eine
Funktion hinzufügen, um das Spiel zu beenden. Aber ich werde einfach
hinter die Kulissen gehen und dir meine Anweisungen zeigen Ordnung, also habe ich mit der Aufforderung
angefangen, ein Zwei-D-Tennisspiel wie Pong zu
erstellen Und dann habe ich die
erweiterte Eingabeaufforderung verwendet,
um mir etwas Detaillierteres
auszudenken Gehen wir also einfach zur Eingabeaufforderung
und ich zeige Ihnen, was ich meine. Erstelle eine Zwei, erstelle ein
Spiel, das Pong ähnelt. Und die KI ist intelligent genug, um ein Spiel wie Pong zu
erkennen,
und dann können Sie hier auf
das Symbol klicken, um die Eingabeaufforderung zu verbessern. Sie können also sehen, dass es bei dieser
einzeiligen Anfrage
wirklich erweitert wird, und das ist genau das
Zaubermittel Das war also meine erste Aufforderung. Also habe ich die Daten
für die Fokussierung auf die linke Seite ausgewählt. Und dann habe ich die
erste Version gesehen, und dort
habe ich meine zweite Aufforderung. Erlaube die Möglichkeit, einen und zwei
Spielernamen
und eine Profilauswahl hinzuzufügen. Dieses Dialogfeld, das Sie
hier sehen, ist also das Ergebnis dieser zweiten Aufforderung, und es hat ziemlich gute
Arbeit geleistet, genau das, was ich brauchte. Und ja, das ist es. Ich habe die
Anwendung unter dieser URL bereitgestellt, und das ist ein einfaches
Spiel, das wir haben. Ich meine, du kannst deiner Fantasie freien Lauf lassen, um
es komplexer zu machen. Sie könnten ihn wahrscheinlich bitten, einige der Farben zu
ändern. Vielleicht möchten Sie
das Paddel länger machen oder die Möglichkeit geben, die Größe
anzupassen Sie können also
Ihre Kreativität einsetzen, um es interessanter zu gestalten. Dies ist
jedoch nur ein grundlegendes Beispiel dafür
, Dies ist
jedoch nur ein grundlegendes Beispiel dafür wie Sie mit Bolt Nu ein Pong-Spiel,
ein Zwei-D-Pong-Spiel, erstellen können ein Zwei-D-Pong-Spiel Vielleicht möchtest du das
als Inspiration nutzen, um
ein ähnliches oder sogar ein anderes Spiel zu entwickeln ein ähnliches oder sogar ein anderes Spiel einige der hier aufgeführten Ideen
verwendest Hoffentlich hilft Ihnen diese
Videolektion und
inspiriert Sie dazu, einige
Ihrer eigenen Spiele mithilfe von KI-Codierung zu erstellen Ihrer eigenen Spiele mithilfe von KI-Codierung
9. KI-Audio-App transkribieren: Hey, in dieser Lektion, diesem Video, werde
ich
eine neue Art von App demonstrieren ,
die tatsächlich Texte
aus einer Audiodatei
transkribieren kann Texte
aus einer Audiodatei
transkribieren kann Diese Audiodatei, die
ich verwenden werde, wurde also tatsächlich von
Googles Notebook LM generiert
, einem Audio-Podcast Also hier ist die App. Es wird als
Audio-Video-Transkribierer bezeichnet. Wir konzentrieren uns gerade nur
auf Audio. Und obwohl es
das Feld für eine Video-URL gibt, die noch
nicht verfügbar ist, möchte
ich zu
diesem Schritt übergehen. Aber ich habe es darum gebeten
,
diese Möglichkeit zum Hochladen von
Videos oder Audio einzubauen diese Möglichkeit zum Hochladen von
Videos oder Audio damit ich hier klicken und den WayFLE
tatsächlich finden kann Also fangen wir
hier bei Null an und ich werde
einen Wayfle
Old Coin Summer finden einen Wayfle Old Coin Oh, ich glaube, das
ist der hier. Also hier ist ein Wayfle. Sie können sehen, dass es verarbeitet wird. Also verwende ich eine andere
Plattform-API. Es heißt Assembly AI. Ich zeige
dir schnell die Seite hier. Also Assembly a.com. Ich verwende gerade den
kostenlosen Tarif, die
Sprache-zu-Text-Funktionalität bietet
und es Ihnen ermöglicht, zwischen den Sprechern zu unterscheiden. Also los geht's. So können wir zwischen
Sprecher A und B unterscheiden, und wir können
das Protokoll tatsächlich kopieren, sodass wir den generierten
Text an anderer Stelle verwenden
können Sagen wir einfach, lassen Sie uns
einfach einen Notizblock aufrufen. Und wir fügen es einfach hier ein. Das ist also das Protokoll. Also gut, ich mache einfach Reverse
Engineering. Ordnung, also werde
ich einige
der Highlights dieser App durchgehen und einige der vertraulichen Teile, nämlich
die API-Schlüssel, verwischen nämlich
die API-Schlüssel, nämlich Also habe ich mit einem
ganz einfachen Abschlussball angefangen und eine App
erstellt, die
YouTube-URLs aufnehmen sie transkribieren
und mit Untertiteln versehen kann. Und wie ich dir schon sagte,
ich bin noch nicht da. Aber ja, hat mir gesagt, dass es als bewährte Methode
keine gute Idee ist, API-Schlüssel in dieses
Fenster
einzufügen. Sie können das in
der ENV-Datei tun , wenn Sie zum Code
übergehen, und dann im ENV-Bereich, wo Sie
den API-Schlüssel
tatsächlich nur als Information einfügen können den API-Schlüssel
tatsächlich nur als Also habe ich
hier die erste Benutzeroberfläche mit dem
URL-Feld, der Schaltfläche, erstellt hier die erste Benutzeroberfläche mit dem
URL-Feld, der Schaltfläche, Und ja, das war
der Entwurf. Und dann brauchte ich eine
Weile, um einen API-Schlüssel zu finden, einen API-Schlüssel, der
tatsächlich Video-
oder Audiodateien verarbeiten konnte tatsächlich Video-
oder Audiodateien verarbeiten Also bin ich ziemlich viel hin und
her gegangen. Und tatsächlich war es
erst so, als ich Assembly AI gefunden habe. Ich habe zunächst um ein Update gebeten, ich versuche, einige
APIs von Google zu verwenden, und das ist ein fortlaufender Prozess. Aber nur als Version eins verwende
ich Assembly AI, und deshalb bieten sie die kostenlose API um Audiodateien aufzunehmen
und zu transkribieren,
und sie ermöglicht es Ihnen, den
Text zu kopieren und einzufügen Also habe ich dem Update im Grunde gesagt, die API von Assembly AI
zu verwenden, und
das hat es tatsächlich ziemlich reibungslos gemacht Was es aber nicht gab, war dieser Bereich zum
Ziehen und Ablegen von Audiovideos. Also habe ich ihm gesagt,
dass der Benutzer Audio- oder Videodateien
hochladen kann. Also dann habe ich
das ziemlich gut verstanden. Und von da an musste ich
es noch einmal wiederholen. Und das war die Anwendung, die es Ihnen
ermöglichen
sollte ,
zwischen Sprecher A und
Sprecher B zu unterscheiden und
den Text zu kopieren Und sehen Sie, hier ist die
Aufforderung hier. Und ja, das bringt uns dahin
, wo wir heute sind. Also, was sind einige Erkenntnisse hier? Also beide sind ziemlich mächtig. Ich meine, die
Fähigkeit , ein Video oder
Audio aufzunehmen und zu transkribieren Aber auch um die Benutzeroberfläche zu erstellen. Bolt hat
das ziemlich gut verstanden, und ich bin ziemlich beeindruckt
von der
Drag-and-Drop-Audio-Video-Funktionalität Drag-and-Drop-Audio-Video-Funktionalität und der Möglichkeit, die
API von einer anderen Plattform aus zu verwenden. Ich habe das ziemlich
gut verstanden und die
Fähigkeit , im Protokoll zwischen Sprecher
A und B zu unterscheiden Das kommt von der API, aber ich musste
Bolt ausdrücklich anweisen , es zu tun und uns zu
erlauben, es zu kopieren Das ist also eine gut funktionierende
Version dieser App. Hoffentlich kann ich in
Zukunft die
Transkription
der Videofunktionalität zum Laufen bringen Transkription
der Videofunktionalität zum Laufen und das mit Ihnen teilen Und ja, das ist also ein
anderer Anwendungsfall für die
Verwendung von Bolt Dot U zur
Erstellung nützlicher Apps Hoffentlich gibt
dir das ein paar Ideen.
10. Vibe-Codierungsübersicht: Der Vibe Coding-Kurs. Er war kurz und bündig und bietet eine
Einführung in einige der Konzepte,
die Sie
kennen müssen, wenn
Sie sich entscheiden, tief eintauchen zu wollen Wir haben uns also mit Dingen befasst
wie, was Vibe-Coding ist? Welche Plattformen können Sie
für die Vibe-Codierung verwenden , wie Boldt NU, Gemini Canvas oder sogar Cursor, wenn Sie ein erfahrener Programmierer sind Wir haben einige
Tipps zum Thema Prompting durchgesehen. Wir haben durchgesehen Welche Art von Hintergrunderfahrung
benötigen Sie? Müssen Sie zum Beispiel ein
erfahrener Programmierer
in JavaScript oder
Python sein Beispiel ein
erfahrener Programmierer
in JavaScript oder
Python Wir haben
verschiedene Anwendungen durchgesehen , die Sie mit
Vibe-Codierungsplattformen erstellen können Ich habe auch über
verschiedene Plattformen
wie Rock Three gesprochen und darüber, wie Sie diese nutzen können, um wirklich
gute, schnelle Eingaben zu
liefern Und wir haben über APIs gesprochen, denen Sie die
Funktionalität Ihrer App verbessern können, aber
je nach Nutzung Ihrer API kann Ihnen eine Rechnung berechnet werden Nachdem Sie nun
all diese Themen im
Kurs durchgegangen sind ,
ist der nächste Schritt, wenn Sie
ein bisschen weiter springen möchten, wenn Sie
ein bisschen weiter springen möchten, tatsächlich mit der Vibe-Codierung zu beginnen für eine
dieser Plattformen
anzumelden Und fang einfach an. Erstelle einfach deine erste App, fange an, sie zu testen, und teile sie
dann mit ein paar Freunden Ja, der nächste Schritt ist
einfach loszulegen und sich für das Antragsformular zu
entscheiden Ich persönlich
empfehle beide auf NU oder Gemini Canva und schau einfach, ob diese Vibe-Coding-Sache etwas für dich
ist und
welche großartigen Anwendungen du mit der Welt erstellen
kannst,
um Probleme zu lösen