Haben Sie Fragen?
Maike Wollmann
Kundenbetreuung
+49 (40) 414250-18
Webanwendungen entwickelnModerne Web-Anwendungen werden immer häufiger als Single-Page-Anwendungen gebaut, die vollständig im Browser laufen, um höchstmöglichen Ansprüchen an UI und UX zu genügen.
Dieses Seminar führt Sie in die Entwicklung von Single-Page-Anwendungen am Beispiel mit React ein. React ist eine JavaScript-Bibliothek die von Facebook entwickelt und als Open-Source-Projekt zur Verfügung gestellt wird. Obwohl React an vielen Stellen mit bestehenden „Best-Practices“ bricht, hat es sich in vielen Projekten und namhaften Websites etabliert.
In diesem Seminar lernen Sie, wie Sie React-Komponenten entwickeln und daraus schließlich eine ganze Anwendung. Sie werden sehen, wie Sie Zugriffe auf eine REST-API machen und 3rd-Party-Bibliotheken in Ihre Anwendung integrieren können.
Außerdem werfen wir einen Blick auf verschiedene Architekturmuster, wie etwa „Flux“ und das Framework „Redux“, mit denen typische Architektur-Probleme bei der Entwicklung von Web-Anwendungen adressiert werden und die auch außerhalb von React Verbreitung finden.
Um Anforderungen wie Langlebigkeit und Wartbarkeit zu genügen, werden wir uns ansehen, wie Sie mit TypeScript auch typsichere Anwendungen mit React bauen können. TypeScript ist eine von Microsoft entwickelte Sprache, die JavaScript unter anderem um ein Typ-System erweitert.
Am Ende des Workshops werden Sie eine Vorstellung davon haben, wie React-Anwendungen aufgebaut sind und was die Stärken und Schwächen von React sind. Die vorgestellten Architekturmuster (und die Sprache TypeScript) lassen sich auch mit anderen JavaScript Frameworks wie Angular oder Vue verwenden.
Zusätzlich zu den Seminarunterlagen erhält jeder Teilnehmer ein Exemplar des Buches „React – Die praktische Einführung in React, React Router und Redux“ von Oliver Zeigermann und Nils Hartmann.
Inhalt
- Was sind Single-Page-Anwendungen?
- React Grundlagen (inkl. Einführung in ES6)
- Architekturmuster: Smart- und Dumb Komponenten
- Anbindung einer REST-API
- Lebenszyklus von React Komponenten
- TypeScript Grundlagen
- Typsichere React-Anwendungen mit TypeScript
- Statemanagement mit Redux
Voraussetzungen
Dieses Seminar richtet sich an Entwickler und Architekten, die Single-Page-Anwendungen entwickeln wollen. Hierzu werden im Seminar React, JavaScript & TypeScript verwendet. Die im Laufe des Seminars vorgestellten Architekturmuster sowie TypeScript lassen sich allerdings auch mit anderen Web-Frameworks wie z.B. Angular anwenden. Teilnehmer sollten erste Erfahrungen mit der Web-Entwicklung und der Sprache JavaScript haben, am besten von ECMAScript 2015 (ES6).