Web uebungen: Unterschied zwischen den Versionen

Aus CCWiki
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 12: Zeile 12:
* JSON
* JSON
* HTML
* HTML
** Elemente verstehen und erstellen (html, head, body, table, div, a, ...)
** Elemente verstehen und erstellen (html, head, body, table, div, a,...)
* CSS
* CSS
** Erstellen von eigenen Klassen
** Erstellen von eigenen Klassen
Zeile 18: Zeile 18:
** CSS Selektoren erstellen
** CSS Selektoren erstellen
** Inline CSS in HTML
** Inline CSS in HTML
** CSS im HTML Head
** CSS in eigener Datei (import in HTML)
** Styling der wichtigsten Attribute (margin, padding, display, ''flexbox'')
** Styling der wichtigsten Attribute (margin, padding, display, ''flexbox'')
* Javascript
** Eigene Methoden schreiben
** Eventlistener (onClick,...)
** Javascript im HTML Head
** Javascript in eigener Datei (import in HTML)
** HTML Elemente mittels Javascript erstellen/ändern/löschen

Version vom 30. November 2021, 19:20 Uhr

Im folgenden finden sich Übungen für das Thema Web. Weiters soll direkt ein Überblick über die Themen erfolgen.

Überblick

Ein grundlegendes Verständnis folgender Begriffe soll erlangt werden. Diese sind nicht chronologisch geordnet.

Tip:
* Für weitere Informationen bzgl. Webtechnologien: Webtechnologien
* Für weitere Informationen bzgl. Webservices und Client- Serverkonzepte: Webservices und Client Server Konzepte
  • Was ist eine Client- Server Architektur?
  • Was ist ein Webservice?
  • HTTP
  • JSON
  • HTML
    • Elemente verstehen und erstellen (html, head, body, table, div, a,...)
  • CSS
    • Erstellen von eigenen Klassen
    • Styling für HTML Elemente erstellen
    • CSS Selektoren erstellen
    • Inline CSS in HTML
    • CSS im HTML Head
    • CSS in eigener Datei (import in HTML)
    • Styling der wichtigsten Attribute (margin, padding, display, flexbox)
  • Javascript
    • Eigene Methoden schreiben
    • Eventlistener (onClick,...)
    • Javascript im HTML Head
    • Javascript in eigener Datei (import in HTML)
    • HTML Elemente mittels Javascript erstellen/ändern/löschen