Building Interactive Applications with React, Redux and GraphQL Schulung
React ist eine Java Skriptbibliothek zum Erstellen schneller und reibungsloser interaktiver Webseiten. Zusammen mit der Flux-Architektur und der GraphQL Abfragesprache können äußerst leistungsfähige und effiziente Webanwendungen erstellt werden.
In diesem von Lehrern geleiteten Live-Training lernen die Teilnehmer, wie sie React Anwendungen mit Flux und GraphQL . Der Kurs befasst sich mit Installation, Einrichtung, Integration, Test, Bereitstellung und Best Practices und führt die Teilnehmer durch die Erstellung einer Reihe von Beispielanwendungen, in denen demonstriert wird, wie eine Anwendung mit den fortschrittlichsten Toolkits und Tools noch komplexer und "cooler" wird Techniken.
Das Entwickeln von Anwendungen mit React erfordert ein anderes Denken als das, an das manche Entwickler gewöhnt sind, insbesondere wenn sie aus der Denkweise anderer MVC-Frameworks wie Angular JS und Bootstrap .
Diese Schulung behandelt die Grundlagen der in den einzelnen Schritten verwendeten Technologien, sodass die Teilnehmer nicht nur eine funktionale Anwendung erstellen können, sondern auch verstehen, warum ein bestimmter Ansatz verwendet wird. Dies bildet die Grundlage, um unabhängig und kreativ über das Design und die gewünschten Ergebnisse für die Erstellung eigener Anwendungen in der Zukunft nachzudenken.
Format des Kurses
- Teilvorlesung, Teildiskussion, Übungen und viel praktisches Üben
Schulungsübersicht
Einführung
- React vs. Angular und andere Frameworks
Verstehen von React
- JSX, Komponenten und Requisiten, der Lebenszyklus von Komponenten usw.
- Verwaltung des Anwendungsstatus im Vergleich zum Datenstatus
Schreiben von React Anwendungen mit ES6
- Syntax und ES6+-Funktionen, auf die man achten sollte
Einrichten der Entwicklungsumgebung
Überblick über Node.js
Installieren und Konfigurieren von Node.js
Überblick über Webpack und Babel
- Verstehen der "Transformation" (Übersetzung von JSX in JavaScript)
Installieren und Konfigurieren von Webpack
Installieren und Konfigurieren von Babel
Installieren von React und ReactDOM
Schreiben Ihrer ersten React-Anwendung
WebPack so konfigurieren, dass es auf Änderungen an den Quelldateien achtet
Konfigurieren von npm als Tool-Runner
Erweitern der React-Anwendung mit neuen Komponenten
Implementieren der Flux- und Redux-Architektur in eine React-Anwendung
Verstehen von Flux und Redux
- Zustandslose Komponenten, Actions, Reducers, Dispatchers, Middleware, Container, etc.
Mehrere Sichten in die React-Anwendung einbauen
Installieren und Konfigurieren von Redux
Erstellen einer einfachen To-do-Liste mit Flux/Redux (mit Mock-Server-API)
Integrieren eines Backends in Ihre React-Anwendung: GraphQL und Apollo
Überblick über GraphQL
- Datentypen, Schemas, Graphenstruktur und Integration mit React
- Beschränkungen des Restful Routing
- GraphQL vs SQL
Schreiben einer GraphQL-Abfrage
Authentifizierung von Benutzern
Integration von React Router mit GraphQL
Einen einfachen Blog mit React und GraphQL erstellen
Testen Ihrer React-Anwendung
Verarbeiten von React-Anwendungen mit npm-Befehlszeilenskripten
Fehlersuche
Strukturierung des App-Repositorys
Best Practices für das Schreiben von React-Code
Bereitstellen Ihrer React-Anwendung
A Word über mobile Anwendungen mit React Native
Zusammenfassung und Schlussfolgerung
Voraussetzungen
- Erfahrung in der Entwicklung von Webanwendungen
- Erfahrung in der Javascript-Programmierung
- Vertrautheit mit React
Publikum
- Entwickler
Offene Schulungskurse erfordern mindestens 5 Teilnehmer.
Building Interactive Applications with React, Redux and GraphQL Schulung - Booking
Building Interactive Applications with React, Redux and GraphQL Schulung - Enquiry
Building Interactive Applications with React, Redux and GraphQL - Beratungsanfrage
Beratungsanfrage
Erfahrungsberichte (4)
Lockerer Vortrag, nicht zu formal
Amir Sacic - Best Gaming Technology GmbH
Kurs - Building Interactive Applications with React, Redux and GraphQL
Gute und interessante Vorträge und Übungen. Der Ausbilder ist auf jeden eingegangen und hat jedem bei einem Problem geholfen. Sehr gute Kentnisse zum Thema und konnte Fragen sehr genau und ordentlich beantworten. Auch persönlich ein sehr netter Mensch mit dem man auch so gut plaudern kann.
Christoph Handler - Best Gaming Technology GmbH
Kurs - Building Interactive Applications with React, Redux and GraphQL
* Der praktische Ansatz, der uns half, das Thema besser zu verstehen. * Die Flexibilität des Lehrers bei der Abdeckung von Themen, die für unsere Anwendungsfälle relevant sind.
Juan Rial - Cegeka NV
Kurs - Building Interactive Applications with React, Redux and GraphQL
Maschinelle Übersetzung
Obwohl ich das Thema bereits gut kannte, habe ich während des Kurses viele nützliche Informationen entdeckt.
Stefan-Lucian Bucur - Cegeka NV
Kurs - Building Interactive Applications with React, Redux and GraphQL
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.
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.
GraphQL Basics
7 StundenIn dieser von einem Trainer geleiteten Live-Schulung in Deutschland lernen die Teilnehmer die Grundlagen von GraphQL kennen, während sie Schritt für Schritt eine einfache API mit GraphQL erstellen.
Am Ende dieser Schulung werden die Teilnehmer in der Lage sein:
- Verstehen, was GraphQL ist und was es von REST unterscheidet.
- Die wichtigsten GraphQL-Begriffe zu verstehen.
- Eine GraphQL-Codierungsumgebung einrichten.
- Eine GraphQL-API erstellen und verbessern.
Hasura GraphQL Engine
14 StundenDiese Live-Schulung in Deutschland (online oder vor Ort) richtet sich an Datenbankadministratoren und -entwickler, die Hasura verwenden möchten, um Datenbanken und Anwendungen mit GraphQL effizient zu erstellen, darauf zuzugreifen und zu verwalten.
Am Ende dieser Schulung werden die Teilnehmer in der Lage sein,:
- die notwendige Entwicklungsumgebung einzurichten, um mit der Erstellung von Datenbanken mit Hasura zu beginnen.
- Datenzugriff und -abfragen auf Hasura mit GraphQL-Modellen zu erstellen, auszuführen und zu verwalten.
- den Datenzugriff durch Einrichtung der Authentifizierung mit JSON Web Tokens und Firebase zu sichern.
- Erweitern von Datenbankfunktionen durch Integration von Geschäftslogik.
- Effektive Verwaltung von Datenbankmigrationen und Metadaten auf Hasura, um Datenverluste zu vermeiden.
Choosing the Right JavaScript Framework
14 StundenDiese von einem Trainer geleitete Live-Schulung in Deutschland (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 Deutschland (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.
Next.js 14 Advanced Development
21 StundenDiese Live-Schulung in Deutschland (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 Deutschland (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 Deutschland (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.
React, Relay, and GraphQL
14 StundenDiese von einem Trainer geleitete Live-Schulung (vor Ort oder aus der Ferne) richtet sich an Entwickler, die GraphQL und Relay zur Verwaltung von Daten in React-Anwendungen nutzen möchten.
Am Ende dieser Schulung werden die Teilnehmer in der Lage sein:
- Einrichten der erforderlichen Entwicklungsumgebung zum Starten der Datenkontrolle für React Anwendungen.
- Sofortige UI-Response-Interaktionen bereitstellen.
- Daten aus mehreren Bibliotheken in einer praktischen API zusammenfassen.
- Vorabruf mit GraphQL und Relay.
Spring Boot, React, and Redux
14 StundenDiese von einem Trainer geleitete Live-Schulung (online oder vor Ort) richtet sich an Webentwickler, die funktionale Front-End- und Back-End-Webanwendungen mit Spring Boot, React, and Redux erstellen möchten.
Am Ende dieser Schulung werden die Teilnehmer in der Lage sein:
- Erstellen Sie eine Front-End-Anwendung mit React und Redux.
- Erstellen Sie RESTful APIs mit Spring Boot.
- Webdienste mit Spring Security und JWT-Web-Tokens absichern.