260327 fjum c Karo Pernegger 1 DSC6246
© Karo Pernegger
Kursnummer: 18826on

Eigene Website mit KI - ohne Programmierkenntnisse

Digital und Innovation
  • Jonathan Kemper
  • 13.11.2026, 09:30 – 17:00
  • 27.11.2026, 09:30 – 13:00
  • € 160 ausschließlich für Journalist:innen / Normalpreis: € 320 für alle nicht-journalistischen Berufe
  • Online (Zoom)
Jetzt Buchen

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.

Die Kompetenzen erwerben Sie:

  • Sie verstehen, was „Vibecoding“ bedeutet und welche Stufen es von der einfachen Chatbot-Nutzung bis zu eigenständigen Web-Projekten gibt.
  • Sie verlieren die Scheu vor vermeintlich technischen Werkzeugen und können einschätzen, wann sich deren Einsatz für Sie lohnt.
  • Sie erstellen mit einem KI-Chatbot ein erstes funktionierendes Ergebnis und verstehen, was ein „Artefakt“ ist.
  • Sie bauen eine eigene, veröffentlichungsfähige Onepager-Website aus HTML, CSS und etwas JavaScript, ohne selbst programmieren zu müssen
  • Sie lernen, wie Sie die Inhalte Ihrer Seite später eigenständig ändern.
  • Sie erfahren, wie Veröffentlichung mit eigener Domain und Hosting grundsätzlich funktioniert.
  • Sie bekommen einen Überblick über KI-Website-Builder wie Lovable sowie darüber, wann sich WordPress oder JavaScript-Frameworks lohnen.
  • Sie kennen die Grenzen und Risiken von Vibecoding, etwa Kontrollverlust und Sicherheit, und können Ergebnisse kritisch einordnen.
  • Sie erkennen, wie KI im Webdesign zu generischen, austauschbaren Ergebnissen neigt, und lernen gegenzusteuern, etwa mit gut zusammenpassenden Schriften und einer stimmigen Farbpalette.
  • Sie gehen mit einer fertigen eigenen Webseite aus dem Workshop.

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

Jonathan Kemper Portrait 2025

Jonathan Kemper

Technikjournalist und Sachbuchautor

Jonathan Kemper ist freier Technikjournalist und Sachbuchautor aus Düsseldorf.

Mehr Info

Workshops - coming up

Interviewtraining für Journalist:innen

  • Florian Bauer
  • 30.09.2026, 09:30 – 16:30
  • 02.10.2026, 09:30 – 16:30
  • 16.10.2026, 09:30 – 16:30
  • Online (Zoom)
  • Recherche und Text
  • Personal Skills
  • Es ist wahrscheinlich das wichtigste Handwerkszeug der Journalist:innen: das Interview. Fragen stellen. Und zuhören. Klingt einfach. Ist es dann doch häufig nicht. In diesem Interviewtraining mit Florian Bauer kümmern wir uns um die Techniken des Fragenstellens und des Zuhörens, um die Frage, welche Rolle Nicken und Handbewegungen, also Mimik und Gestik beim Interview spielen, wie wir inhaltsreiche Antworten bekommen und wie wir hartnäckig bleiben, den roten Faden im Blick.

    Mehr Info Buchen

    Auftritt vor der Kamera – souverän und authentisch

    • Magdalena Kauz
    • 05.10.2026, 09:30 – 17:00
    • 06.10.2026, 09:30 – 17:00
    • fjum Seminarraum
  • Bild und Video
  • Personal Skills
  • Tipps und Tricks, wie Sie einen Auftritt vor der Kamera professionell vorbereiten und gestalten.

    Mehr Info Buchen

    Framing – Sprache und Politik. Sprache und Medien.

  • Personal Skills
  • Die richtigen Wörter können Bilder in die Köpfe der Zuhörer:innen malen. Sie für politische Ideen und Inhalte öffnen. Aber nur, wenn das Wording – das „Framing“ – passt. Und wenn nicht? Dann stützt man in der Politik die Positionen der Gegenseite. Oder macht sich im Journalismus unabsichtlich zum Werbeträger. In diesem Workshop lernen Sie, was Sie aus der Theorie um das "Framing" für die politische und journalistische Praxis mitnehmen können.

    Mehr Info Buchen

    Speak and Shine - "Stimmig sprechen" für Podcast, Hörfunk, Moderation

    • Andreas Maurer
    • 12.10.2026, 09:30 – 17:00
    • 13.10.2026, 09:30 – 17:00
    • fjum-Seminarraum
  • Audio und Podcast
  • Sie kennen das: Das rote Licht geht an – und plötzlich klingt die eigene Stimme fremd. In diesem praxisorientierten Kurs lernen Sie, wie Sie auch in Stresssituationen souverän und authentisch sprechen. Ob für Podcast, Moderation oder Hörfunk – entwickeln Sie Ihre natürliche Sprechpersönlichkeit und gewinnen Sie absolute Sicherheit vor dem Mikrofon.

    Mehr Info Buchen

    Gemini NotebookLM für Journalist:innen - Recherche, Quellenauswertung und Medienproduktion aus einer Hand

  • Digital und Innovation
  • Gemini NotebookLM (vormals Google Notebook LM) ist ein KI-Werkzeug, das speziell für die Arbeit mit eigenen Dokumenten und Quellen entwickelt wurde. Statt das gesamte Web abzufragen, arbeitet NotebookLM ausschließlich mit den Materialien, die Sie selbst hochladen – und wird damit zur persönlichen Recherche-Zentrale. In diesem Workshop lernen Sie, wie Sie NotebookLM als zentrales Werkzeug für Ihre Recherchearbeit einsetzen: Dokumente, Interviews, PDFs und Webseiten werden zu einem »Minirecherchegedächtnis« kombiniert, das Sie per Chat befragen, zusammenfassen und auswerten können.

    Mehr Info Buchen

    In Dialogue with Bundesheer Colonel Dr. Markus Reisner

  • Politik und Medien
  • War in Ukraine: Latest Developments on the Front and in Europe

    Historian and military expert Colonel Dr. Markus Reisner is Superintendent of the Institute for Officer Training at the Theresian Military Academy in Wiener Neustadt and the author of books and articles on military history and the future of warfare.

    Please register HERE.

    Mehr Info Buchen