Talk

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.

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

Swipe for more

Scroll or use your arrow keys for more

Scroll for more

Use your arrow keys for more

 Download Slides

TAGS