React, Redux and TypeScript Schulung
React ist eine weit verbreitete Bibliothek zum Erstellen von Anwendungen für einzelne Seiten in Java Script und HTML . Es wird von Unternehmen wie Facebook , Instagram, Netflix oder der New York Times verwendet.
In diesem Kurs werden die Grundlagen vorgestellt, auf denen React und andere Bibliotheken (wie Angular und Vue.js ) basieren, und die Besonderheiten von React . Es werden auch Technologien behandelt, die üblicherweise mit React , wie Redux und React -Router.
Am Ende dieses Kurses werden die Teilnehmer in der Lage sein, mit React Anwendungen unterschiedlicher Komplexität zu React und dabei die Best Practices React .
Schulungsübersicht
Entwicklung von modernen Frontend-Anwendungen
- Überblick und Gemeinsamkeiten von React, Angular, Vue.js
- deklaratives Rendering
- Komponenten - Definition eigener HTML Tags
- Verwendung von create-react-app zum Initialisieren eines React-Projekts
Modernes JavaSkript
- Entwicklung mit node.js und npm
- JavaSkript-Versionen
- Arbeiten mit Modulen
- Funktionen und Pfeilfunktionen
- Klassen
- funktionale Programmierung in JavaScript (map, filter, ...)
TypeScript
- statische vs. dynamische Typisierung
- Deklaration der Typen von Variablen, Funktionen und Klassen
- grundlegende Datentypen
- Tupel, Objekte
- Schnittstellen
- Generika
React Schablonensprache
- JavaSkriptbasierte Vorlagensprache: JSX
- Setzen von Elementeigenschaften
- Wiederholung von Elementen
- wenn / sonst
- Ereignisse
- CSS Klassen und Stile
Verwaltung des Zustands in React
- Setzen und Ändern des Anwendungsstatus
- Verwendung des State Hooks und von setState
- Erfassen des Inhalts von Eingabeelementen im Zustand
Komponenten: Bausteine für moderne Webanwendungen
- Definition von benutzerdefinierten HTML Tags in React
- Zustand, Requisiten und Ereignisse
- Datenfluss zwischen Komponenten
- Funktionskomponenten und Klassenkomponenten
- Verwendung von Hooks in Funktionskomponenten
- Lebenszyklus-Ereignisse von Komponenten (Einhängen, Aktualisieren, Aushängen)
- Einbindung vordefinierter Komponenten aus einer Bibliothek
Zustandsverwaltung mit Redux
- Redux Grundlagen: Zustandsverwaltung mit reinen Funktionen, Reduzierern und unveränderlichen Daten
- Verwendung des Reducer-Hooks in React
- Integration von Redux in eine React-Anwendung
- Präsentations- und Container-Komponenten
- das Redux-Ökosystem
- Umgang mit asynchronen Ereignissen mit Thunk
- Abrufen von Daten von einer REST-API
Entwickler-Tools und Testen
- React Entwickler-Tools
- Redux Entwickler-Tools
- Testen von JavaSkript mit Jest
- Testen von Reduzierern
- Testen von React Komponenten
React Router
- Client-seitiges Routing
- Anzeige verschiedener Ansichten basierend auf der aktuellen Browser-Route
App-Entwicklung mit React
- kurzer Überblick über React Native
- Erstellung einer installierbaren mobilen und Desktop-Anwendung mit Progressive Web Apps
- Vergleich von Progressive Web Apps und Native Apps
Voraussetzungen
- HTML-Grundlagen
- Erfahrungen mit JavaScript
Offene Schulungskurse erfordern mindestens 5 Teilnehmer.
React, Redux and TypeScript Schulung - Booking
React, Redux and TypeScript Schulung - Enquiry
React, Redux and TypeScript - Beratungsanfrage
Beratungsanfrage
Erfahrungsberichte (7)
Die Menge der Details, die Art der Erklärungen und die Ruhe und Zuversicht des Trainers sind inspirierend.
Cosmin Ghergheles - Ness
Kurs - React, Redux and TypeScript
Maschinelle Übersetzung
Sie umfasste die grundlegenden Komponenten
Valentin
Kurs - React, Redux and TypeScript
Maschinelle Übersetzung
Lukaszes Begeisterung.
Eloise Phelps - Dunelm
Kurs - React, Redux and TypeScript
Maschinelle Übersetzung
Wie Luke große Anstrengungen unternommen hat, den Teilnehmern individuell zu helfen, wenn sie Probleme beim Ausführen des Codes hatten. Luke war extrem freundlich und verstand sich sehr gut mit den Kursteilnehmern.
Jonathan Grout - Dunelm
Kurs - React, Redux and TypeScript
Maschinelle Übersetzung
Die Beteiligung des Trainers an allen Teilnehmern war großartig, jeder bekam zu einem bestimmten Zeitpunkt während des Kurses Hilfe. Es war insgesamt eine tolle Erfahrung, besonders für Personen, die nicht mit dem Thema vertraut waren.
Tayyab Ejaz Mushtaq - Dunelm
Kurs - React, Redux and TypeScript
Maschinelle Übersetzung
Ich mochte die Tatsache, dass es sich wie eine sichere Umgebung anfühlte und ich mich nicht bedroht fühlte, meinen Bildschirm und meine Schwierigkeiten mit dem Trainer oder der Gruppe zu teilen.
Wanda Hawkins-Kavanagh - Dunelm
Kurs - React, Redux and TypeScript
Maschinelle Übersetzung
Ich mochte die Tatsache, dass der Kurs Übungen hatte. Ich mochte die Art, wie Lukasz versucht hat, jedem von uns zu helfen und die Art, wie er die Anspannung einiger anderer Teilnehmer bewältigt hat. Ich mochte, dass er sich mit dem Thema auskannte.
Samuel Irsai - Dunelm
Kurs - React, Redux and TypeScript
Maschinelle Übersetzung
Kommende Kurse
Kombinierte Kurse
Advanced React
14 StundenDiese von einem Trainer geleitete Live-Schulung (online oder vor Ort) richtet sich an Entwickler, die React-Komponenten erstellen und komplexe Anwendungen entwerfen möchten.
Am Ende dieser Schulung werden die Teilnehmer in der Lage sein:
- Die fortgeschrittenen Konzepte von React verstehen, einschließlich Kontext-APIs, HOCs, externe Zustände, asynchrone APIs, etc.
- Zusammensetzbare Komponenten mit React erstellen.
- Authentifizierung auf Server- und Client-Seite aktivieren.
- Implementieren Sie React und Redux Bibliotheken, um komplexe zustandsabhängige Anwendungen zu verwalten.
- Code reduzieren und die Leistung einer Anwendung optimieren.
- Testen und Bereitstellen einer Anwendung.
Advanced TypeScript
7 StundenDiese von einem Trainer geleitete Live-Schulung (online oder vor Ort) richtet sich an Entwickler, die die fortgeschrittenen Funktionen von TypeScript's nutzen möchten, um JavaScript-Anwendungen zu erstellen und zu entwickeln.
Am Ende dieser Schulung werden die Teilnehmer in der Lage sein:
- Richten Sie die notwendige Entwicklungsumgebung ein, um mit der Entwicklung von TypeScript und Node.js-Anwendungen zu beginnen.
- Nutzen Sie die Vorteile der erweiterten Funktionen von Typescript, um sauberen, ausdrucksstarken Code mit weniger Fehlern zu schreiben.
- Konfigurieren und verwenden Sie Webpack mit TypeScript, um komplexe Front-End-UIs zu erstellen.
- Benutzerdefinierte Datentypen (Union, Intersection, Tuple Types, etc.) verwenden, um bestehende generische Typen zu erweitern.
- Implementieren Sie asynchrone Codemuster und APIs zur Fehlerbehandlung und Validierung von Antworten.
- Bereitstellung von TypeScript und Node.js-Anwendungen in Produktionsumgebungen (AWS EC2, Heroku, etc.).
Ant Design
7 StundenDiese von einem Trainer geleitete Live-Schulung (online oder vor Ort) richtet sich an Entwickler, die Ant Design nutzen möchten, um die User Experience ihrer React-Anwendung zu verbessern.
Am Ende dieser Schulung werden die Teilnehmer in der Lage sein, die React-Komponenten von Ant Design's zu implementieren, um schöne Webanwendungen der Unternehmensklasse zu entwickeln.
FARM (FastAPI, React, and MongoDB) Full Stack Development
14 StundenDiese Live-Schulung unter Anleitung (online oder vor Ort) richtet sich an Entwickler, die den FARM-Stack (FastAPI, React und MongoDB) zur Erstellung dynamischer, hochleistungsfähiger und skalierbarer Webanwendungen nutzen möchten.
Am Ende dieser Schulung werden die Teilnehmer in der Lage sein:
-
Einrichten der erforderlichen Entwicklungsumgebung, die FastAPI, React und MongoDB integriert.
Verstehen der wichtigsten Konzepte, Funktionen und Vorteile des FARM-Stacks.
Lernen, wie man REST-APIs mit FastAPI erstellt.
Lernen Sie, wie Sie interaktive Anwendungen mit React entwerfen.
Entwickeln, Testen und Bereitstellen von Anwendungen (Frontend und Backend) unter Verwendung des FARM-Stacks.
Choosing the Right JavaScript Framework
14 StundenDiese von einem Trainer geleitete Live-Schulung in Österreich (vor Ort oder aus der Ferne) richtet sich an Entwickler, die entscheiden müssen, welches JavaScript-Framework sie für die Entwicklung von Front-End-Anwendungen verwenden sollen.
Am Ende dieser Schulung werden die Teilnehmer in der Lage sein,:
- eine optimale Entwicklungsumgebung einzurichten, um mit der Entwicklung von Front-End-Anwendungen zu beginnen.
- Demo-Anwendungen zu implementieren, um die Grenzen und Vorteile eines JavaScript-Frameworks zu testen.
- Entscheiden, welches JavaScript-Framework am besten geeignet ist.
JavaScript, Node JS and React Bootcamp (Beginner to Intermediate Level)
35 StundenDiese von einem Ausbilder geleitete Live-Schulung in Österreich (online oder vor Ort) richtet sich an .NET-Entwickler auf Anfängerniveau, die Kenntnisse in JavaScript, Node.js und React erwerben möchten, um Systeme/Plattformen aktiv zu entwickeln und zu migrieren.
Am Ende dieses Kurses werden die Teilnehmer in der Lage sein:
- Effektives Schreiben und Debuggen von JavaScript-Code.
- Serverseitige Anwendungen mit Node.js erstellen und bereitstellen.
- Dynamische und reaktionsschnelle Benutzeroberflächen mit React zu entwickeln.
- Front-End- und Back-End-Komponenten zu integrieren, um vollständige Anwendungen zu erstellen.
- Best Practices für die Migration von Legacy-Systemen auf moderne JavaScript-basierte Plattformen verstehen.
Testing React Apps with Jest
14 StundenDiese Live-Schulung unter Anleitung (vor Ort oder per Fernzugriff) richtet sich an Ingenieure, die Jest zum Testen von React Anwendungen und Komponenten einsetzen möchten.
Am Ende dieser Schulung werden die Teilnehmer in der Lage sein:
- Einrichten und Konfigurieren einer geeigneten Testumgebung.
- Schreiben Sie asynchrone Tests für React Anwendungen und Komponenten.
- Erweiterte Jest-Tests ausführen, die Mocking, Spies und Stubs beinhalten.
MERN Fullstack Development
14 StundenDieses von einem Trainer geleitete Live-Training (online oder vor Ort) richtet sich an Webentwickler, die den MERN Stack für die Fullstack-Entwicklung nutzen möchten.
Am Ende dieser Schulung werden die Teilnehmer in der Lage sein:
- Integrieren Sie React mit MongoDB, Express und Node.js.
- Eine Fullstack-Webanwendung von Grund auf aufbauen.
- Implementieren Sie Anwendungssicherheit durch Autorisierung und Authentifizierung.
Building Micro Frontends with React
21 StundenDiese von einem Trainer geleitete Live-Schulung (online oder vor Ort) richtet sich an Entwickler, die mit React Mikro-Frontends für große Webanwendungen entwickeln, testen und bereitstellen möchten, um sie hoch skalierbar, technologieunabhängig und einfacher zu pflegen zu machen.
Am Ende dieser Schulung werden die Teilnehmer in der Lage sein:
- Einrichten der notwendigen Entwicklungsumgebung, um mit der Entwicklung von Mikro-Frontends zu beginnen React.
- Verstehen Sie die Architektur, die Kernkonzepte und die Vorteile von Mikro-Frontends.
- Lernen Sie, wie man Mikro-Frontends mit React erstellt, integriert, testet und einsetzt.
- Implementieren Sie Mikro-Frontends mit der Modul-Föderation.
- Die CI/CD-Pipeline als produktionsgerechten Workflow anwenden.
- Die häufigsten Probleme mit CSS in Mikro-Frontends kennen und wissen, wie man sie behebt.
- Erhalten Sie Einblicke, wie Sie andere Frontend-Frameworks mit React implementieren können.
Building Microservices with NodeJS and React
21 StundenDieses von einem Lehrer geleitete Live-Training in Österreich (online oder vor Ort) richtet sich an erfahrene Entwickler, die Anwendungen mithilfe von mit NodeJS und React erstellten Microservices erstellen, bereitstellen und skalieren möchten.
Am Ende dieser Schulung werden die Teilnehmer in der Lage sein:
- Anwendungen mit verschiedenen Microservices entwickeln, bereitstellen und skalieren.
- Eine serverseitig gerenderte React-Anwendung erstellen.
- Mehrere Dienste Apps mithilfe von Docker und Kubernetes in die Cloud bereitstellen.
- Tests an Microservices-Anwendungen durchführen.
Next.js 14 Advanced Development
21 StundenDiese Live-Schulung in Österreich (online oder vor Ort) richtet sich an mittlere bis fortgeschrittene Webentwickler und technische Architekten, die die Neuerungen von Next.js 14 kennenlernen und sich das Wissen aneignen möchten, um moderne Webanwendungen zu erstellen.
Am Ende dieses Trainings werden die Teilnehmer in der Lage sein:
- Das volle Potential von Next.js 14 für die Entwicklung komplexer Anwendungen zu nutzen.
- Die neuesten Funktionen wie Middleware, React Server Components und Edge Functions zu nutzen.
- Best Practices für Performance, Skalierbarkeit und SEO zu implementieren.
- Häufige Probleme in Next.js-Anwendungen effektiv zu beheben.
Next.js 14 - Advanced
21 StundenDiese von einem Kursleiter geleitete Live-Schulung in Österreich (online oder vor Ort) richtet sich an fortgeschrittene Entwickler, die die neuesten Funktionen von Next.js 14 beherrschen, die Leistung optimieren und moderne React-Techniken einsetzen möchten.
Am Ende dieses Kurses werden die Teilnehmer in der Lage sein:
- Erweiterte React-Hooks und gleichzeitige Funktionen zu implementieren.
- Next.js-Routing-Strategien zu verstehen und effektiv zu nutzen.
- Server-Komponenten, Server-Aktionen und hybride Rendering-Ansätze zu nutzen.
- Optimieren von Datenabruf, Caching und inkrementeller statischer Regeneration.
- Verwendung von Next.js als Backend-Lösung mit Edge-Funktionen und Edge Runtime.
- Verwalten Sie den Status mit React Context, Redux und atomaren Statusbibliotheken.
- Optimieren Sie die Anwendungsleistung für Web Core Vitals.
- Effizientes Testen, Überwachen und Bereitstellen von Next.js-Anwendungen.
React with Next.js
14 StundenDiese Live-Schulung in Österreich (online oder vor Ort) richtet sich an Webentwickler, die Next.js für die Erstellung von React Anwendungen nutzen möchten.
Am Ende dieser Schulung werden die Teilnehmer in der Lage sein:
- Serverseitige Webanwendungen und statische Seiten in Next.js zu entwickeln.
- Daten mit MongoDB zu verarbeiten und zu speichern.
- Eine Webanwendung mit AuthO-Authentifizierung zu sichern.
TypeScript
7 StundenDiese von einem Trainer geleitete Live-Schulung stellt die wichtigsten Funktionen von TypeScript's vor und führt die Teilnehmer durch den Aufbau einer realen JavaScript-Anwendung.
Typescript Unit Testing
14 StundenTypeScript ist eine Open-Source-Sprache zur Erstellung von JavaScript-Anwendungen für Unternehmen. Sie ist eine strenge Obermenge von JavaScript, die zu einfachem JavaScript kompiliert und statische Typisierung und objektorientierte Entwicklung in die Sprache einbringt.
In dieser Live-Schulung unter Anleitung werden die Unit-Testing-Funktionen und -Frameworks von TypeScript vorgestellt. Die Teilnehmer erhalten die Möglichkeit, die Theorie in die Praxis umzusetzen, indem sie eine Sammlung von Unit-Tests erstellen, die gegen reale Anwendungen ausgeführt werden können.
Format des Kurses
- Interaktive Vorlesung und Diskussion.
- Viele Übungen und Praxis.
- Praktische Umsetzung in einer Live-Laborumgebung.
Optionen zur Kursanpassung
- Dieser Kurs konzentriert sich auf die Frameworks, die zum Unit-Test einer JavaSkript- oder Typescript-Anwendung verwendet werden können (Jasmine, Mocha, Jest, Chai, etc.).
- UI-Frameworks wie React sind optional und können auf Wunsch behandelt werden.
- Wenn Sie eine maßgeschneiderte Schulung für diesen Kurs wünschen, nehmen Sie bitte Kontakt mit uns auf, um dies zu vereinbaren.