Es gibt eine Vielzahl von Frameworks zur Implementierung von Single Page Apps. Doch was sind eigentlich Single Page Apps? Benötigt man immer ein Framework und wie strukturiert man so eine Frontend-Applikation richtig? Letztere Frage wird leider viel zu häufig mit Frameworks/Libraries beantwortet anstatt das Produkt und die spezifischen Anforderungen in den Fokus zu rücken. Dieser Tech Talk schaut hinter die Kulissen und beleuchtet Grundpfeiler, gängige Konzepte und Patterns, die aktuell sehr verbreitet sind.
Klassik und Moderne
Neben klassischen Architekturen wie MVC/MVVM werden auch moderne Konzepte wie »One-Way-Dataflow“-Patterns und der reaktive Ansatz beleuchtet. Dazu gibt es einen Ausblick über gängige Render-Mechanismen, den Umgang mit Asynchronität und Kommunikations-Varianten mit dem Backend.
Weapon of Choice: JavaScript
Nach einem theoretischen Teil, wird praktisch per »Live-Coding« gezeigt, wie man eine SPA von Grund auf mit JavaScript entwickeln kann. Angefangen von der Entwicklung eines eigenen Routers bis hin zur Implementierung des MVVM-Patterns mit Two-Way-Databinding.
Wähle die Richtige
Doch wie wählt man jetzt die richtige Technologie für seine künftige Single Page App? Man sollte zuerst das Produkt analysieren: Wie komplex ist meine Applikation? Wie viel User-Interaktion gibt es? Ist die Analyse abgeschlossen, sollte man die simpelste Technologie wählen, mit welcher sich das Problem lösen lässt. Und je mehr man in das Lernen von JavaScript und gängigen Patterns investiert, desto einfacher wird es, zu differenzieren und die richtige Technologie-Entscheidung zu treffen.
Klassik und Moderne
Neben klassischen Architekturen wie MVC/MVVM werden auch moderne Konzepte wie »One-Way-Dataflow“-Patterns und der reaktive Ansatz beleuchtet. Dazu gibt es einen Ausblick über gängige Render-Mechanismen, den Umgang mit Asynchronität und Kommunikations-Varianten mit dem Backend.
Weapon of Choice: JavaScript
Nach einem theoretischen Teil, wird praktisch per »Live-Coding« gezeigt, wie man eine SPA von Grund auf mit JavaScript entwickeln kann. Angefangen von der Entwicklung eines eigenen Routers bis hin zur Implementierung des MVVM-Patterns mit Two-Way-Databinding.
Wähle die Richtige
Doch wie wählt man jetzt die richtige Technologie für seine künftige Single Page App? Man sollte zuerst das Produkt analysieren: Wie komplex ist meine Applikation? Wie viel User-Interaktion gibt es? Ist die Analyse abgeschlossen, sollte man die simpelste Technologie wählen, mit welcher sich das Problem lösen lässt. Und je mehr man in das Lernen von JavaScript und gängigen Patterns investiert, desto einfacher wird es, zu differenzieren und die richtige Technologie-Entscheidung zu treffen.
