Schulung React - Power Workshop: Der komplette Einstieg
Schulungsformen
Offene Schulung
- 3 Tage
- 4 gesicherte Termine
- 1.730,00 zzgl. MwSt.
- Köln
Learning & Networking in einem. Garantierte Durchführung ab 1 Teilnehmer.
Termin auswählenInhouse-/Firmenschulung
- 3 Tage - anpassbar
- Termin nach Wunsch
- Preis nach Angebot
- In Ihrem Hause oder bei der GFU
- Lernumgebung in der Cloud
Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
Unverbindlich anfragenIndividualschulung
- 3 Tage - anpassbar
- Termin nach Wunsch
- Preis nach Angebot
- In Ihrem Hause oder bei der GFU
- Lernumgebung in der Cloud
1 Teilnehmer = max. Fokus aufs Fachliche und max. Raum für individuelle Fragen.
Unverbindlich anfragenBeschreibung
Dieser Kurs beginnt mit den Grundlagen von React und erklärt, was genau React ist und wie Sie es verwenden können. Danach gehen wir den ganzen Weg von den Grundlagen bis zu den fortgeschrittenen Anwendungen. Wir werden nicht nur an der Oberfläche kratzen, sondern tief in React sowie in beliebte Bibliotheken wie react-router und Redux eintauchen.
Schulungsziel
Nach dem Seminarbesuch kennen Sie die Grundlagen von React, Hooks, Redux, React Routing und vieles mehr und können eigene Anwendungen mit Hilfe des React Frameworks erstellen.
Details
Wer teilnehmen sollte
Web-Entwickler, Web-Programmierer mit Erfahrung in HTML, CSS und JavaScript, die mit React Web-Anwendungen, Apps erstellen wollen.
Ihre Schulung
- Lernmethode:
- Ausgewogene Mischung aus Theorie und Praxis
- Unterlagen:
- Seminarunterlagen oder Fachbuch zum Seminar inklusive, das man nach Rücksprache mit dem Trainer individuell auswählen kann.
- Arbeitsplatz:
- PC/VMs für jeden Teilnehmer
Hochwertige und performante Hardware
Große, höhenverstellbare Bildschirme
Zugang zu Ihrem Firmennetz erlaubt - Lernumgebung:
-
Optimal vorbereitete Schulungsrechner für den perfekten Start in Ihr Seminar! - Arbeitsmaterialien:
- Din A4 Block, Notizblock, Kugelschreiber, USB-Stick, Textmarker, Post-its
- Teilnahmebescheinigung:
- Wird am Ende des Seminars ausgehändigt, inkl. Inhaltsverzeichnis
Organisation
- Teilnehmerzahl:
- min. 1, max. 8 Personen
- Garantierte Durchführung :
- Ab einem Teilnehmer
- Schulungszeiten:
- 3 Tage, 1. Tag 10:00 - 17:00 Uhr, Folgetage 09:00 - 16:00 Uhr
- Ort der Schulung:
GFU Schulungszentrum
Am Grauen Stein 27
51105 Köln-Deutzoder europaweit bei Ihnen als Inhouse-Schulung- Räumlichkeiten:
- Helle und modern ausgestattete Räume mit perfekter Infrastruktur
- Preisvorteil :
- Der dritte Mitarbeiter nimmt kostenfrei teil.
- All-Inclusive:
- Frühstück, Snacks und Getränke ganztägig, Mittagessen im eigenen Restaurant, täglich 6 Menüs, auch vegetarisch
- Barrierefreiheit:
- Das GFU-Schulungszentrum(Am Grauen Stein 27) ist barrierefrei
Buchen ohne Risiko
- Rechnungsstellung:
- Erst nach dem erfolgreichen Seminar. Keine Vorkasse.
- Stornierung:
- Kostenfrei bis zum Vortag des Seminars
- Vormerken statt buchen:
- Sichern Sie sich unverbindlich Ihren Seminarplatz schon vor der Buchung - auch wenn Sie selbst nicht berechtigt sind zu buchen
- Bildungsgutschein:
- Bildungsscheck NRW, Bildungsprämie
Kostenfreie Services
Inhalt
- React Einführung
- Überblick - Was ist React
- "Hello World" in React
- Vorteile von React
- React Alternativen
- Projekt erstellen mit dem "Create React App"-CLI
- Projekt Ordnerstruktur
- Einführung in React-Komponenten
- Einführung in JSX (Javascript XML oder Javascript Syntax Extension)
- React-Komponenten
- Funktionskomponenten erstellen
- Arbeiten mit mehreren React-Komponenten
- Ausgabe von dynamischen Inhalten
- React-Komponenten und "props", "children", "state"
- React-Komponenten und Ereignisverarbeitung
- Manipulation von Zuständen
- Verwendung des useState()-Hooks zur Zustandsmanipulation
- Zustandslose ("Stateless") versus zustandsabhängige ("Stateful") Komponenten
- Weitergabe von Methoden zwischen Komponenten
- Hinzufügen einer Zweiwegbindung ("Two Way Binding")
- Arbeiten mit Listen und Bedingungen
- Bedingtes Rendern von Inhalten
- Styling von React-Komponenten
- Hinzufügen von Styling mit Stylesheets
- Arbeiten mit Inline-Stilen
- Stile und Klassen dynamisch erstellen und nutzen
- Arbeiten mit dem Paket "Radium"
- Arbeiten mit dem Paket "Styled Components"
- React-Komponenten im Detail
- Projektstruktur: Aufteilen einer App in React-Komponenten
- Vergleich zwischen zustandslosen und zustandsbehafteten React-Komponenten
- Klassenbasierte vs. funktionale React-Komponenten
- Übersicht über den Lebenszyklus von React-Komponenten
- Verwendung von "useEffect()" in funktionalen Komponenten
- Verwendung von "shouldComponentUpdate" zur Optimierung
- Optimierung von Funktionskomponenten mit "React.memo()"
- Verwendung von "React.fragment"
- "Higher-Order-Components" (HOC) nutzen
- Verwendung der Context-API: contextType & useContext()
- React und Http-Zugriffe
- Http-Anforderungen in React
- Einführung in das Paket "Axios"
- Erstellen und Verarbeiten einer Http-GET-Anfrage
- Daten an den Server "POST"en
- Senden einer DELETE-Anfrage
- Fehlerbehandlung in HTTP-Aufrufen
- Anwendung von HTTP-Interceptoren
- Festlegen einer globalen Standardkonfiguration für "Axios"
- Erstellen und Verwenden von "Axios"-Instanzen
- React und Routing
- Routing in "Single Page Application" (SPA)
- Arbeiten mit den Paket "react-router", "react-router-dom"
- Einrichten des Routing im Projekt
- Navigation mit Links
- Verwendung von Router-"props"
- Einsatz von "withRouter"
- Absolute und Relative Pfade
- Styling der ausgewählten, aktiven Route
- Parameter an Routen übergeben und auswerten
- Navigating per Programmcode
- Verschachtelte Routen
- Umleitung von Anfragen
- Schutz von Routen mit "Guards"
- Bearbeitung des 404-Errors
- "Lazy"-Loading von Routen
- React und Formulare
- Formulare und Formular-Validierung
- Formularkomponenten Verwenden
- Umgang mit Benutzereingaben
- Benutzerdefinierte Formular-Validierung hinzufügen
- Validierungs-Feedback hinzufügen
- Fehlermeldungen anzeigen
- React und Redux
- Die Komplexität der Zustandsverwaltung
- Den Redux-Datenfluss verstehen
- "Reducer" und "State" einrichten
- "Dispatching"-Aktionen definieren
- "Subscriptions" hinzufügen
- Das "Immutable-Update-Pattern"
- Arbeiten mit den Paketen "Redux" und "React Redux"
- Hinzufügen von Redux "Middleware"
- Verwenden der "Redux Devtools"
- Ausführen von Asynchronem Code
- Verwenden von "Action Creators"
- Verwenden von "GetState"
- React und Authentifizierung
- Authentifizierung in einer "Single Page Application" (SPA)
- Authentifizierungsformulare ertellen (Login, Sign-In, Password-Recovery)
- Authentifizierungsservice nutzen
- Ressourcen schützen und automatische Weiterleitung
- React und Hooks
- Einführung in "Hooks"
- Verwenden von "useState()" für Zustandsverwaltung
- Verwenden von "useEffect()" für das Laden von Daten
- Verwenden von "useCallback()"
- Verwenden "refs" und "useRef()"
- Verwenden von "useReducer()" für HTTP-Zustände
- Verwenden von "useContext()"
- Optimierung der Leistung mit "useMemo()"
- Erstellen und Verwenden von "Custom Hooks"
- React und Testing
- Einführung in das Testing von React
- Testing-Werkzeuge
- Tests schreiben
- Modul-Tests
- Komponenten-Tests
- Redux-Tests
- E2E-Tests
- React und Bereitstellung von Anwendungen
- Übersicht
- Projekterstellung
- Beispiele
So haben GFU-Kunden gestimmt
Zu diesem Seminar wurden noch keine Bewertungen abgegeben.
Buchungsmöglichkeiten
| Termin | Ort | Preis | |
|---|---|---|---|
| 01.04.-03.04.2020 Plätze vorhanden Köln 1.730,00 | Köln | 1.730,00 | Buchen Vormerken |
| 20.07.-22.07.2020 Plätze vorhanden Köln 1.730,00 | Köln | 1.730,00 | Buchen Vormerken |
| 12.10.-14.10.2020 Plätze vorhanden Köln 1.730,00 | Köln | 1.730,00 | Buchen Vormerken |
| 14.12.-16.12.2020 Plätze vorhanden Köln 1.730,00 | Köln | 1.730,00 | Buchen Vormerken |
Komplette Lernumgebung in der Cloud mit Remote Zugriff
In Ihrem Hause- europaweit
- GFU Schulungszentrum
- Berlin
- Bremen
- Düsseldorf
- Dortmund
- Dresden
- Frankfurt
- Hamburg
- Hannover
- Köln
- Leipzig
- Mannheim
- München
- Nürnberg
- Stuttgart
Komplette Lernumgebung in der Cloud mit Remote Zugriff
- Im GFU Schulungszentrum oder in Ihrem Hause europaweit
- Berlin
- Bremen
- Düsseldorf
- Dortmund
- Dresden
- Frankfurt
- Hamburg
- Hannover
- Köln
- Leipzig
- Mannheim
- München
- Nürnberg
- Stuttgart
Das GFU-Sorglos-Paket
Diese kostenfreien Serviceleistungen sind während des Buchungsprozesses ganz einfach auswählbar.
Shuttle Service
Machen Sie sich keinen Kopf um die Anreise! Unser Shuttle fährt Sie. Oder Sie parken einfach auf einem extra für Sie reservierten Parkplatz.
Hotelreservierung
Hotelzimmer gesucht? Wir organisieren Ihnen eins. Ihr Vorteil: Sie sparen Zeit und Geld!
Verpflegung
Gesund oder lecker? Warum nicht beides? Freuen Sie sich auf unsere kulinarische Verpflegung!
Parkplätze
Parkplätze sind in ausreichender Zahl vorhanden. Reisen Sie mit dem Auto an, reservieren wir Ihnen einen Parkplatz.
Eine Gruppe einer Firma will zusammen den Lehrgang React - Power Workshop: Der komplette Einstieg buchen
Hier kann ein kundenspezifisches Lehrgangssystem zur Thematik React - Power Workshop: Der komplette Einstieg opportun sein. Der Inhalt der Schulung kann hierbei in Abstimmung mit den Dozenten aufgestockt oder komprimiert werden.
Haben die Schulungsteilnehmer schon Vorkenntnisse in React - Power Workshop: Der komplette Einstieg, sollte der Anfang gekürzt werden. Eine Inhouse-Weiterbildung macht sich bezahlt bei mehr als 3 Seminarteilnehmern. Die Firmen-Schulungen zum Thema React - Power Workshop: Der komplette Einstieg finden manchmal in Leipzig, Hannover, Bielefeld, Düsseldorf, Essen, Dortmund, Frankfurt, Berlin, Nürnberg, Bremen, Dresden, Wuppertal, Hamburg, Stuttgart, Duisburg, Bonn, München, Münster, Bochum und Köln am Rhein in NRW statt.
Welche Thematiken passen zu React - Power Workshop: Der komplette Einstieg?
Eine gute Basis findet sich in React - Power Workshop: Der komplette Einstieg mit
- Vergleich zwischen zustandslosen und zustandsbehafteten React-Komponenten
- Zustandslose ("Stateless") versus zustandsabhängige ("Stateful") Komponenten
- Weitergabe von Methoden zwischen Komponenten
- Ausgabe von dynamischen Inhalten
Empfehlenswert ist auch ein Seminar von „Einstieg in jQuery für Webdesigner“ mit der Behandlung von
- Selektoren für Formularelemente und -Zustände
- Elemente, Attribute und Inhalte erstellen
- Tabelle mit JSON-Daten füllen
- Inhalte von Elementen ändern
Für Firmenschulungen ist das Thema „JavaScript / ECMAScript für Web Developer und App Entwickler komplett“ mit dem Unterrichtsstoff function* und Generatoren und Rückgabewerte, Parameterprüfung, Defaults geeignet.
Für Professionals passt eine JavaScript für Fortgeschrittene Komplett: Pattern, MVC, TDD und BDD Weiterbildung. In diesem Seminar werden vor allen Dingen
- Arrow-Function
- ES 6/7 bzw. ECMAScript 2015/2016 Sichtbarkeit von Variablen in ES6
- Seiten mit PhantomJS rendern
- Asynchrones testen Testen von Ajax-Abfragen
geschult.
