Modulare React JS Schulung
Modulare React JS Schulung für Einsteiger und Fortgeschrittene
Du lernst in unserer React JS Schulung den professionellen Umgang mit der JavaScript Programmbibliothek. React ist mit Abstand das beliebteste Framework für moderne Webanwendungen. Die Frontends von Facebook, Instagram oder Netflix wurden z.B. mit React JS entwickelt. React ist eine Open Source JavaScript-Bibliothek. Unsere React JS Schulung ist modular aufgebaut und bietet so für Einsteiger und Fortgeschrittene individuelles Lernen. Die Module kannst du beliebig kombinieren und an deine Anforderungen anpassen.
React, auch React JS genannt, bildet dabei die Grundlage, um UI-Komponenten wie interaktive oder dynamische Applikationen für Web und Mobil bereitzustellen. Komponenten werden in React JS hierarchisch aufgebaut und können in dessen Syntax als selbst definierte JSX-Tags repräsentiert werden. Mit React JS lassen sich auch komplexe Anwendungen performant ausbauen.
In unserem React JS Einführungs-Modul bekommst du zunächst eine Einführung in die grundlegenden Begriffe und die Funktionsweise der JavaScript-Programmbibliothek. Du erhältst einen Überblick über alle relevanten Komponenten von React und lernst das Programmieren mit JSX.
Im Advanced Modul lernst du dann die Grundlagen zu Hooks, React Routing und vieles mehr. Weitere Module sind das Testing-, das Pattern- und Next.js-Modul. Im „Modul React JS in der Praxis“ bekommst du das Know-how, um deine Komponenten zu organisieren. Du kannst dir so also deinen individuellen Kurs zusammenstellen. Gerne schulen wir natürlich dein gesamtes Team, um z.B. den Einstieg oder Umstieg auf React JS professionell anzugehen. Unsre Experten verfügen über jahrelange Praxis-Erfahrung.
Auf Wunsch gehen wir auch weiter in die Tiefe und beschäftigen uns mit Serverzugriffen, dem Testing und dem State Management. Die Schulung wird durch praktische und nützliche Tipps und Tricks von unseren React JS Experten abgerundet.
Wir schulen dich und dein Entwicklungs-Team praxisnah
Diese Schulung behält auch immer deine individuellen Ziele im Blick. Wir stimmen jede Schulung individuell auf deine Bedürfnisse ab.
Lernziel:
Mit React JS professionell entwickeln
Du lernst in diesem Kurs, mit React JS moderne webbasierte Benutzeroberflächen zu erstellen. Du kannst selbst entscheiden, welche Schwerpunkte dabei für dich wichtig sind. Wir sprechen die Schulungsinhalte vorab noch einmal genau mit dir ab. Schulungen von der Stange bekommst du nicht von uns, zielgerichtete und auf dich abgestimmte Trainings schon.
Unsere React JS Schulung ist modular aufgebaut, und du kannst dir die Module selbst konfigurieren. Du lernst unter Anleitung unserer erfahrenen Dozent:innen dein Web-Interface in kleine UI-Komponenten aufzuteilen und die einzelnen Komponenten mit der deklarativen Sprache JSX zu programmieren.
Du lernst, wie du die Werkzeuge richtig verwendest und in deinem Entwicklungsteam die Einführung oder Umstellung auf React JS meistern kannst. Dabei wird besonders anhand praxisnaher Beispiele oder nach Absprache mit deinen Vorgaben geschult.
React JS Schulung Module und Inhalte
Modul Einführung ‒ React Basics
- Überblick – Was ist React?
- Unterschiede und Gemeinsamkeiten zu anderen Bibliotheken
- HTML, JavaScript und TypeScript
- Entwicklungs-Setup und Installation
- Architektur und Syntax
- React Elements
- Einführung in JSX (Javascript XML oder Javascript Syntax Extension)
- Props und Prop-Types
- Functional Components
- Einführung in React Hooks
- Komposition von React-Komponenten
Modul React JS ‒ Advanced
- Überblick
- State-Management
- Überblick über State Management Tools: Redux, MobX, Zustand
- Asynchrone API-Calls
- Abfragen von APIs mit react-query
- Routing
- React Context sinnvoll einsetzen
- Hooks Vertiefung
- Hintergründe und Regeln von Hooks
- Eigene Hooks erstellen
- Animationen erstellen
- Error-Boundaries
- GraphQL-Queries in React mit Apollo
Modul React JS Patterns
- Data down, Action up
- Lifting state
- Unidirectional data flow
- View- & Container-Komponenten
- Higher-Order-Components (HOC) nutzen
- Inversion of control
- Hooks Pattern
- Compound Pattern
- HOC Pattern
- Render Props Patterns
- Rendering Patterns
Modul Testing
- React-Komponenten testen
- Testen von React-Komponenten mit react-testing-library
- Komponentendemos mit Storybook
- E2E-Tests mit Cypress
Modul React JS in der Praxis
- Tooling
- Überblick: PWAs mit React
- Internationalisierung
- Skalierbare Design-Systeme
- Konsistenz, Effizienz und Zusammenarbeit
- Code-Organisation von Komponenten
- Wiederverwendbare Komponenten
- React mit TypeScript
Modul SSR bzw. SSG mit Next.js
- Überblick über die Architektur
- Static Site Generation (SSG) and Server-Side Rendering (SSR)
- Routing anhand von Pages
- Pre-Rendering von Routen mit next.js
- Routing in next.js
- Data-Fetching und Performance
- TypeScript-Support
Tipps und Tricks
- Empfehlung: 2 bis 3 Tage – je nach Wissensstand und deinen Zielen
- Wir stellen dir auf Wunsch deinen individuellen Kursplan zusammen
- inkl. Zertifikat
- inkl. Übungs- und Beispieldateien
- inkl. 30 Tage kostenlosen Support nach der Schulung
- Schulungszeiten
- 9:00 – 16:00 Uhr (8 x 45 min.) oder nach Absprache
- Web-Entwickler:innen
- Software-Entwickler:innen
- Sehr gute allgemeine PC- oder Mac-Kenntnisse
- Grundkenntnisse in JavaScript sind Voraussetzung
ONLINE-SCHULUNG
- Windows-PC oder Mac mit Soundkarte, aktuelles Windows-Betriebssystem – aktuelles macOS
- Internet-Zugang über DSL / Kabel (Bandbreite mind. 256 Kbit/s, ab 512Kbit/s empfohlen)
- Aktueller, moderner Browser wie z. B. Google Chrome, Mozilla Firefox, Microsoft Edge oder Apple Safari
- Headset (Lautsprecher und Mikrofon alternativ) und Webcam (können wir gegen eine kleine Leihgebühr zur Verfügung stellen)
- Zweiter Bildschirm empfehlenswert, aber nicht zwingend notwendig
- Wir bieten MS Teams, Zoom, WebEx, Jitsi und BigBlueButton (Open-Source) als Videokonferenzlösung an