Building Micro Frontends with React Schulung
React ist eine Open-Source JavaScript-Bibliothek, die verwendet wird, um Benutzeroberflächen für Web-Anwendungen zu bauen. Micro Frontend ist eine Architektur, in der semi-unabhängige Fragmente der Web-Anwendung UI (Front Ends) unabhängig entwickelt, getestet und implementiert werden. Es ähnelt der Back-End-Architektur von Mikroservices.
Dieses Instructor-Leid, Live-Training (online oder on-site) richtet sich an Entwickler, die verwenden möchten React zu entwickeln, testen und deploy mikro-frontends für große web-Anwendungen, machen sie hoch-schalbar, technologisch agnostic, und einfacher zu halten.
Am Ende dieser Ausbildung können die Teilnehmer:
- Erstellen Sie die notwendige Entwicklungsumgebung, um mit der Entwicklung von Mikrofrontenden zu beginnen React.
- Verständnis der Architektur, Kernkonzepte und Vorteile von Mikrofrontenden.
- Erfahren Sie, wie Sie Mikrofrontends mit React bauen, integrieren, testen und implementieren.
- Implementieren von Mikrofrontends mit Module-Föderation.
- Verwenden Sie den CI/CD-Pipeline-Produktionsgrad-Workflow.
- Erkennen Sie die gemeinsamen Probleme mit CSS in Mikrofrontenden und wie sie zu beheben.
- Erhalten Sie Einblicke, wie man andere Frontend-Frameworks mit React implementiert.
Format des Kurses
- Interaktive Unterricht und Diskussion.
- Viele Übungen und Übungen.
- Hand-on Implementierung in einem Live-Lab-Umfeld.
Kursanpassungsoptionen
- Um eine benutzerdefinierte Ausbildung für diesen Kurs zu beantragen, wenden Sie sich bitte an uns, um zu arrangieren.
Schulungsübersicht
Einführung
- Überblick über die Mikro-Frontend-Architektur und Kernkonzepte
- Grundlagen von React
Erste Schritte
- Einrichten der Entwicklungsumgebung
- Grundlagen des Modulverbundes
- Andere Frontend-Frameworks
Aufbau von Mikro-Frontends
- Erstellen einer Projektstruktur mit React
- Umwandlung in Mikro-Frontends
- Ändern von Mikro-Frontend-Anwendungen
- Gemeinsame Nutzung von Abhängigkeiten und Verknüpfung mehrerer Anwendungen
Integration von Host/Containern mit Mikro-Frontends
- Integrationen zur Erstellungszeit vs. zur Laufzeit
- Zusammenstellung der Anwendungskomponenten
Arbeiten mit CSS in Mikro-Frontends
- Ändern der Header-Komponente
- Verstehen von CSS in JS-Bibliotheken
- Häufige Probleme mit CSS in Micro Frontends
- Fehlersuche und Fehlerbehebung
Konfigurieren der Authentifizierung in Micro-Frontends
- Ansätze zur Implementierung
- Kommunikation von Authentifizierungsänderungen
- Hinzufügen einer Auth-Deploy-Konfiguration
Einsatz von Mikro-Frontends
- Anforderungen für die Bereitstellung
- Implementierung der CI/CD-Pipeline
- Testen der Pipeline
- Ausführen der Bereitstellung
- Überprüfen der Bereitstellung
Fehlersuche
Zusammenfassung und nächste Schritte
Voraussetzungen
- Erfahrungen mit React
- Erfahrung mit Javascript-Programmierung
Publikum
- Entwickler
Offene Schulungskurse erfordern mindestens 5 Teilnehmer.
Building Micro Frontends with React Schulung - Booking
Building Micro Frontends with React Schulung - Enquiry
Building Micro Frontends with React - Beratungsanfrage
Beratungsanfrage
Erfahrungsberichte (2)
Wie der Trainer den Unterricht strukturierte und erklärte: vom Sprechtempo bis zu den erklärten Informationen, sodass sowohl Erfahrene als auch Anfänger sie verstehen. Danke, Marcin!
Ana - MSG system
Kurs - Building Micro Frontends with React
Maschinelle Übersetzung
Er ist sehr geduldig und verständnisvoll gegenüber den Teilnehmern. Steht uns immer zur Verfügung, um wertvolle Einblicke und Ratschläge zum Einführen von Micro-Frontend in unserer eigenen Organisation zu geben. Er hat uns auch gezeigt, wie man Micro-Frontend ohne die Nutzung von Boilerplate-Codes implementiert.
Alvin Chin - Ministry of Defence
Kurs - Building Micro Frontends with React
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.
Choosing the Right JavaScript Framework
14 StundenDiese von einem Trainer geleitete Live-Schulung in Schweiz (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.
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.
Next.js 14 Advanced Development
21 StundenDiese Live-Schulung in Schweiz (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 Schweiz (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: Build Highly Interactive Web Applications
21 StundenIn dieser von einem Trainer geleiteten Live-Schulung demonstrieren wir die Leistungsfähigkeit und Flexibilität von React, vergleichen es mit alternativen Frameworks und führen die Teilnehmer Schritt für Schritt durch die Erstellung ihrer eigenen React-Anwendung.
Am Ende dieses Kurses werden die Teilnehmer in der Lage sein:
- Die Designphilosophie von React's verstehen.
- Entscheiden, wann und wo der Einsatz von React sinnvoll ist und wann das herkömmliche MVC-Modell überdacht werden sollte.
- Verstehen von React-Konzepten wie Komponenten, Requisiten, Zustand und Lebenszyklus.
- Implementieren Sie verwandte Technologien wie Babel, Webpack und JSX.
- Eine interaktive Webanwendung erstellen, testen und bereitstellen.
Building Interactive Applications with React, Redux and GraphQL
28 StundenIn dieser von einem Trainer geleiteten Live-Schulung lernen die Teilnehmer, wie man React Anwendungen mit Flux und GraphQL erstellt. Der Kurs behandelt Installation, Einrichtung, Integration, Testen, Bereitstellung und Best Practices, während er die Teilnehmer durch die Erstellung einer Reihe von Beispielanwendungen führt, die zeigen, wie man einer Anwendung mit Hilfe der fortschrittlichsten Toolkits und Techniken zusätzliche Komplexitäts- und Coolness-Ebenen hinzufügen kann.
Die Entwicklung von Anwendungen mit React erfordert eine andere Denkweise als die, an die manche Entwickler gewöhnt sind, vor allem, wenn sie aus der Denkweise anderer MVC-Frameworks wie AngularJS und Bootstrap kommen. In dieser Schulung werden die Grundlagen der verwendeten Technologien Schritt für Schritt vermittelt, so dass die Teilnehmer nicht nur in der Lage sind, eine funktionale Anwendung zu erstellen, sondern auch verstehen, warum ein bestimmter Ansatz verwendet wird. Dies legt den Grundstein für ein unabhängiges und kreatives Denken über das Design und die gewünschten Ergebnisse für die Erstellung ihrer eigenen Anwendungen in der Zukunft.
React with Next.js
14 StundenDiese Live-Schulung in Schweiz (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 Patterns
14 StundenDieser Kursleiter, Live - Training (vor Ort oder remote) richtet sich an Entwickler mit React Fähigkeiten, die ihre Erzeugung zu optimieren und zu verbessern React Anwendungen durch das Verständnis und die Anwendung React ‚s Komponentenmuster.
Am Ende dieser Schulung können die Teilnehmer:
- Verstehen Sie die verschiedenen Arten von React
- Verwenden Sie die React Context API für Webanwendungen
Format des Kurses
- Interaktiver Vortrag und Diskussion.
- Viele Übungen und Übungen.
- Praktische Implementierung in einer Live-Laborumgebung.
Anpassungsoptionen für den Kurs
- Um ein individuelles Training für diesen Kurs anzufordern, kontaktieren Sie uns bitte, um dies zu arrangieren.
- Weitere React zu React Sie unter: https://reactjs.org
Transform a React Application into a Progressive Web App (PWA)
14 StundenDiese von einem Trainer geleitete Live-Schulung (vor Ort oder remote) richtet sich an Entwickler, die eine React-Anwendung in eine Progressive Web App umwandeln möchten.
Am Ende dieser Schulung werden die Teilnehmer in der Lage sein:
- Einrichten der erforderlichen Entwicklungsumgebung, um mit der Umwandlung einer React-Anwendung zu beginnen.
- Cache mit Service Worker, damit eine React-Anwendung offline funktioniert.
- Erstellen und gestalten Sie eine Push-Benachrichtigung.
- Installieren Sie die progressive Webanwendung auf einem mobilen Gerät.
React, Redux and TypeScript
21 StundenReact 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 .
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.