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

Dieses Quiz als Battle spielen: Deutsch, Klasse 7-8, G-Niveau

Kurzinfo

In diesem Video lernst Du, warum künstliche Intelligenz allein keine komplexen Softwaresysteme bauen kann. Du erfährst, wie wichtig das Zusammenspiel von Frontend, Backend und Datenbanken ist. Zudem zeigt das Video, worauf Du bei Sicherheit und Testing besonders achten musst.

Quiz: Teste Dein Wissen

Was passiert laut Video, wenn man KI-generierten Code blind aneinanderreiht, ohne die Architektur zu verstehen? (Man baut ein sehr instabiles System wie ein Kartenhaus.) (!Die App wird automatisch perfekt und fehlerfrei.) (!Der Server stuerzt sofort beim ersten Klick ab.) (!Die Datenbank loescht sich von selbst.)

Was bedeutet 'Full-Stack' in der Softwareentwicklung? (Die Entwicklung ueber alle Bereiche wie Frontend, Backend und Datenbanken hinweg.) (!Das reine Designen von Benutzeroberflaechen.) (!Das ausschliessliche Schreiben von Datenbank-Befehlen.) (!Das Stapeln von Server-Hardware im Rechenzentrum.)

Welches Beispiel fuer ein 'vertikales Feature' wird im Video genannt? (Das Speichern einer Notiz.) (!Das Aendern der Hintergrundfarbe.) (!Das Herunterladen eines Musikvideos.) (!Das Erstellen eines neuen Benutzer-Passworts.)

Welche Hauptaufgabe hat das Frontend? (Es dient als Uebersetzungsschicht zwischen menschlichem Verhalten und dem System.) (!Es speichert alle Daten dauerhaft ab.) (!Es ueberprueft die Passwoerter auf dem Server.) (!Es steuert die gesamte Logik der Cloud.)

Warum sollte man dem Frontend nicht blind vertrauen? (Weil ein schoen aussehender Button im Hintergrund falsche Daten senden kann.) (!Weil das Frontend nach einer Stunde automatisch geloescht wird.) (!Weil das Frontend keine Farben darstellen kann.) (!Weil das Frontend nur auf Smartphones funktioniert.)

Welche Rolle uebernimmt die API (Schnittstelle) im System? (Sie arbeitet wie ein Tuersteher und kontrolliert den Datenfluss.) (!Sie speichert die Passwoerter im Klartext.) (!Sie gestaltet das Design der Webseite.) (!Sie schaltet den Server bei Fehlern aus.)

Was bedeutet der HTTP-Statuscode 401? (Der Nutzer ist nicht autorisiert oder angemeldet.) (!Die Anfrage war erfolgreich.) (!Die gesuchte Seite wurde nicht gefunden.) (!Es liegt ein schwerer Serverfehler vor.)

Warum ist eine Datenbank mehr als nur eine einfache Excel-Tabelle? (Sie sichert die Datenkonsistenz und steuert Beziehungen durch feste Regeln.) (!Sie kann unendlich viele Bilder gleichzeitig anzeigen.) (!Sie benoetigt keinen Strom, um Daten zu speichern.) (!Sie korrigiert Programmierfehler im Frontend automatisch.)

Was beschreibt das Sicherheitsrisiko 'BOLA' (Broken Object Level Authorization)? (Es fehlt die Pruefung, ob ein Nutzer das Recht hat, auf ein bestimmtes Objekt zuzugreifen.) (!Der Server ist durch zu viele Anfragen ueberlastet.) (!Die Passwoerter werden unverschluesselt uebertragen.) (!Die Datenbank ist physisch beschaedigt.)

Warum reicht es nicht aus, wenn eine App nur auf dem eigenen Laptop laeuft ('Works on my machine')? (Weil in der echten Produktion echte Daten, viele Nutzer und echte Kosten anfallen.) (!Weil Laptops weniger Strom verbrauchen als Server.) (!Weil die KI auf dem eigenen Laptop keine Fehler macht.) (!Weil man Apps nur auf Servern programmieren darf.)

Offene Aufgaben

Leicht

Mindmap erstellen: Erstelle eine Mindmap, die die Begriffe Frontend, Backend und API miteinander verbindet.
Fehlercodes recherchieren: Finde heraus, was die HTTP-Statuscodes 200, 400 und 404 bedeuten und schreibe es kurz auf.
KI-Prompt testen: Bitte eine KI, dir den Code fuer einen einfachen Button zu schreiben, und beschreibe, was dieser Button tun soll.
Datenfluss zeichnen: Zeichne den Weg einer Nachricht auf, die du in einem Chat abschickst, bis sie in der Datenbank landet.

Standard

API-Tuersteher erklaeren: Erklaere in eigenen Worten, warum die API im Video als 'Tuersteher' bezeichnet wird.
BOLA-Szenario analysieren: Stell dir vor, ein Online-Tagebuch hat eine BOLA-Sicherheitsluecke. Was koennte im schlimmsten Fall passieren?
Frontend vs. Backend: Vergleiche das Frontend und das Backend einer App. Welche Aufgaben hat welcher Teil?
Datenbank-Constraints: Recherchiere, was ein 'Constraint' (eine Bedingung) in einer Datenbank ist, und nenne ein Beispiel.

Schwer

Sicherheits-Checkliste entwerfen: Erstelle eine Checkliste fuer Entwickler, um typische Sicherheitsluecken bei der Nutzung von KI-Code zu vermeiden.
Deployment-Gefahren diskutieren: Diskutiere, warum ein fehlerhafter Datenbank-Befehl beim Veroeffentlichen (Deployment) einer App gefaehrlich ist.
KI-Annahmen hinterfragen: Nimm einen von einer KI generierten Code-Schnipsel und finde heraus, welche 'stummen Annahmen' die KI dabei getroffen hat.
CI/CD-Pipeline erklaeren: Erklaere, wie eine automatisierte Test-Pipeline (CI/CD) dabei hilft, Fehler vor der Veroeffentlichung einer App zu finden.