1.338,75 € – 1.487,50 €

Webentwicklung mit React and Typescript

Bereich für Aktionen und Details

Ab 1.338,75 €

Eventinformationen

Dieses Event teilen

Datum und Uhrzeit

Veranstaltungsort

Veranstaltungsort

Online-Event

Beschreibung des Events
Der Online-Workshop der Golem Akademie behandelt die Grundlagen und Best Practices von React, in Kombination mit Typescript.

Zu diesem Event

React ist eine Open-Source-JavaScript-Bibliothek von Facebook, mit der Entwickler*innen User-Interfaces in HTML erstellen können. React allein ist allerdings nur ein kleiner Bestandteil einer komplexen Single Page Application (SPA) und wird oft mit anderen Bibliotheken wie Redux kombiniert. Seit 2019 ist das Konzept der "Hooks" als weiterer Bestandteil des React-Ökosystems eingeführt worden, welches eine deutlich angenehmere Strukturierung und Wiederverwendbarkeit von fachlicher Logik ermöglicht.

Der Einstieg ist relativ einfach und ermöglicht auch Anfänger*innen schnelle Ergebnisse. Für komplexere Anwendungen sind allerdings oftmals die Auswahl und Kombination der richtigen Pakete und das Aufsetzen einer Architektur sehr wichtig. Oft im direkten Vergleich stehen Angular und Vue, welche sich beide auf einen eher ganzheitlichen Ansatz abgestimmter Komponenten fokussieren, jedoch teilweise dadurch auch schwergewichtig wirken. React hingegen ist ein sehr flexibler Lego-Baukasten der individuell zusammengestellt werden kann.

In diesem Workshop fokussieren wir uns auf die Konzepte und Best Practices von React, des weiteren auf Besonderheiten der Architektur wie der Unidirectional Data Flow und der Virtual DOM. Wir nutzen React in Verbindung mit TypeScript, da sich diese Kombination für Projekte gerade im Enterprise-Bereich erfolgreich etabliert hat. Die Vorteile sind eine deutlich wartungsfreundlichere Code-Base und langfristig schnellere Zusammenarbeit.

Der Workshop wird über 5 halbe Tage online per Videokonferenz durchgeführt.

Die praktische Zusammenarbeit findet im virtuellen Klassenzimmer von Workshops.DE statt. Entsprechende Zugangsdaten erhalten Sie rechtzeitig vor dem Termin.

Inhalte

Javascript und JSX Grundlagen

  • ES2018 / ES2019 Einführung
  • Scoping mit var/let/const
  • Fat Arrow Functions
  • this im Detail
  • Klassen
  • Funktionen höherer Ordnung
  • Promises (Asynchronität)
  • Fehlerbehandlung bei Asynchronität
  • Destructuring
  • TypeScript Logo

Grundlagen TypeScript

Wir starten mit einer kurzen Einführung in TypeScript (ca. 3 Stunden). Dort lernen wir die Grundlagen für den anschließenden React-Teil.

  • Unterschiede zu ES6
  • Fat Arrow
  • Typen
  • Decorators/Annotationen
  • Modul-System
  • Interfaces
  • Generics
  • Compiler-Konfiguration
  • JSX

React - Grundlagen

Was ist React und wie nutze ich es richtig?

  • Komponenten
  • Einführung in JSX / JSX-Fallstricke
  • Aufsetzen von Applikationen mit Create React App und Webpack
  • Props & States
  • Virtual DOM - Grundlagen
  • Lifecycle von Komponenten
  • Hooks in React
  • JSX

React in der Praxis

Wir bauen eine komplette React-Applikation mit Build-Prozess, Routing, Formularen und API-Zugriff.

  • Daten via API von einem Backend abfragen
  • Übersicht über Flux, Redux, MobX
  • Vertiefung und Anwendung von Redux
  • Routing mit dem React Router
  • Formularerstellung und -validierung
  • Universal React (serverseitig rendern)
  • Best Practices für Performance und Wartbarkeit
  • Testen von Komponenten

KPIs

Du erlernst die Grundlagen von TypeScript und React anhand praktischer Beispiele.

Du kennst Lösungen und Alternativen für verschiedene Use-Cases, Best Practices, Testing und Wartbarkeit.

Voraussetzungen

Voraussetzung zur Teilnahme sind grundlegende Kenntnisse des Webs, HTML und CSS. Weiterhin sollten solide Kenntnisse in mindestens einer Programmiersprache bestehen.

Der Workshop wird in deutscher Sprache durchgeführt. Die Teilnehmenden benötigen eigene PCs mit dem Betriebssystem ihrer Wahl.

Eckdaten

Zielgruppe: Softwareentwickler*innen, Softwareingenieure*innen | Dauer: 5 halbe Tage | Trainer: Thomas Scharke | Online-Seminar | Teilnehmerzahl: 6-12

Sollte der Workshop aufgrund Krankheit, höherer Gewalt oder zu geringer Teilnehmerzahl nicht durchgeführt werden können, informieren wir die Teilnehmer schnellstmöglich. Der Ticketpreis wird in dem Fall erstattet.

Mit Freunden teilen

Datum und Uhrzeit

Veranstaltungsort

Online-Event

Dieses Event speichern

Event gespeichert