Web Klausur

In der letzten Vorlesungen wurden folgende Themen aufgelistet:

• Lastenheft (Praktikum 1) ✅
• Pflichtenheft (Praktikum 2) ✅
• CiviCRM (Praktikum 3)
  • Begriffe erklären
• Aufbau HTML-Seite
  • Struktur ✅
  • Semantik
  • Erklären können ✅
• Client und Server
  • Wie kommt ein Dokument vom Server zum Client ✅
  • Skizze erstellen ✅
  • Blickwinkel 1 (Beschreiben Sie) ✅
  • Stylesheets
• Was macht HTML, CSS, JavaScript ✅
  • Erklären können mit einem Satz ✅
• World Wide Web ✅
  • Web 1.0, 2.0, 3.0 ✅
  • “Das Dritte Web” -> Techniken rauslesen, skizzieren
  • https://tante.cc/2022/02/04/das-dritte-web/ 
• HTML
  • Versionen ✅
  • Elemente und Attribute (Beispiele / Unterschiede) ✅
  • Block und Inline Elemente ✅
• Ted Nelson ✅
• TLS ✅
  • Skizzieren ✅
• Fehlertolerenz ✅
  • Warum arbeiten Browser anders als Code (Compiler) ✅
  • Wie reagiert der Browser. Wie wird gehandelt ✅
  • Warum braucht es Fehlertoleranz ✅
• Browser
  • Umfang (Browser komplexer als Linux Kernel) ✅
  • Was macht ein Browser ✅
  • Tali Garsiel: How Browsers work
  • DOM Tree und Render Tree ✅
• Seiten Layout mit Table
  • Aufbau ✅
  • Tabellen mit Javascript
• Formulare
  • Aufbau ✅
  • Methoden ✅
  • Input Elemente ✅
• Event Handler ✅
  • Was ist das ✅
  • Beispielcode ✅
  • Anwendungsfälle ✅
• Event Listener ✅
• JavaScript Aufgaben ✅
  • Ergebnisse erkennen ✅
  • Datentypen ✅
    • Reihenfolge der Bearbeitung ✅
• JavaScript
  • Einbau in HTML ✅
  • Wo kommt javaScript her ✅
  • Gefährlich? ✅
• Code Lokal oder Server ✅
  • Unterschiede ✅
  • Vorteile ✅
• Windows Funktion ✅
  • Größe des Browserfensters erkennen ✅
• Browserleaks durchgehen ✅
• innerHTML und textContent ✅
• Attribute eines Elements ändern ✅
  • Suchen Sie XY Element und verändern Sie dieses ✅
• Array und Objekte ✅
• DOM
  • Was ist das ✅
  • Was kann man machen ✅
  • Wie funktioniert die Navigation ✅
  • Begriffe KÖNNEN
• AJAX ✅
  • Was passiert da ✅
  • asynchronität ✅
• AJAX Backend ✅
  • Was für Request gibt es (GET, PUSH, PUT, DELETE) ✅
• HTTP (Hyper Text Transfer Protocol) ✅
  • HTML Error Codes (200 OK, 404 Not Found, 500 Internal Server Error) ✅
  • URI ✅
• Abkürzungen können
• CSS
  • Welche Selektoren und was machen die ✅
  • CSS Übung von 15. Jan ✅
  • Warum “background-color” in CSS und “backgroundColor” in JavaScript ✅
  • Stylesheet Aufbau ✅
  • Beispiele nennen und erklären ✅
  • Operatoren (Sehr genau angucken) ✅
    • Leerzeichen, ., >, + ✅
  • Spezifität ✅
  • width, height, padding, margin, border ✅
  • Border Box und Content Box ✅
  • inline-block ✅
• Fonts ✅
  • Styles, Gewicht, Größe ✅
  • Welche gibts ✅
  • Google Fonts ✅
  • Wie wendet man die an ✅
  • WOFF2, TTF, OTF ✅
• Responsive Web Design ✅
  • Was ist das ✅
  • Benötigt HTML und CSS ✅
  • @media Querys ✅
    • Media Features ✅
      • Beispiele angucken
• flex und grid ✅
  • Unterschiede ✅
  • Anwendungsfälle ✅
  • Welchen Zweck ✅
• Absichern von Client und Server ✅
• HTTP vs HTTPS
  • TLS-Handshake ✅
    • Ablauf ✅
    • Wie funktioniert dieser ✅
  • Wo ist symetrische und asymetrische Verschlüsselung im Einsatz ✅
  • TLS-Zertifikat ✅
    • LetsEncrypt ✅
    • Domain Validierung, Organisation Validierung ✅
• CMS
  • Hugo
  • Dynamisch vs Statisch
• Proxy Server ✅
  • Reverse Proxy ✅
  • Forward Proxy ✅

9 Teile