Darum geht’s:
„Vibecoding“ bedeutet, Software und Webseiten in ganz normaler Sprache entstehen zu lassen, indem ein KI-Modell den eigentlichen Code übernimmt. Es gibt tausend Wege, eine Webseite zu bauen, und dabei kein richtig oder falsch. Im Grunde braucht es überraschend wenig, um sich sein eigenes kleines Stück Internet zu erobern, und genau das tun Sie in diesem Workshop, ohne vorher programmieren zu lernen.
Wir arbeiten uns in mehreren Stufen vom Einfachen zum Anspruchsvolleren vor. Sie beginnen mit einem KI-Chatbot und einem ersten kleinen Ergebnis, verstehen die Bausteine einer Website (HTML, CSS und etwas JavaScript) gerade so weit, wie Sie es brauchen, und bauen daraus einen eigenen Onepager. Ein eigener Schwerpunkt liegt darauf, dem Hang der KI zu generischen, austauschbaren Designs entgegenzuwirken, etwa mit gut zusammenpassenden Schriften und einer stimmigen Farbpalette. Anschließend schauen wir uns an, wie sich Inhalte später selbst ändern lassen, wie Veröffentlichung mit Domain und Hosting funktioniert und wann sich Werkzeuge wie WordPress oder KI-Website-Builder wie Lovable lohnen. Ein kurzer Ausblick zeigt, wie es mit JavaScript-Frameworks und KI-Agenten im Terminal weitergeht, falls Sie tiefer einsteigen möchten.
Im Mittelpunkt steht das eigene Tun. Sie bauen während des Workshops an Ihrer eigenen Seite. Der anschließende halbe Tag ist eine zweite Schleife für Feedback, Fragen und individuelle Probleme, bei der wir den Fokus je nach Wissensstand gemeinsam festlegen. Ein zweites Ziel ist, die Scheu vor vermeintlich „technischen“ Dingen zu nehmen. Sie werden sehen, dass vieles einfacher ist, als es zunächst aussieht.
So ist dieser Kurs aufgebaut:
Tag 1, Vormittag (Block 1). Einstieg und Grundlagen, mit der Botschaft, dass es viele Wege gibt und wenig braucht, um sich sein eigenes Stück Internet zu erobern. Was ist Vibecoding, was können aktuelle KI-Chatbots? Sie erstellen Ihr erstes kleines Ergebnis. Methoden: Impulsvortrag, Live-Demo, erste angeleitete Übung.
Tag 1, Nachmittag (Block 2). Die eigene Webseite entsteht. Grundverständnis von HTML, CSS und JavaScript, anschließend bauen Sie angeleitet Ihren eigenen Onepager. Methoden: kurze Demo, betreute Hands-on-Phase, gemeinsame Prompt-Werkstatt.
Selbststudium: Zwischen dem ersten und dem zweiten Workshoptermin arbeiten die Teilnehmer:innen an ihren eigenen Webseiten.
Tag 2, Vormittag (Block 3). Eine zweite Schleife für Feedback, Fragen und konkrete Probleme. Je nach Wissensstand und Interesse legen wir gemeinsam mit den Teilnehmer:innen einen individuellen Fokus fest und vertiefen einzelne Themen, etwa Veröffentlichung mit Domain und Hosting, WordPress oder KI-Website-Builder wie Lovable, bei Bedarf mit einem Ausblick auf JavaScript-Frameworks und KI-Agenten im Terminal. Methoden: Sprechstunde, Troubleshooting, Ergebnisbesprechung und Diskussion.
Dieses Angebot richtet sich an:
Journalist:innen, die ihre erste eigene Webseite bauen möchten, ob fest angestellt oder frei. Ein grundlegendes Verständnis vom Aufbau von Webseiten ist hilfreich, aber keine Voraussetzung. Alles Nötige klären wir gemeinsam im Workshop, Programmierkenntnisse brauchen Sie nicht.
Das müssen Sie vorbereiten/mitbringen:
Für die praktische Teilnahme benötigen Sie ein kostenpflichtiges Abo bei einem KI-Chatbot-Anbieter Ihrer Wahl, zum Beispiel Claude, ChatGPT oder Gemini. Das ist Voraussetzung, um aktiv mitbauen zu können. Außerdem brauchen Sie einen eigenen Laptop oder PC mit stabiler Internetverbindung. Eine eigene Domain und ein Hosting-Paket müssen Sie nicht mitbringen, wie Veröffentlichung funktioniert, klären wir im Workshop. Wenn Sie möchten, bringen Sie eigenes Bildmaterial mit, etwa Fotos oder Grafiken, mit denen Sie Ihre Webseite direkt bebildern können. Hilfreich ist außerdem ein Fernwartungs-Tool wie TeamViewer, damit sich technische Probleme bei Bedarf aus der Ferne lösen lassen.
Maximale Teilnehmer:innenzahl: 12