­čôú  Home-Office? Wir bieten euch auch Remote-Workshops an! :)

React & TypeScript

Inhouse-Anfrage

React & TypeScript Schulung/Seminar/Workshop

Eine Beispiel-Agenda zum Thema React & TypeScript befindet sich unter diesem Formular. Typischerweise geht diese Schulung ├╝ber 3 Tage.

Ablauf:

  1. Sie schicken uns eine Anfrage.
  2. Wir melden uns wunschgem├Ą├č bei Ihnen und kl├Ąren die Rahmenbedingungen.
  3. Wir w├Ąhlen den Trainer aus, der am Besten zur Ihrem Schwerpunkt passt.
  4. Der Trainer meldet sich bei Ihnen oder einem Team-Mitglied und kl├Ąrt Themen der Schulung ab.

Themen / Agenda - Beispiel

Dies ist unsere empfohlene Agenda f├╝r das Thema React & TypeScript. Wir verf├╝gen dar├╝ber hinaus ├╝ber weiteres Kursmaterial, um Themen einfach auszutauschen.

TypeScript und JSX Grundlagen

Der Workshop beginnt mit den Grundlagen von TypeScript und JSX, vermittelt aber auch fortgeschrittene Konzepte, die speziell f├╝r den anschlie├čenden React-Workshop wichtig sind. Hier behandeln wir wichtige Grundlagen, die f├╝r die Erstellung von gr├Â├čeren Web-Applikationen notwendig sind. Ein Teil umfasst dabei auch speziell ES2016/17, der regelm├Ą├čig in React-Applikationen zu finden ist.

  • ES2017 / ES2018 Einf├╝hrung
  • Syntax, Datentypen
  • Typen
  • Scoping mit var/let/const
  • public / private / protected / static
  • Arrow Functions
  • this im Detail
  • Klassen und Interfaces
  • Decorators / Annotationen
  • Funktionen h├Âherer Ordnung
  • Objekte und Arrays im Detail
  • Promises (Asynchronit├Ąt)
  • Fehlerbehandlung bei Asynchronit├Ąt
  • Destructuring
  • Best Practices und Entwurfsmuster

React

Der React-Teil startet mit den Grundlagen und geht zum Ende hin in die Tiefe. Wir bauen dabei eine komplette React-Applikation mit Build-Prozess, Routing, Formularen und API-Zugriff. Dabei wechseln wir immer zwischen Theorie und Praxis.

  • Was ist React und wie nutze ich es richtig?
  • Komponenten
  • Einf├╝hrung in JSX / JSX-Fallstricke
  • Aufsetzen von React-Applikationen mit Create React App und Webpack
  • Props & States
  • Life Cycle von Komponenten (willMount, didMount, ÔÇŽ)
  • React Hooks useState, useEffect, useContext, ÔÇŽ
  • Virtual DOM - Grundlagen
  • Daten via API von einem Backend abfragen
  • Lifecycle von Komponenten
  • ├ťbersicht ├╝ber Flux, Redux, MobX
  • Vertiefung und Anwendung von Redux
  • Routing mit dem React Router 4
  • Formularerstellung und -validierung
  • Universal React (serverseitig rendern)
  • Best Practices f├╝r gute Performance und Wartbarkeit
  • Testen von Komponenten

H├Ąufige Fragen und Antworten.

Unsere On-Site Schulungen beginnen um 9:00 Uhr und enden um 16:30 Uhr.

Bei Remote-Schulungen teilen wir die Kurse nach Wunsch gerne auf mehrere halbe Tage auf. So finden unsere Vormittags-Kurse von 9:00 bis 12:00 statt und unsere Nachmittags-Kurse von 14:00 - 17:00. Das erm├Âglicht laufende Projektarbeit nicht ganz liegen lassen zu m├╝ssen oder sich auch um die Betreuung der Kinder zu k├╝mmern.

Ja. Am Ende jeder unserer Schulungen erh├Ąlt der Teilnehmer:in ein signiertes Teilnahme-Zertifikat.

Unsere Trainings k├Ânnen auf Deutsch oder Englisch gehalten werden. Die ├Âffentlichen Termine werden auf Deutsch gehalten, au├čer es ist explizit anders vermerkt. F├╝r In-House Trainings kann bei der Anfrage ein Hinweis auf die gew├╝nschte Sprache angegeben werden. Die Unterlagen und Aufgaben sind komplett auf Englisch verf├╝gbar.

Ja. Wir haben intensiv an einem Setup gebaut welches euch die M├Âglichkeit bietet an unseren Workshops auch Remote teilzuhaben. Wir haben mit unserem virtuellen Classroom eh schon eine sehr gute Infrastruktur welche diesen Modus sehr gut unterst├╝tzt. Unsere Slides sind immer online und werden auch nach euerer Teilnahme aktualisiert. Auch nach der Schulung habt ihr dauerhaft Zugriff auf diese. Weiterhin lassen sich die Aufgaben ├╝ber ein Online-Interface aufzurufen und von uns freischalten. Wir haben hier einige Aufgaben erg├Ąnzt, welche euch f├╝r die Durchf├╝hrung eines Remote-Workshops vorbereiten.

Wir nutzen hierbei neben unserem Classroom das Online-Meeting Tool ÔÇťZoomÔÇŁ. Innerhalb der Vorbereitung ist auch ein Test-Link aufgef├╝hrt welche euch diese Technologie testen l├Ąsst. Der Remote-Workshop ist darauf konzipiert, dass wir alle an verschiedenen Orten sitzen und jeder mit seinem eigenen Rechner mitarbeitet. Ihr k├Ânnt euch nat├╝rlich auch in einem Meeting-Raum bei euch Treffen und den Trainer dazu schalten aber sowohl die Technologischen L├Âsungen klappen besser wenn jeder im Home-Office ist, als auch eure sozialen Kontakte sind geringer und ihr verringert das Risiko euch und andere anzustecken.

Auch Screenshare von allen Teilnehmer:innen oder die Freigabe eurer IDE ist in Verbindung mit Visual Studio Code Live Share sehr einfach m├Âglich. Der Trainer kann so auf Wunsch und mit eurer Freigabe den Zugriff auf euere aktuelle Entwicklungsumgebung bekommen und euch dort direkt Helfen, falls ihr einmal bei einer Aufgabe h├Ąngt.

Kundenreferenzen

RWE Group Business Services GmbH, Dortmund
STRATO AG, Berlin
Allianz
Robert Bosch GmbH, Stuttgart
Schenker AG, Essen
Commerzbank AG, Frankfurt
CompuGroup Medical Software GmbH, Koblenz
Condor Flugdienst GmbH, Oberursel
Consorsbank, N├╝rnberg
E-Plus Mobilfunk GmbH, D├╝sseldorf
S├╝dwestrundfunk, Stuttgart
ETECTURE GmbH, Frankfurt am Main
EXXETA AG, Karlsruhe
Fast Lane Institute for Knowledge Transfer GmbH, Hamburg
FH Dortmund, Kamen
G DATA Software AG, Bochum
GALERIA Kaufhof GmbH, K├Âln
Hays AG, Mannheim
HOTEL DE AG, N├╝rnberg
JIMDO GmbH, Hamburg
MT AG, Ratingen
MyHammer AG, Berlin
Raiffeisen Schweiz, St. Gallen
rocket-media GmbH & Co KG, Dinkelsb├╝hl
EnBW Energie Baden-W├╝rttemberg AG, Karlsruhe
Thomas Cook Touristik GmbH, Oberursel
dataport, Altenholz
S├╝ddeutsche Zeitung Digitale Medien GmbH, M├╝nchen
Talanx Service AG, Hannover
ELAXY Financial Software & Solutions GmbH & Co. KG, M├╝nster