React & TypeScript

Intensiv-Schulung

React & TypeScript Schulung/Seminar/Workshop
Dieser Kurs findet Remote vom 09.06. - 16.06.2021 (KW23) statt. Es sind noch Plätze frei
Weitere Termine für React & TypeScript »

Über React & TypeScript

React ist eine Open-Source-JavaScript-Bibliothek. Mit dieser kann man User-Interfaces in HTML erstellen. Besonderheiten der Architektur sind der Unidirectional Data Flow und der Virtual DOM.

Alleine ist diese Bibliothenk allerdings nicht ausreichend, um umfangreiche Applikationen zu erstellen. Als beliebte Kombination hat sich mittlerweile React in Verbindung mit Redux etabliert. Benutzt wird es von Firmen wie Facebook, Instagram, NetFlix, PayPal und AirBnB.

Unser Kurs behandelt die neuste Version inkl. Router Version 4.

Ist dieser Kurs für Dich?

Wie dir die Schulung hilft:

  • Du sparst Zeit - wir haben die Arbeit für dich erledigt und das Wichtigste zu React auf den Punkt gebracht. Nach unser Schulung schreibst du deine eigenen Applikationen.
  • Du musst nicht alle unsere Fehler machen. React ist unser Tagesgeschäft - wir haben die meisten Fehler schon einmal für dich gemacht und geben gerne unsere Erfahrung weiter.
  • Du lernst, ob dies die richtige Technologie für dich ist. Du hast erfahrene Trainer, auf deren Erfahrung du zurückgreifen kannst.
  • Du lernst, wie eine komplette Applikation von vorne bis hinten aussieht. React ist “nur” ein sehr guter View-Layer. Wir zeigen dir was du sonst noch brauchst und wie sich alles zu einem Gesamtbild zusammenfügen lässt.
  • Lerne andere Teilnehmer im Workshop kennen, mit denen du dich austauschen kannst.

Warum React:

  • Du möchtest dir sicher sein, dass deine Anwendung “per default” schnell ist.
  • Bei anderen Frameworks taucht die Frage auf: haben sie sich bewährt und werden sie aktiv gewartet - oder: welche bekannten Anwendungen sind darin geschrieben? Hier ist es einfach - Facebook. Es skaliert also augenscheinlich.
  • Du bist es leid, Tage mit Debugging zu verbringen. Die Daten bewegen sich nur in eine Richtung. Dadurch wird nachvollziehbar, wie sich deine Anwendung verhält.
  • Du hast die ganze Zeit gespürt, dass es besser geht, als HTML-Templates zu nutzen. In Komponenten kann man Breakpoints setzen und untersuchen, was vor sich geht.

Die Meinung unserer Teilnehmer zählt.

Nach jeder React & TypeScript Schulung bitten wir unsere Teilnehmer um Feedback. Aus insgesamt 1070 abgegeben Bewertungen erreichen wir aktuell eine durchschnittliche Bewertung von 4.7 Sternen.

Illustration eines Teilnehmers
Anonym
München,

Alles war gut. Ich wünsche, ich wäre schneller mit dem Aufnehmen und verarbeiten der Inhalte.

Illustration eines Teilnehmers
Anonym
Remote,

Super Kurs mit vielen Informationen.

Illustration eines Teilnehmers
Anonym
Remote,

React ist keine Hexerei und viel einfacher zu erlernen, als zunächst gedacht!

Illustration eines Teilnehmers
Anonym
Remote,

Ich konnte mit dem Intensiv-Workshop React & TypeScript einen guten Einblick in das breite Themengebiet erhalten. Wir haben JavaScript Grundlagen aufgefrischt und TypeScript kennengelernt, wodurch wir gut zum Thema React hingeführt wurden.

Illustration eines Teilnehmers
Anonym
Essen,

Viel über ein neues und interessantes Thema gelernt!

Illustration eines Teilnehmers
Anonym
Essen,

Cooler Trainer gutes Material deutlicher und zukünftig gewinnbringender Wissensgewinn.

Illustration eines Teilnehmers
Anonym
Remote,

Guter Querschnitt durch die Technologien im Angularumfeld.

Illustration eines Teilnehmers
Anonym
Remote,

Angenehme Gruppengröße, kompetenter und netter Trainer sowieso angenehmes Lerntempo und Inhalt - top Schulung!

Agenda

Download Agenda

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

Veranstaltungsort

Remote Außenansicht

Remote Workshop

Dieser Workshop findet Remote statt. Wir arbeiten hierbei mit einem Video-Konferenz-System und unserem virtuellen Klassenraum. Alle Infos hierzu haben wir in einem kleinen Artikel über unsere Remote Workshops zusammengefasst.

Diese Schulung wird über 8 Tage durchgeführt. Beginn ist jeweils um 09:00 und Ende um 12:00.

Ihr bekommt vor der Schulung eine genaue Anleitung wie und was ihr installieren müsst. Außerdem könnt ihr uns natürlich bei Problemen und Rückfragen jederzeit schreiben oder uns anrufen.

Fragen und Antworten

Voraussetzungen

Voraussetzung für diese Intensiv-Schulung ist ein Notebook mit Windows, Linux oder MacOSX.

Schulungszeiten

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.

In welcher Sprache sind die Trainings möglich?

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.

Bietet ihr die Trainings auch Remote an?

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 Teilnehmern 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.

Sind noch Fragen offen?

Dann schreib' uns einfach eine E-Mail an. Wenn du einen persönlicheren Kontakt vorziehst, freut sich Britta auch über einen Anruf von dir!

Werktags von 8 bis 13 Uhr

info@workshops.de

+49 201 / 87535773

Anmeldung zur Veranstaltung (09.06. - 16.06.2021)

Dieser Workshop findet Remote statt und wird über 6 Tage durchgeführt. Aufgeteilt auf zwei Wochen. Beginn der Veranstaltung ist jeweils um 09:00 und Ende um 12:00. Die Vortragssprache ist Deutsch🗣🇩🇪.

Wie läuft das genau ab? Details kannst du in diesem Artikel über unsere Remote Workshops nachlesen. Bei weiteren Fragen melde dich gerne jederzeit telefonisch oder per E-Mail bei uns.

Ansprechpartner
An diese E-Mail verschicken wir die Rechnung.
1179 € Regulärer Preis
-118 € Frühbucher Rabatt
1061 € finaler Preis zzgl. MwSt
Teilnehmer

An die einzelnen Teilnehmer schicken wir Informationen zur Vorbereitung und den Kurs.

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