Backend

Übungsaufgaben zu Webtechnologien

Vier Übungsaufgaben zu Webtechnologien: eine falsche Vorstellung von „dynamisch“ richtigstellen, Aufgaben von HTML, CSS und JavaScript zuordnen, Aussagen zu Webanwendung, Desktop-Programm und App prüfen, die Wirkung von HTML-Zeilen erläutern, ein fehlendes Stylesheet und falsch dargestellte Umlaute als Fehler analysieren, Responsive Design erläutern, native Apps, Web-App und Progressive Web App in einer Vergleichstabelle bewerten, die Erinnerungsfunktion systematisch testen sowie die Freischaltung eines Internetauftritts beurteilen und eine fehlerhafte HTML-Seite korrigieren.

Webtechnologien: Websites, HTML/CSS, Web-Apps und native Apps

Was passiert, wenn Du eine Website aufrufst, und was ist der Unterschied zwischen einer statischen und einer dynamischen Website? Du lernst, welche Aufgaben HTML, CSS und JavaScript übernehmen, wie ein HTML-Dokument aufgebaut ist, warum ein zentrales Stylesheet Arbeit spart und wie viel Speicher Zeichen in ASCII, UTF-8 und UTF-16 belegen. Außerdem vergleichst Du Desktop-Programme, Web-Apps, native Apps und Progressive Web Apps, unterscheidest Frontend und Backend und erfährst in einem Vertiefungsabschnitt, wie ein Internetauftritt geplant wird.

Softwarearchitektur: Schichten, MVC und Data Binding

Anwendungen werden meist in Schichten gegliedert: Präsentation, Fachlogik und Datenhaltung. Innerhalb der Präsentation teilt das Muster Model-View-Controller die Oberfläche in Daten (Model), Darstellung (View) und Steuerung (Controller). Ausgehend von diesen beiden Dreiteilungen wagen wir einen Blick auf das GUI-Pattern MVC, dessen Herkunft, die zentralen Eigenschaften, die alle Interpretationen des Patterns gemein haben, und auf Data Binding, mit dem Oberfläche und Daten automatisch abgeglichen werden. Ist überall MVC drin, wo MVC draufsteht?