Im Rahmen meines Masterstudiums in Content Strategy an der FH JOANNEUM war einer der Kurse ‚Digital Publication Platforms‘, bei dem wir eine einfache HTML-Website erstellen sollten.
Meine Erfahrungen beschränkten sich auf einen Wirtschaftsinformatik-Kurs in der Oberstufe, das Erstellen eines WordPress-Portfolios mit einem Salient-Template, Kenntnisse im UI/UX-Design sowie in der Bildaufbereitung für das Web.
Diese Fähigkeiten bildeten eine solide Basis, doch der entscheidende Faktor, der mich ermutigte, mich auf das Thema Coding zu freuen, war ChatGPT.
Meine Interaktionen mit ChatGPT: Einblick in den Lernprozess
Im Laufe meines Projekts hatte ich zahlreiche Fragen an ChatGPT, die mir halfen, verschiedene Aspekte des Webdesigns zu verstehen und anzuwenden. Hier sind einige Beispiele für die Arten von Fragen, die ich gestellt habe:
1. Rückfragen zu grundlegenden Konzepten:
- „Wie macht man eine Liste und was ist der Unterschied zwischen <li>, <ul>, <ol>?“
- „Was sind die Unterschiede zwischen Padding und Margin und wann verwendet man was?“
- „Wie bindet man Google Maps ein und wann macht das Sinn?“

Auszug ChatGPT: Bitte um realistische Beispiele für besseres Verständnis

Auszug ChatGPT: Bei grundlegenden Unklarheiten stelle ich gezielt Rückfragen.
2. Direkte Code-Anforderungen:
- „Wie mache ich einen pinken Button?“
- „Wie mache ich die Ecken rund?“
- „Wie kann man Text rechtsbündig machen?“
- „Wie bekomme ich mehr Abstand zwischen H2 und dem Headerbild?“
Besonders hilfreich bei ChatGPT war, dass es nicht nur Antworten gab, sondern auch Erklärungen und Kommentare im Code hinterließ, was mein Verständnis vertiefte.

Screenshot: Visual Studio Code Style Sheet Auszug ChatGPT schreibt Erklärung dazu (grün)
3. Fehlersuche und Problemlösung:
Wenn etwas nicht funktionierte, nutzte ich ChatGPT, um den Fehler zu finden und zu korrigieren:
- „Warum sind die Ecken jetzt nicht mehr rund?“
- „Warum geht die Box nicht bis zum Rand?“
Diese Fragen halfen mir, Fehler im Code zu identifizieren und zu verstehen, warum bestimmte Dinge nicht wie erwartet funktionierten.
Grenzen von ChatGPT und der Wert menschlicher Expertise
Trotz der enormen Hilfe, die mir ChatGPT bot, stieß ich auf seine Grenzen. Dies wurde besonders deutlich, als ich an einem Punkt angelangt war, an dem ich nicht mehr weiterkam, weil ich nicht genau wusste, wie ich ChatGPT das Problem erklären sollte. In diesen Momenten wandte ich mich an meinen Mann, der über tiefgehende Programmierkenntnisse verfügt. Er entdeckte, dass Visual Studio Code Fehler anzeigte, auf die ChatGPT, da es nicht direkt mit dem Programm verbunden ist, nicht hinweisen konnte. Mein Mann gab mir nicht nur Hinweise auf diese technischen Fehler, sondern auch wertvolles Feedback zur Struktur meiner Website.

Screenshot Visual Studio Code Style Sheet mit 2 Fehlern.Screenshot Visual Studio Code Style Sheet mit 2 Fehlern.
Conclusio
Mir hat es total Spaß gemacht, mich einem Thema anzunähern, das mir früher eher Angst gemacht hat. ChatGPT ermöglichte es mir, in meinem eigenen Tempo und vor allem selbstständig zu lernen. Als jemand, der es bevorzugt, allein zu arbeiten und sich in Klassenräumen unwohl fühlt, war dies ein großer Vorteil. Ich muss hier keine Angst vor „dummen“ Fragen haben.
Zusätzlich sehe ich in ChatGPT ein wertvolles Werkzeug, um das Lernen zu demokratisieren. Es bietet eine Art von Nachhilfe, die keine hohen Kosten verursacht und kann daher vielen Menschen helfen, die sich sonst keine persönliche Unterstützung leisten könnten.
PS: In meinem nächsten Beitrag werde ich detaillierter auf meinen Lernprozess mit ChatGPT eingehen und reflektieren, wie die KI-Unterstützung mein Verständnis und meine Fähigkeiten erweitert hat. 🙂
Screenshots der Website: Kontaktmöglichkeiten, Skills, Liste, Flex-Boxen

Let's go
Sie haben Fragen zu
meiner Dienstleistung?
Ich biete spezialisierte Workshops für generative KI im Marketing und Midjourney-Kurse für Werbeagenturen an. 🙋♀️💜