Programmieren mit ChatGPT

Beeindruckend, was ChatGPT in puncto Programmieren schon kann! Wir lassen uns nacheinander den Code für unsere drei Dateien erstellen, also die HTML-, CSS- und JavaScript-Datei. Ich teile dir auch ein paar Lifehacks beziehungsweise Fallstricke vor, bei denen du ChatGPT noch ,,über die Schulter gucken” solltest. Ich schlage dir auch noch eine weitere kleine Übung vor.

ChatGPT kann uns nicht nur stumpf Lösungen ausspucken, sondern diese auch ausführlich und einfach erklären. Ich zeige dir, wie du ChatGPT so fragst, dass du auch befriedigende Antworten bekommst.

Spätestens jetzt weißt du hoffentlich ganz genau, was eine API ist. Also allerhöchste Zeit, uns an unseren JavaScript-Code zu machen! Und natürlich übernimmt auch diesmal ChatGPT die Arbeit und erklärt uns diese genauestens. Das Beste: Am Ende der Lektion siehst du Hundebilder ohne Ende!

Warum sich mühsam durch Dokumentationen quälen, wenn du dir diese auch von ChatGPT vereinfachen und zusammenfassen lassen kannst? Mithilfe eines kleinen Workarounds funktioniert dies sogar mit Echtzeitinformationen.  Wir sehen ganz deutlich die Vorteile unserer KI gegenüber statischen Dokumentationen wie den MDN Web Docs. So gelingt Programmieren im Nu und ohne Frust!

Hundebilder sind toll, aber wir wollen Fakten schaffen! Das machen wir in dieser Lektion. Aber da auch ChatGPT fehlbar ist, stolpern wir erstmal über einen Fehler. Dennoch: Auch diesmal ist kein Platz für Frust, denn wir können ChatGPT praktischerweise direkt um Hilfe bitten - mit Erfolg. Wir dürfen also auch das Debugging getrost der KI überlassen. Wie das geht, siehst du in diesem Video.

Nichts ist trauriger, als eine Seite, die toll funktioniert, aber grauenhaft aussieht. Daher stylen wir unsere Seite und lassen uns dabei von ChatGPTs kreativer Ader und dessen Farbenlehre unterstützen. Wie können wir uns mithilfe der KI künstlerisch austoben und sogar Animationen über den Bildschirm jagen? Das siehst du hier und kannst dich wie immer live vom Ergebnis überzeugen.

Mit ChatGPT an deiner Seite ist nichtmal mehr das sehr wichtige, aber allseits unbeliebte Kommentieren ein Problem. Diese eigentliche Fleißarbeit kannst du dir in Nullkommanix abnehmen lassen und das Ergebnis kann sich sehen lassen. Worauf solltest du aber achten und was macht gute Kommentare aus? Auch das siehst du hier.

Wow! Schon hast du eine fertige Anwendung. Damit du diese auch veröffentlichen kannst, lernen wir eine der wichtigsten Plattformen für Programmierer*innen kennen, nämlich GitHub. Wir richten einen Account ein und setzten das Repository auf. Und zack - dein Projekt ist live!

Puh, das war viel Input. Ich fasse dir nochmal zusammen, was wir in diesem Kurs alles gelernt haben. So hast du einen besseren Überblick, woran du weiterarbeiten willst. Auch dein Projekt kannst du jederzeit nach deinen Wünschen weitergestalten. Dabei wünsche ich dir viel Erfolg und freue mich, dich in weiteren Kursen zu sehen! Bis dahin: Happy Coding!