Zum Inhalt springen

Full-Stack-Entwicklung mit KI Vom Systemdenken zur Implementierung - VideoQuiz

Aus MOOCsWiki Staging



Full-Stack-Entwicklung mit KI Vom Systemdenken zur Implementierung - VideoQuiz



{{#ev:youtube|https://www.youtube.com/watch?v=4uqpLdPgmCQ%7C500%7Ccenter}}

BLOCKIERT: Für dieses Video liegt in diesem Lauf kein ausreichend verwertbares Transkript für 10 belastbare Quizfragen vor; es wurde keine YouTube-Beschreibung als Ersatz verwendet.



Teste Dein Wissen

Was versteht man unter dem "Full-Stack-Mindset"? (Den Überblick über die gesamte Entwicklung von Frontend, Backend, Schnittstellen und Datenhaltung.) (!Das reine Schreiben von Programmcode für die optische Benutzeroberfläche.) (!Die ausschließliche Arbeit mit Datenbanken und Server-Hardware.) (!Das automatische Erstellen von Apps durch Eingabe eines einzigen Prompts.)




Warum kann eine KI komplexe Softwaresysteme meist nicht völlig fehlerfrei alleine bauen? (Weil blind zusammengefügter KI-Code ohne architektonisches Verständnis instabil und unsicher ist.) (!Weil KI keine modernen Programmiersprachen wie JavaScript oder Python beherrscht.) (!Weil KI-Systeme keine Datenbanken ansteuern können.) (!Weil KI-Modelle generell keine Benutzeroberflächen gestalten können.)




Welche Rolle übernimmt das Frontend in einer Anwendung? (Es ist die Übersetzungsschicht zwischen dem menschlichen Verhalten und dem technischen System.) (!Es speichert alle Benutzerdaten dauerhaft und sicher ab.) (!Es führt die endgültige Validierung und Sicherheitsprüfung auf dem Server durch.) (!Es verwaltet die Cloud-Kosten und Server-Ressourcen.)




Warum darf man dem Frontend aus Sicherheitsgründen niemals blind vertrauen? (Weil Daten im Frontend manipuliert werden können und die echte Prüfung im Backend stattfinden muss.) (!Weil das Frontend nach jedem Schließen des Browsers gelöscht wird.) (!Weil das Frontend keine Verbindung zum Internet herstellen kann.) (!Weil KI im Frontend keine Fehler macht, sondern nur im Backend.)




Was ist eine API (Application Programming Interface) im Kontext des Videos? (Eine definierte Schnittstelle, die wie ein Türsteher den sicheren Datenaustausch regelt.) (!Ein Programm zur automatischen Verschlüsselung von Festplatten.) (!Die visuelle Gestaltung von Buttons und Eingabefeldern.) (!Ein Speicherort für Passwörter im Klartext.)




Welcher HTTP-Statuscode steht für eine erfolgreiche Anfrage (Erfolg)? (200) (!400) (!401) (!500)




Was bedeutet der HTTP-Statuscode 401? (Nicht autorisiert Der Nutzer ist nicht angemeldet oder verifiziert.) (!Erfolgreich gespeichert.) (!Datei oder Seite nicht gefunden.) (!Schwerer Serverfehler im Backend.)




Was zeichnet eine professionelle Datenbank im Gegensatz zu einer einfachen Tabelle aus? (Sie erzwingt Struktur, kontrolliert Beziehungen und schützt die Datenkonsistenz.) (!Sie speichert Daten nur flüchtig im Arbeitsspeicher des Browsers.) (!Sie kann ohne Backend direkt vom Nutzer im Browser verändert werden.) (!Sie wird von der KI automatisch ohne Regeln befüllt.)




Was beschreibt das Sicherheitsrisiko "BOLA" (Broken Object Level Authorization)? (Die fehlende Prüfung, ob ein angemeldeter Nutzer das Recht hat, auf ein bestimmtes Objekt zuzugreifen.) (!Das Speichern von Passwörtern ohne jegliche Verschlüsselung.) (!Den Absturz des Frontends bei zu vielen gleichzeitigen Klicks.) (!Das unabsichtliche Löschen der gesamten Datenbank durch einen Serverfehler.)




Warum reicht die Aussage "Works on my machine" (Läuft auf meinem PC) in der Praxis nicht aus? (Weil eine echte Produktionsumgebung in der Cloud mit echten Nutzern, Daten und Kosten arbeitet.) (!Weil lokale PCs keine Datenbanken ausführen können.) (!Weil KI-generierter Code auf lokalen Computern nicht funktioniert.) (!Weil das Frontend nur in der Cloud angezeigt werden kann.)





Offene Aufgaben

Leicht

  1. Frontend und Backend: Erkläre den Unterschied zwischen Frontend und Backend mit einem einfachen Alltagsbeispiel (z. B. einem Restaurantbesuch).
  2. HTTP-Statuscodes: Finde heraus, wofür der bekannte Statuscode '404' steht, und beschreibe eine Situation, in der er auftritt.
  3. Daten im Alltag: Überlege dir eine App, die du täglich nutzt. Welche Daten gibt der Nutzer dort ein und wo werden diese vermutlich gespeichert?
  4. KI als Assistent: Schreibe auf, bei welchen Aufgaben beim Programmieren eine KI helfen kann und welche Aufgaben ein Mensch übernehmen muss.

Standard

  1. Sicherheitsprüfung: Warum ist es gefährlich, Passwörter oder Sicherheitsregeln nur im Frontend (z. B. mit JavaScript im Browser) zu prüfen? Begründe ausführlich.
  2. BOLA-Szenario: Stell dir vor, du baust ein digitales Hausaufgabenheft. Wie könnte sich die Sicherheitslücke 'BOLA' hier auswirken und wie verhindert man sie?
  3. Datenfluss skizzieren: Zeichne ein Diagramm oder erstelle ein Flussdiagramm, das zeigt, was passiert, wenn ein Nutzer auf 'Profilbild hochladen' klickt (vom Browser bis zur Datenbank).
  4. Datenbank-Struktur: Erkläre, warum eine Datenbank verhindern sollte, dass ein Schüler einer Klasse zugeordnet wird, die es im System gar nicht gibt.

Schwer

  1. KI-Code-Review: Lass dir von einer KI ein einfaches Skript zum Löschen von Nutzerkonten erstellen. Analysiere den Code kritisch: Welche Sicherheitsprüfungen fehlen?
  2. Deployment-Risiken: Diskutiere die Risiken, die entstehen, wenn man eine ungetestete Datenbank-Migration direkt in einer Cloud-Produktionsumgebung ausführt.
  3. API-Design: Entwirf die Struktur einer API-Anfrage für ein Online-Bestellsystem. Welche Daten müssen übertragen werden und wie stellst du die Autorisierung sicher?
  4. Systemdenken: Formuliere einen Leitfaden mit fünf goldenen Regeln für Entwickler, die KI-Tools nutzen, um sichere und stabile Software zu schreiben.



<inputbox>

type=create break=no preload=CHAT GPT TEXT HIER EINFÜGEN default= width=30 placeholder= Dein MOOC Titel buttonlabel=MOOC erstellen </inputbox>


Text bearbeiten Bild einfügen Video einbetten Interaktive Aufgaben erstellen




aiMOOC-Projekte






Schulfach+

Prüfungsliteratur 2026
Bundesland Bücher Kurzbeschreibung
Baden-Württemberg

Abitur

  1. Der zerbrochne Krug - Heinrich von Kleist
  2. Heimsuchung - Jenny Erpenbeck

Mittlere Reife

  1. Der Markisenmann - Jan Weiler oder Als die Welt uns gehörte - Liz Kessler
  2. Ein Schatten wie ein Leopard - Myron Levoy oder Pampa Blues - Rolf Lappert

Abitur Dorfrichter-Komödie über Wahrheit/Schuld; Roman über einen Ort und deutsche Geschichte. Mittlere Reife Wahllektüren (Roadtrip-Vater-Sohn / Jugendroman im NS-Kontext / Coming-of-age / Provinzroman).

Bayern

Abitur

  1. Der zerbrochne Krug - Heinrich von Kleist
  2. Heimsuchung - Jenny Erpenbeck

Abitur Lustspiel über Machtmissbrauch und Recht; Roman als Zeitschnitt deutscher Geschichte an einem Haus/Grundstück.

Berlin/Brandenburg

Abitur

  1. Der zerbrochne Krug - Heinrich von Kleist
  2. Woyzeck - Georg Büchner
  3. Der Biberpelz - Gerhart Hauptmann
  4. Heimsuchung - Jenny Erpenbeck

Abitur Gerichtskomödie; soziales Drama um Ausbeutung/Armut; Komödie/Satire um Diebstahl und Obrigkeit; Roman über Erinnerungsräume und Umbrüche.

Bremen

Abitur

  1. Nach Mitternacht - Irmgard Keun
  2. Mario und der Zauberer - Thomas Mann
  3. Emilia Galotti - Gotthold Ephraim Lessing oder Miss Sara Sampson - Gotthold Ephraim Lessing

Abitur Roman in der NS-Zeit (Alltag, Anpassung, Angst); Novelle über Verführung/Massenpsychologie; bürgerliche Trauerspiele (Moral, Macht, Stand).

Hamburg

Abitur

  1. Der zerbrochne Krug - Heinrich von Kleist
  2. Das kunstseidene Mädchen - Irmgard Keun

Abitur Justiz-/Machtkritik als Komödie; Großstadtroman der Weimarer Zeit (Rollenbilder, Aufstiegsträume, soziale Realität).

Hessen

Abitur

  1. Der zerbrochne Krug - Heinrich von Kleist
  2. Woyzeck - Georg Büchner
  3. Heimsuchung - Jenny Erpenbeck
  4. Der Prozess - Franz Kafka

Abitur Gerichtskomödie; Fragmentdrama über Gewalt/Entmenschlichung; Erinnerungsroman über deutsche Brüche; moderner Roman über Schuld, Macht und Bürokratie.

Niedersachsen

Abitur

  1. Der zerbrochene Krug - Heinrich von Kleist
  2. Das kunstseidene Mädchen - Irmgard Keun
  3. Die Marquise von O. - Heinrich von Kleist
  4. Über das Marionettentheater - Heinrich von Kleist

Abitur Schwerpunkt auf Drama/Roman sowie Kleist-Prosatext und Essay (Ehre, Gewalt, Unschuld; Ästhetik/„Anmut“).

Nordrhein-Westfalen

Abitur

  1. Der zerbrochne Krug - Heinrich von Kleist
  2. Heimsuchung - Jenny Erpenbeck

Abitur Komödie über Wahrheit und Autorität; Roman als literarische „Geschichtsschichtung“ an einem Ort.

Saarland

Abitur

  1. Heimsuchung - Jenny Erpenbeck
  2. Furor - Lutz Hübner und Sarah Nemitz
  3. Bahnwärter Thiel - Gerhart Hauptmann

Abitur Erinnerungsroman an einem Ort; zeitgenössisches Drama über Eskalation/Populismus; naturalistische Novelle (Pflicht/Überforderung/Abgrund).

Sachsen (berufliches Gymnasium)

Abitur

  1. Der zerbrochne Krug - Heinrich von Kleist
  2. Woyzeck - Georg Büchner
  3. Irrungen, Wirrungen - Theodor Fontane
  4. Der gute Mensch von Sezuan - Bertolt Brecht
  5. Heimsuchung - Jenny Erpenbeck
  6. Der Trafikant - Robert Seethaler

Abitur Mischung aus Klassiker-Drama, sozialem Drama, realistischem Roman, epischem Theater und Gegenwarts-/Erinnerungsroman; zusätzlich Coming-of-age im historischen Kontext.

Sachsen-Anhalt

Abitur

  1. (keine fest benannte landesweite Pflichtlektüre veröffentlicht; Themenfelder)

Abitur Schwerpunktsetzung über Themenfelder (u. a. Literatur um 1900; Sprache in politisch-gesellschaftlichen Kontexten), ohne feste Einzeltitel.

Schleswig-Holstein

Abitur

  1. Der zerbrochne Krug - Heinrich von Kleist
  2. Heimsuchung - Jenny Erpenbeck

Abitur Recht/Gerechtigkeit und historische Tiefenschichten eines Ortes – umgesetzt über Drama und Gegenwartsroman.

Thüringen

Abitur

  1. (keine fest benannte landesweite Pflichtlektüre veröffentlicht; Orientierung am gemeinsamen Aufgabenpool)

Abitur In der Praxis häufig Orientierung am gemeinsamen Aufgabenpool; landesweite Einzeltitel je nach Vorgabe/Handreichung nicht einheitlich ausgewiesen.

Mecklenburg-Vorpommern

Abitur

  1. (Quelle aktuell technisch nicht abrufbar; Beteiligung am gemeinsamen Aufgabenpool bekannt)

Abitur Land beteiligt sich am länderübergreifenden Aufgabenpool; konkrete, veröffentlichte Einzeltitel konnten hier nicht ausgelesen werden.

Rheinland-Pfalz

Abitur

  1. (keine landesweit einheitliche Pflichtlektüre; schulische Auswahl)

Abitur Keine landesweite Einheitsliste; Auswahl kann schul-/kursbezogen erfolgen.




aiMOOCs



aiMOOC Projekte












THE MONKEY DANCE



{{#ev:youtube | https://youtu.be/rFhZlg38Zf8?si=9KdMNZYRkRD81YTo%7C 500 | center}}

The Monkey DanceaiMOOCs

  1. Trust Me It's True: #Verschwörungstheorie #FakeNews
  2. Gregor Samsa Is You: #Kafka #Verwandlung
  3. Who Owns Who: #Musk #Geld
  4. Lump: #Trump #Manipulation
  5. Filth Like You: #Konsum #Heuchelei
  6. Your Poverty Pisses Me Off: #SozialeUngerechtigkeit #Musk
  7. Hello I'm Pump: #Trump #Kapitalismus
  8. Monkey Dance Party: #Lebensfreude
  9. God Hates You Too: #Religionsfanatiker
  10. You You You: #Klimawandel #Klimaleugner
  11. Monkey Free: #Konformität #Macht #Kontrolle
  12. Pure Blood: #Rassismus
  13. Monkey World: #Chaos #Illusion #Manipulation
  14. Uh Uh Uh Poor You: #Kafka #BerichtAkademie #Doppelmoral
  15. The Monkey Dance Song: #Gesellschaftskritik
  16. Will You Be Mine: #Love
  17. Arbeitsheft
  18. And Thanks for Your Meat: #AntiFactoryFarming #AnimalRights #MeatIndustry


© The Monkey Dance on Spotify, YouTube, Amazon, MOOCit, Deezer, ...

{{#ev:youtube | https://youtu.be/Ob7etf9QuBo?si=t_NBA71bWg3Rq3LI%7C 500 | center}}



Text bearbeiten Bild einfügen Video einbetten Interaktive Aufgaben erstellen

<inputbox>

type=create break=no preload=MOOCit Vorlage default= width=30 placeholder= Dein MOOC Titel buttonlabel=MOOC erstellen </inputbox>