Grundlagen Interaktiver Systeme
GIS Einführung
HTML Grundlagen
CSS Grundlagen
CSS Vertiefung
DOM und JavaScript
Events und JS Funktionen
Canvas und JS Objekte
JSON und localStorage
Server und Requests
Relationale Datenbanken
NoSQL Datenbanken
Ausblick
HTML Seite erzeugen
Web-Frameworks
Server-side rendering (SSR)
Content Management
Client-side rendering (CSR)
Progressive Web App (PWA)
Pre-Rendering
Inhalte separat verwalten
Weitere Tools
Linksammlung
☰
⇦
⇨
⛶
❮❯
Web-Frameworks
Webseiten und Webanwendungen benötigen meist immer wieder die gleichen grundlegenden Funktionen
Web-Frameworks
sind Code-Pakete die ein Programmgerüst liefern, auf dem mit eigenem Code aufgebaut werden kann
Bibliotheken
sind Code-Pakete, die im eigenen Code verwendet werden können
Web-Frameworks bieten:
Programmgerüst
Code für häufig benötigte Funktionen (z. B. Authentifizierung, Templates, URL-Routing)
Vorgabe zur Struktur des Codes (z. B. Trennung von Darstellung, Anwendungslogik und Daten)
schnellere Umsetzung
Web-Frameworks bedingen:
Einarbeitungszeit (Dokumentation und Community wichtig)
Auswahl des passenden Frameworks
Abhängigkeit von Entwicklern des Frameworks
ggf. Code der nicht verwendet wird
Templates
Vorlage für Seite, in die Daten/Inhalte eingesetzt werden
für die Daten werden Platzhalter im HTML Code angelegt
Design von Logik + Daten trennen
Template Engine: Software, welche die Daten in die Vorlage einsetzt
Template Sprache: erlaubt das Anlegen von Platzhaltern und oft auch einfache Programmierkonzepte wie Abfragen und Schleifen
Beispiel:
Code
<
p
>
{{
name
}}
</
p
>
URL Routing
teilweise als Standard Einstellung von Server auf Dateisystem abgebildet (sendet Datei entsprechend der Route zurück)
URL selbst behandeln, z. B. mit Handler Funktion verknüpfen
Aufbau der Routen überlegen und möglichst standardisieren
möglichst "sprechende URLs" (verständlich für Nutzer)
˄