Lernfeld 10a: Benutzerschnittstellen gestalten und entwickeln

Section outline

• Select section General

  Collapse Expand

  General

  Collapse all Expand all
• Select section Allgemeine Informationen

  Collapse Expand

  Allgemeine Informationen

  Lernfeld 10a: Benutzerschnittstellen gestalten und entwickeln
  3. Ausbildungsjahr - Zeitrichtwert: 80 Stunden

  
  

  Rahmenlehrplan

  Handreichungen
  

  
  

  Hier nicht gefunden, was Sie suchen?

  Suche über alle Moodle-Kurse von Wolfhard Eick
  

  • Select activity Didaktische Vorüberlegungen

    

    Didaktische Vorüberlegungen Page
• Select section HTML

  Collapse Expand

  HTML

  Hypertext Markup Language (dt. Hypertext-Auszeichnungssprache) ist eine textbasierte Sprache zur Beschreibung der Struktur von Webseiten.
  

  • Select activity Auszeichnungen (tags)

    

    Auszeichnungen (tags) Page
  • Select activity Allgemeine Struktur von HTML-Dokumenten

    

    Allgemeine Struktur von HTML-Dokumenten Page
  • Select activity Links (ausführbare Verweise)

    

    Links (ausführbare Verweise) Page
  • Select activity Graphikdateien einbinden

    

    Graphikdateien einbinden Page
  • Select activity Absolute und relative Pfadangaben

    

    Absolute und relative Pfadangaben Page
  • Select activity HTML5

    

    HTML5 Page
• Select section CSS

  Collapse Expand

  CSS

  In CSS-Formatvorlagen (cascading style sheet = dt. kaskadierende Stilvorlage) wird das Design der HTML-Elemente definiert.
  

  • Select activity CSS - Selektoren

    

    CSS - Selektoren Page
  • Select activity CSS auf HTML-Seite anwenden

    

    CSS auf HTML-Seite anwenden Page
  • Select activity Aufgabe: CSS

    

    Aufgabe: CSS Assignment

    Opened: Friday, 12 September 2025, 12:00 AM

    Due: Friday, 19 September 2025, 12:00 AM
  • Select activity Lösung: CSS

    

    Lösung: CSS Page
• Select section JavaScript

  Collapse Expand

  JavaScript

  JavaScript ist eine plattformübergreifende, objektorientierte Skriptsprache, die verwendet wird, um Webseiten interaktiv zu gestalten (z. B. mit komplexen Animationen, anklickbaren Schaltflächen, Popup-Menüs usw.).
  

  • Select activity Client- und serverseitiges JavaScript

    

    Client- und serverseitiges JavaScript Page
  • Select activity "Hello World" mit JavaScript im Browser

    

    "Hello World" mit JavaScript im Browser Page
  • Select activity JavaScript in aller Kürze

    

    JavaScript in aller Kürze Page
  • Select activity Aufgabe: JS interagiert mit HTML (Animation der Seite)

    

    Aufgabe: JS interagiert mit HTML (Animation der Seite) Assignment
  • Select activity Lösung: JS interagiert mit HTML (Animation der Seite)

    

    Lösung: JS interagiert mit HTML (Animation der Seite) Page
  • Select activity Aufgabe: JS lädt JSON-Daten in die Webseite

    

    Aufgabe: JS lädt JSON-Daten in die Webseite Assignment
  • Select activity Lösung: JS lädt JSON-Daten in die Webseite

    

    Lösung: JS lädt JSON-Daten in die Webseite Page
  • Select activity Aufgabe: JSON vs. XML

    

    Aufgabe: JSON vs. XML Assignment
  • Select activity Lösung: JSON vs. XML

    

    Lösung: JSON vs. XML Page
• Select section Dynamische Webseiten

  Collapse Expand

  Dynamische Webseiten

  Im Gegensatz zu statischen Webseiten werden dynamische Webseiten auf dem Webserver verändert, bevor sie zum Browser gesandt werden.

  • Select activity Exkurs: Webserver

    

    Exkurs: Webserver Page
  • Select activity Statische versus dynamische Webseiten

    

    Statische versus dynamische Webseiten Page
• Select section Microservices

  Collapse Expand

  Microservices

  • Select activity Microservices und monolithische Architektur

    

    Microservices und monolithische Architektur Page
  • Select activity Vor- und Nachteile der Microservices-Architektur

    

    Vor- und Nachteile der Microservices-Architektur Assignment
  • Select activity Lösung: Vor- und Nachteile der Microservices-Architektur

    

    Lösung: Vor- und Nachteile der Microservices-Architektur Page
  • Select activity RESTful API

    

    RESTful API Page
  • Select activity OpenAPI

    

    OpenAPI Page
• Select section Python Webframework: Flask

  Collapse Expand

  Python Webframework: Flask

  • Select activity Flask vs. Bottle vs. Django

    

    Flask vs. Bottle vs. Django Page
  • Select activity GET mit Flask

    

    GET mit Flask Assignment
  • Select activity Lösung: GET mit Flask

    

    Lösung: GET mit Flask Page
  • Select activity Aufgabe: POST mit Flask

    

    Aufgabe: POST mit Flask Assignment
  • Select activity Lösung: POST mit Flask

    

    Lösung: POST mit Flask Page
• Select section Mikroservice zur Authentifizierung/Autorisierung

  Collapse Expand

  Mikroservice zur Authentifizierung/Autorisierung

  • Select activity Authentifizierung und Autorisierung

    

    Authentifizierung und Autorisierung Page
  • Select activity Einfache token-basierte Authentifizierung mit Session-ID

    

    Einfache token-basierte Authentifizierung mit Session-ID Page
  • Select activity Aufgabe: Dummy eines Microservice zur Authentifizierung

    

    Aufgabe: Dummy eines Microservice zur Authentifizierung Assignment
  • Select activity Lösung: Dummy eines Microservice zur Authentifizierung

    

    Lösung: Dummy eines Microservice zur Authentifizierung Page
  • Select activity Vorbereitung MySQL- bzw. MariaDB-Server

    

    Vorbereitung MySQL- bzw. MariaDB-Server Page
  • Select activity MySQL- bzw. MariaDB-Anbindung mit Python3

    

    MySQL- bzw. MariaDB-Anbindung mit Python3 Page
  • Select activity Aufgabe: SimpleAuthService mit Datenbank

    

    Aufgabe: SimpleAuthService mit Datenbank Assignment
  • Select activity Lösung: SimpleAuthService mit Datenbank

    

    Lösung: SimpleAuthService mit Datenbank Page
  • Select activity Exkurs: Salted (and peppered) Hashing

    

    Exkurs: Salted (and peppered) Hashing Page
  • Select activity Exkurs und Aufgabe: SQL-Injection

    

    Exkurs und Aufgabe: SQL-Injection Assignment
  • Select activity Aufgabe: Token-basierte Webanwendung

    

    Aufgabe: Token-basierte Webanwendung Assignment

    Opened: Thursday, 3 November 2022, 12:00 AM
  • Select activity Lösungsvorschlag: einfache token-basierte Webanwendung

    

    Lösungsvorschlag: einfache token-basierte Webanwendung Page
  • Select activity Exkurs: Web Fonts

    

    Exkurs: Web Fonts Page
  • Select activity Lösungsvorschlag: JWT-basierte Webanwendung

    

    Lösungsvorschlag: JWT-basierte Webanwendung Page
  • Select activity Exkurs: JSON Web Token

    

    Exkurs: JSON Web Token Page
  • Select activity Lösungsvorschlag: Anmeldung mit Google-Konto

    

    Lösungsvorschlag: Anmeldung mit Google-Konto Page
  • Select activity Exkurs: OAuth2 und OpenID Connect

    

    Exkurs: OAuth2 und OpenID Connect Page
  • Select activity Lösungsvorschlag: 2FA mit TOTP

    

    Lösungsvorschlag: 2FA mit TOTP Page
  • Select activity Exkurs: 2FA und TOTP

    

    Exkurs: 2FA und TOTP Page
  • • Collapse Expand

      Passkey

      • Select activity Lösungsvorschlag: Passkey

        

        Lösungsvorschlag: Passkey Page
      • Select activity Exkurs: Passkey

        

        Exkurs: Passkey Page
• Select section Hilfsfunktionen

  Collapse Expand

  Hilfsfunktionen

  • Select activity Python Virtual Environment

    

    Python Virtual Environment Page
• Select section 1. Klausur

  Collapse Expand

  1. Klausur

  Not available
• Select section 2. Klausur

  Collapse Expand

  2. Klausur

  Not available