Vortrag

Tragfähige Frontend-Architekturen

Nutzer von Webanwendungen erwarten heutzutage zurecht ein gewisses Maß an Dynamik und Komfort in den Frontends, das weit über die nativen Fähigkeiten von HTML hinausgeht. Begegnet man dieser Anforderung ohne ein klares Konzept, führt dies fast immer zu Wildwuchs und unwartbarem JavaScript-Code.

Dieser Vortrag soll zwei Möglichkeiten gegenüberstellen, die diesem Problem eine klare Frontend-Architektur entgegenstellen: ROCA und Single-Page-Anwendungen.

ROCA bzw. Unobtrusive JavaScript ist ein Ansatz, der vom Server kommend versucht, JavaScript eine klare Rolle zuzuweisen und so beherrschbar zu halten. Dies basiert im Kern auf dem Prinzip des «Progressive Enhancement», also auf dem sukzessiven Hinzufügen von Features genau dann, wenn die Zielplattform diese auch unterstützt. Progressive Enhancement wird oft als das klassische Prinzip der Web-Frontend-Architektur angesehen, auch wenn es in der Praxis selten konsequent umgesetzt wird.

Single-Page-Anwendungen stellen eine weitaus radikalere aber ebenso tragfähige Variante dar, bei der weitgehend auf Applikationslogik im Server verzichtet wird, da die Anwendung meist vollständig in JavaScript implementiert ist. Dies resultiert in einem Programmiermodell, in dem das Client-Server-Problem fast gänzlich verschwindet, was erheblich zur Reduktion von Komplexität beitragen kann.

Datum
25.03.2014
Uhrzeit
15:00 - 15:45
Konferenz / Veranstaltung
JavaLand 2014
Ort
Phantasialand, Brühl
  • Folie 1
    1/56
  • Folie 2
    2/56
  • Folie 3
    3/56
  • Folie 4
    4/56
  • Folie 5
    5/56
  • Folie 6
    6/56
  • Folie 7
    7/56
  • Folie 8
    8/56
  • Folie 9
    9/56
  • Folie 10
    10/56
  • Folie 11
    11/56
  • Folie 12
    12/56
  • Folie 13
    13/56
  • Folie 14
    14/56
  • Folie 15
    15/56
  • Folie 16
    16/56
  • Folie 17
    17/56
  • Folie 18
    18/56
  • Folie 19
    19/56
  • Folie 20
    20/56
  • Folie 21
    21/56
  • Folie 22
    22/56
  • Folie 23
    23/56
  • Folie 24
    24/56
  • Folie 25
    25/56
  • Folie 26
    26/56
  • Folie 27
    27/56
  • Folie 28
    28/56
  • Folie 29
    29/56
  • Folie 30
    30/56
  • Folie 31
    31/56
  • Folie 32
    32/56
  • Folie 33
    33/56
  • Folie 34
    34/56
  • Folie 35
    35/56
  • Folie 36
    36/56
  • Folie 37
    37/56
  • Folie 38
    38/56
  • Folie 39
    39/56
  • Folie 40
    40/56
  • Folie 41
    41/56
  • Folie 42
    42/56
  • Folie 43
    43/56
  • Folie 44
    44/56
  • Folie 45
    45/56
  • Folie 46
    46/56
  • Folie 47
    47/56
  • Folie 48
    48/56
  • Folie 49
    49/56
  • Folie 50
    50/56
  • Folie 51
    51/56
  • Folie 52
    52/56
  • Folie 53
    53/56
  • Folie 54
    54/56
  • Folie 55
    55/56
  • Folie 56
    56/56

Nach links wischen, um ggf. weitere Folien zu sehen

Scrollen oder die Pfeiltasten nutzen, um ggf. weitere Folien zu sehen

Scrollen, um ggf. weitere Folien zu sehen

Die Pfeiltasten nutzen, um ggf. weitere Folien zu sehen

 Folien downloaden

TAGS