Webseiten im Unterricht bauen (Vibe-Coding und KI)

Vibe-Coding macht Webentwicklung zum neuen Lernplakat – und zwar universell für jedes Fach und völlig ohne Programmierkenntnisse. Alles, was im Unterricht benötigt wird, ist ein regulärer schulischer Zugang zu einer Text-KI.

Dieses Material liefert vorgefertigte Copy-Paste-Prompts. Damit steuern die Lernenden selbstständig das Design und bauen passgenaue Interaktivitäten wie Drag-and-Drop-, Zuordnungsaufgaben oder Karteikarten in ihre Projekte ein. Der Code wird einfach in den materialeigenen didaktisch reduzierten Web-Editor kopiert. Das Resultat: Eine dynamische Webseite, die Fachwissen nicht nur präsentiert, sondern als funktionaler Übungsraum dient. Ein beiliegender Peer-Feedback-Bogen sichert die systematische Auseinandersetzung mit den Inhalten der Mitlerner.

Der technische Rahmen ist auf maximale Einfachheit ausgelegt: Ein anonymer Sofort-Deploy bringt die Ergebnisse per temporärer URL direkt online – ohne eigene Server oder Schüler-Accounts. Mit der detaillierten Anleitung und dem methodischen Leitfaden ist die Umsetzung für jeden direkt und reibungslos machbar.