React + JavaScript Intensiv-Schulung
Einsteiger · 3 bis 5 Tage · Inhouse
React ist eine Open-Source-JavaScript-Bibliothek, die zur Erstellung von User-Interfaces in HTML verwendet wird. Ihre Architektur zeichnet sich insbesondere durch den Unidirectional Data Flow und den Virtual DOM aus.
Für umfangreiche Anwendungen reicht React allein jedoch oft nicht aus. Eine bewährte Kombination ist der Einsatz von React zusammen mit Redux. Diese Kombination wird unter anderem von Unternehmen wie Facebook, Instagram, Netflix, PayPal und Airbnb genutzt.
In unserem Kurs behandeln wir die aktuellste Version von React inklusive Router Version 4.
Agenda
Javascript und JSX Grundlagen
Im JavaScript-Teil behandeln/wiederholen 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.
- ES2021 / ES.Next
- Syntax, Datentypen
- Scoping mit var/let/const
- Arrow Functions
- this im Detail
- Klassen
- Funktionen höherer Ordnung
- Objekte und Arrays im Detail
- Promises (Asynchronität)
- Fehlerbehandlung bei Asynchronität
- Destructuring
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
Was ihr wissen solltet
Voraussetzung sind Grundlagenkenntnisse in HTML, CSS, JavaScript und TypeScript. Diese können auch in unserem HTML & CSS Intensiv Workshop und JavaScript Intensiv Workshop in Kombination gebucht werden.
Technische Voraussetzung für den Workshop ist ein Notebook mit Windows, Linux oder macOS. Weiterhin eine aktuelle Version von NodeJS mit einigen Paketen. Hierzu bekommst du eine Schritt-für-Schritt Anleitung nach deiner Anmeldung zu diesem Workshop.
Dieser React + JavaScript Kurs richtet sich an Einsteiger.
Was enthalten ist
Inhouse/Firmenschulung anfragen
Senden Sie eine Anfrage und buchen Sie ein Vorgespräch mit unserem Berater.
Das sagen unsere Teilnehmenden
Der Workshop hilft beim Einstieg in die React-Entwicklung und schafft ein besseres Verständnis für das Framework anhand von guten Beispielen.
Teilgenommen an React: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Es war ein wirklich sehr guter, strukturierter Workshop mit vielen Praktischen Übungen.
Teilgenommen an React: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Richtig gute Schulung! Ich habe viel gelernt insbesondere durch die praktischen Übungen und das gute Material, das einem auch noch im Nachgang zur Verfügung steht. Richtig guter Trainer. Hat Spaß gemacht! Die sechs halben Tage sind ein super Konzept.
Teilgenommen an React: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Grundlagen stärken und verstehen was die Technologie macht und und überhaupt kann.
Teilgenommen an React: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Der Workshop hat mir dabei geholfen, die Basics nochmal zu festigen und besser zu verstehen. Es wurden viele Best Practices angesprochen, die auch in realen Projekten Anwendung finden können. Eine Bereicherung!
Teilgenommen an React: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Der Workshop hat mir auf jeden Fall die anstehende Arbeit im bestehenden Projekt sowohl im Verständnis als auch im "Anfassen" stark vereinfacht. Sehe jetzt, wie ich konkret viele Dinge drastisch vereinfachen kann. Vielen Dank dafür
Teilgenommen an React: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Fragen und Antworten
Unsere öffentlichen React + JavaScript Remote-Kurse finden von 9:00 bis 13:00 Uhr statt, Vor-Ort React + JavaScript Schulungen von 9:00 bis 16:30 Uhr.
Für Inhouse-Seminare sind individuelle Anpassungen möglich.
Ja. Am Ende jedes unserer React + JavaScript Seminare erhalten Teilnehmende ein unterschriebenes Teilnahmezertifikat.
Das Zertifikat enthält eine Verifizierungs-URL und kann auf deinem LinkedIn-Profil geteilt werden. Erfahre mehr über die Verwaltung von Zertifikaten auf LinkedIn.
Ja, wir bieten unsere React + JavaScript Seminare auf Deutsch und Englisch an.
Öffentliche Termine werden auf Deutsch gehalten, außer es ist explizit anders vermerkt.
Inhouse-Seminare können in der gewünschten Sprache durchgeführt werden.
Alle Unterlagen und Übungen sind komplett auf Englisch verfügbar.
Ja. Wir bieten unsere React + JavaScript Seminare sowohl Remote als auch Vor Ort an. Dank unseres virtuellen Klassenraums kannst du bequem von überall an unseren Workshops teilnehmen. Unsere Online-Präsentationen werden regelmäßig aktualisiert und du hast nach der Schulung dauerhaften Zugriff darauf. Die Übungen können über ein Online-Interface aufgerufen und von uns freigeschaltet werden. Wir haben hier einige Aufgaben ergänzt, die dich für die Durchführung eines Remote-Workshops vorbereiten.
Wir bieten auch Inhouse-Seminare und öffentliche Schulungen vor Ort an. In unserer Terminübersicht siehst du den jeweiligen Veranstaltungsort der Schulungen. Für Inhouse-Schulungen besprechen wir die Veranstaltungsort-Details gerne individuell mit dir.
Für öffentliche React + JavaScript Seminare nutzen wir neben unserem Classroom das Online-Meeting-Tool Zoom.
Innerhalb der Vorbereitung ist auch ein Test-Link aufgeführt, der euch diese Technologie testen lässt. Der Remote-Workshop ist darauf konzipiert, dass alle an verschiedenen Orten sitzen und jeder mit seinem eigenen Rechner mitarbeitet.
Für Inhouse-Seminare können wir das Meeting über Zoom oder Microsoft Teams durchführen.
Andere Meeting-Software ist nach Absprache möglich.
Für unsere Inhouse-Seminare bieten wir zusätzlich Code-Mentoring an.
Was ist Code-Mentoring?
- Ask-Me-Anything Sessions: Kläre Fragen und Unsicherheiten, die während des Kurses entstanden sind, direkt mit einem Experten.
- Code Review: Reiche eigene Code-Schnipsel ein und lass sie von Experten analysieren und bewerten.
- Vertiefende Themen: Stelle weiterführende Fragen zum Kursthema, um dein Wissen zu vertiefen.
Für Teilnehmende öffentlicher Schulungen empfehlen wir den Beitritt zu unserem Community Discord Server.
Deine Vorteile auf Discord:
- Vielfältige Kanäle für Fragen und Diskussionen – über das Kursthema hinaus.
- Eine engagierte Community, die dich beim Lernen unterstützt.
Unsere Trainer:innen sind erfahrene Experten aus der Praxis:
- Erfahrene Softwareentwickler:innen
- Buch- und Artikel-Autor:innen
- Aktive Mitglieder der Web-Community
- Organisator:innen von Meetups und Konferenzen
Ja. Sie können Ihre Leitweg-ID direkt in unserem Bestellformular angeben. Unsere Rechnungen werden als ZUGFeRD-PDFs direkt nach der Buchung verschickt.
Haben Sie eine Leitweg-ID angegeben, wird unser Team benachrichtigt und wir kümmern uns um den Upload zum Portal. Sollten wir weitere Informationen benötigen, melden wir uns nach der Buchung bei Ihnen.
Schreib uns einfach eine E-Mail. Wenn du einen persönlicheren Kontakt bevorzugst, freut sich Britta auch über einen Anruf!