Bitte wählen Sie die Bereiche, die Sie exportieren möchten:
Schulung Headless WordPress und moderne Frontend-Technologien
Praxisorientierte Übungen: Flexibles Frontend mit Headless WordPress entwickeln
Schulungsformen
Offene Schulung
- 3 Tage
- 5 gesicherte Termine
- 1.550,00 p. P. zzgl. MwSt.
- Köln / Online
- Online oder Präsenz
- Dritter Mitarbeitende kostenfrei
Inhouse-/Firmenschulung
- 3 Tage - anpassbar
- Termin nach Wunsch
- Preis nach Angebot
- In Ihrem Hause oder bei der GFU
- Online, Präsenz oder Hybrid
- Lernumgebung in der Cloud
Individualschulung
- 3 Tage - anpassbar
- Termin nach Wunsch
- Preis nach Angebot
- In Ihrem Hause oder bei der GFU
- Online, Präsenz oder Hybrid
- Lernumgebung in der Cloud
Beschreibung
Schauen Sie sich auch diese WordPress Weiterbildungen an.
Schulungsziel
Am Ende des Seminars sind die Teilnehmer in der Lage, WordPress im Headless-Modus als Content-Management-System zu verwenden und moderne Frontend-Technologien wie React oder Vue.js zu integrieren. Sie verstehen, wie man die WordPress REST API verwendet, um Inhalte dynamisch in einer Anwendung darzustellen.
Details
Wer teilnehmen sollte
Dieses Seminar richtet sich an Webentwickler, Full-Stack-Entwickler und Technische Produktmanager, die mit WordPress arbeiten und den Headless-Ansatz verwenden möchten. Grundkenntnisse in JavaScript, API-Kommunikation und Frontend-Frameworks wie React oder Vue.js sind erforderlich.
Ihre Schulung
Präsenz-Schulung | Online-Schulung |
|---|---|
| Lernmethode | |
Ausgewogene Mischung aus Theorie und Praxis | Wie auch bei unseren Präsenz-Seminaren: Ausgewogene Mischung aus Theorie und praktischen Übungen. Trainer durchgehend präsent. |
| Unterlagen | |
Seminarunterlagen oder Fachbuch zum Seminar inklusive, das man nach Rücksprache mit dem Trainer individuell auswählen kann. | Seminarunterlagen oder Fachbuch inklusive (per Post). Das Fachbuch wählt der Trainer passend zum Seminar aus - Ihren individuellen Buch-Wunsch berücksichtigen wir auf Nachfrage gerne. |
| Arbeitsplatz | |
| PC/VMs für jeden Teilnehmenden Hochwertige und performante Hardware Große, höhenverstellbare Bildschirme Zugang zu Ihrem Firmennetz erlaubt |
|
| Lernumgebung | |
Neu aufgesetzte Systeme für jeden Kurs in Abstimmung mit dem Seminarleiter. | |
| Arbeitsmaterialien | |
DIN A4 Block, Notizblock, Kugelschreiber, USB-Stick, Textmarker, Post-its | |
| Teilnahmezertifikat | |
Die Teilnahmezertifikat inkl. Inhaltsverzeichnis wird Ihnen am Ende des Seminars ausgehändigt. | Die Teilnahmezertifikat inkl. Inhaltsverzeichnis wird Ihnen per Post zugesandt. |
Organisation
Präsenz-Schulung | Online-Schulung | |
|---|---|---|
| Teilnehmendenzahl | ||
min. 1, max. 8 Personen | ||
| Garantierte Durchführung | ||
Ab 1 Teilnehmenden* | ||
| Schulungszeiten | ||
| ||
| Ort der Schulung | ||
 GFU SchulungszentrumAm Grauen Stein 27 51105 Köln-Deutz oder online im Virtual Classroom oder europaweit bei Ihnen als Inhouse-Schulung Um ein optimales Raumklima zu gewährleisten, haben wir das Schulungszentrum mit 17 hochmodernen Trotec TAC V+ Luftreinigern ausgestattet. Diese innovative Filtertechnologie (H14 zertifiziert nach DIN EN1822) sorgt dafür, dass die Raumluft mehrfach pro Stunde umgewälzt wird und Schadstoffe zu 99.995% im HEPA-Filter abgeschieden und infektiöse Aerosole abgetötet werden. Zusätzlich sind alle Räume mit CO2-Ampeln ausgestattet, um jederzeit eine hervorragende Luftqualität sicherzustellen. | ||
| Räumlichkeiten | ||
Helle und modern ausgestattete Räume mit perfekter Infrastruktur | Bequem aus dem Homeoffice von überall | |
| Preisvorteil | ||
Dritter Mitarbeitende nimmt kostenfrei teil. Eventuell anfallende Prüfungskosten für den dritten Teilnehmenden werden zusätzlich berechnet. Hinweis: Um den Erfolg der Schulung zu gewährleisten, sollte auch der dritte Teilnehmende die erwarteten Vorkenntnisse mitbringen. | ||
| All-Inclusive | ||
Gebäck, Snacks und Getränke ganztägig, Mittagessen im eigenen Restaurant, täglich 6 Menüs, auch vegetarisch | Eine Auswahl unserer Frühstücks-Snacks und Nervennahrungs-Highlights senden wir Ihnen mit den Seminarunterlagen per Post zu. | |
| Barrierefreiheit | ||
Das GFU-Schulungszentrum (Am Grauen Stein 27) ist barrierefrei | - | |
Buchen ohne Risiko
| Rechnungsstellung |
Erst nach dem erfolgreichen Seminar. Keine Vorkasse. |
| Stornierung |
Kostenfrei bis zum Vortag des Seminars |
| Vormerken statt buchen |
Sichern Sie sich unverbindlich Ihren Seminarplatz schon vor der Buchung - auch wenn Sie selbst nicht berechtigt sind zu buchen |
Kostenfreie Services
Präsenz-Schulung | Online-Schulung |
|---|---|
|
|
Inhalt
- Ziele und Erwartungen der Teilnehmenden
- Klärung individueller Lernziele und Erwartungen, um das Seminar so praxisnah und relevant wie möglich zu gestalten
- Einführung in WordPress im Headless-Modus
- Headless WordPress trennt das Backend-Management von WordPress vom traditionellen Frontend, sodass WordPress nur als Content-Management-System (CMS) verwendet wird, während die Darstellung der Inhalte durch eine separate Frontend-Technologie wie React , Vue.js oder Angular erfolgt.
- Anwendungsbereiche von Headless WordPress: Besonders geeignet für Progressive Web Apps (PWAs) , Single Page Applications (SPAs) und mobile Anwendungen , die flexible und schnelle Frontends benötigen, während das Backend über eine leicht zu bedienende CMS-Oberfläche verwaltet wird.
- Vorteile des Headless-Ansatzes: Der Headless-Modus ermöglicht eine größere Flexibilität bei der Gestaltung des Frontends, verbesserte Performance , und einfachere Integration von verschiedenen Technologien . Dies bietet Entwicklern die Möglichkeit, moderne Web-Frameworks zu nutzen, ohne das bewährte CMS-System von WordPress aufzugeben.
- Vergleich mit klassischem WordPress: Im Gegensatz zum klassischen Ansatz, bei dem WordPress sowohl Backend als auch Frontend bereitstellt, trennt der Headless-Ansatz diese beiden Bereiche und ermöglicht eine skalierbare, API-gesteuerte Entwicklung.
- WordPress als Backend-CMS und API-Plattform
- Verwendung der WordPress REST API : Einführung in die WordPress REST API und wie sie genutzt wird, um Daten (Posts, Seiten, Medien) aus dem WordPress-Backend zu holen und an das Frontend zu liefern.
- GraphQL für WordPress : Alternativen zur REST API, wie z.B. WPGraphQL , das eine einfachere Abfrage und größere Flexibilität bei der Datenabfrage im Headless-Betrieb ermöglicht.
- Content-Management im Backend: Verwaltung von Inhalten über das gewohnte WordPress-Backend. Inhalte werden für das Frontend über die API zugänglich gemacht, ohne die Benutzeroberfläche von WordPress zu verlassen.
- Entwicklung von Frontends für Headless WordPress
- Einführung in moderne Frontend-Frameworks: Überblick über beliebte Frontend-Technologien wie React , Vue.js und Next.js zur Erstellung von dynamischen, benutzerfreundlichen Interfaces für Headless WordPress.
- Kommunikation mit der WordPress REST API: Verwendung von Axios oder Fetch in React und Vue.js, um Daten aus dem WordPress-Backend zu laden und im Frontend darzustellen.
- Gestaltung eines flexiblen Frontends: Wie man ein separates, responsives und performantes Frontend erstellt, das Inhalte von WordPress dynamisch lädt und darstellt.
- Praxisübung 1: Entwicklung einer Headless-WordPress-Anwendung
- Ziel der Übung: Die Teilnehmer erstellen eine einfache Headless-Anwendung, bei der WordPress als CMS fungiert und React als Frontend verwendet wird.
- Projektbeschreibung: Entwicklung einer Blog-Anwendung mit React als Frontend und WordPress als Backend. Die Inhalte (Posts, Kategorien, Autoren) werden über die REST API abgerufen.
- Tools: WordPress REST API , React , Axios oder Fetch API .
- Ergebnisse: Die Teilnehmer haben eine funktionsfähige Headless-WordPress-Anwendung erstellt, die Daten aus WordPress dynamisch lädt und darstellt.
- Ziel der Übung: Die Teilnehmer erstellen eine einfache Headless-Anwendung, bei der WordPress als CMS fungiert und React als Frontend verwendet wird.
- Skalierbarkeit und Performance von Headless WordPress
- Optimierung der API-Anfragen: Tipps zur Optimierung von REST API- oder GraphQL-Anfragen für eine bessere Performance und Reduzierung der Serverlast.
- Caching und Content Delivery Networks (CDNs) : Wie man Caching-Mechanismen und CDNs einsetzt, um die Ladezeit von Inhalten zu verbessern und die Skalierbarkeit der Anwendung sicherzustellen.
- Asynchrone Datenverarbeitung: Nutzung von Server-Side Rendering (SSR) oder Static Site Generation (SSG) mit Frameworks wie Next.js , um Seiten schneller zu laden und die Benutzererfahrung zu optimieren.
- Sicherheit und Benutzerverwaltung im Headless-Modus
- Authentifizierung und Zugriffssteuerung: Sicherstellung der sicheren API-Authentifizierung durch OAuth , JWT (JSON Web Tokens) oder API-Schlüssel. Wie man Benutzerrollen und Zugriffsrechte im WordPress-Backend verwaltet und diese im Frontend korrekt abbildet.
- Schutz der REST API: Maßnahmen, um den Zugriff auf sensible Daten zu beschränken, wie z.B. das Verbergen bestimmter API-Endpunkte und die Verwendung von HTTPS zur Verschlüsselung der API-Kommunikation.
- Implementierung von Benutzer-Login und Registrierung im Frontend: Wie man Benutzeranmeldungen , Registrierungen und Sitzungsverwaltung über die API im Frontend realisiert, ohne auf die Standard-WordPress-Templates zurückzugreifen.
- Praxisübung 2: Implementierung einer API-basierten Benutzeranmeldung
- Ziel der Übung: Die Teilnehmer implementieren eine Benutzeranmeldung und Authentifizierung in einer Headless-WordPress-Anwendung mit JWT.
- Projektbeschreibung: Entwicklung einer Login- und Registrierungsfunktion für eine React-Anwendung, die über die WordPress REST API oder WPGraphQL arbeitet.
- Tools: JWT-Authentifizierung , WordPress REST API , React .
- Ergebnisse: Die Teilnehmer haben eine vollständige API-basierte Authentifizierung implementiert und verstehen, wie man sichere Zugriffe in Headless WordPress-Anwendungen realisiert.
- Ziel der Übung: Die Teilnehmer implementieren eine Benutzeranmeldung und Authentifizierung in einer Headless-WordPress-Anwendung mit JWT.
- Deployment und Skalierung von Headless WordPress-Anwendungen
- Deployment von WordPress und dem Frontend: Best Practices für das Deployment von WordPress (z.B. auf DigitalOcean , AWS oder Heroku ) und des Frontends (z.B. auf Netlify oder Vercel ).
- Continuous Integration/Continuous Deployment (CI/CD): Wie man CI/CD-Pipelines für das Backend und das Frontend einrichtet, um automatisierte Deployments und Tests durchzuführen.
- Skalierung des Headless WordPress-Stacks: Verwendung von Load Balancern , Containerisierung mit Docker und Kubernetes zur Skalierung von Backend und Frontend.
Buchungsmöglichkeiten
Online oder in Präsenz teilnehmen
Sie können sowohl Online als auch in Präsenz am Seminar teilnehmen. Klicken Sie bei Ihrer Buchung oder Anfrage einfach die entsprechende Option an.
Gesicherte offene Termine
| Termin | Ort | Preis | |
|---|---|---|---|
| 10.03.-12.03.2025 Plätze vorhanden Köln / Online 1.550,00 | Köln / Online | 1.550,00 | Buchen Vormerken |
| 12.05.-14.05.2025 Plätze vorhanden Köln / Online 1.550,00 | Köln / Online | 1.550,00 | Buchen Vormerken |
| 14.07.-16.07.2025 Plätze vorhanden Köln / Online 1.550,00 | Köln / Online | 1.550,00 | Buchen Vormerken |
| 15.09.-17.09.2025 Plätze vorhanden Köln / Online 1.550,00 | Köln / Online | 1.550,00 | Buchen Vormerken |
| 17.11.-19.11.2025 Plätze vorhanden Köln / Online 1.550,00 | Köln / Online | 1.550,00 | Buchen Vormerken |
Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
- Online, Präsenz oder Hybrid
- Komplette Lernumgebung in der Cloud mit Remote Zugriff
Fokus aufs Fachliche und maximaler Raum für individuelle Fragen.
- Online, Präsenz oder Hybrid
- Komplette Lernumgebung in der Cloud mit Remote Zugriff
Unterstützung nach der Schulung durch
individuelle Nachbetreuung
- Alle folgenden Schulungsformen können auch Online als Virtual Classroom durchgeführt werden.
- Eine Offene Schulung findet zu einem festgelegten Zeitpunkt im voll ausgestatteten Schulungszentrum oder Online/Remote statt. Sie treffen auf Teilnehmende anderer Unternehmen und profitieren vom direkten Wissensaustausch.
- Eine Inhouse-/Firmen-Schulung geht auf die individuellen Bedürfnisse Ihres Unternehmens ein. Sie erhalten eine kostenfreie Beratung von Ihrem Seminarleiter und können Inhalte und Dauer auf Ihren Schulungsbedarf anpassen. Inhouse-Schulungen können Europaweit durchgeführt werden.
- Bei einer Individual-Schulung erhalten Sie eine 1-zu-1 Betreuung und bestimmen Inhalt, Zeit und Lerntempo. Der Dozent passt sich Ihren Wünschen und Bedürfnissen an.
Sie können unsere Schulungen auch als Remote Schulung im Virtual Classroom anfragen.
In drei Schritten zum Online Seminar im Virtual Classroom:
- Seminar auswählen und auf "Buchen" klicken
- Wählen Sie bei "Wie möchten Sie teilnehmen?" einfach "Online" aus.
- Formular ausfüllen und über den Button "Jetzt buchen" absenden.
Unser Kundenservice meldet sich bei Ihnen mit der Buchungsbestätigung.
Unsere Online Schulungen finden im Virtual Classroom statt. Ein Virtual Classroom bündelt mehrere Werkzeuge, wie Audio-Konferenz, Text-Chat, Interaktives Whiteboard, oder Application Sharing.
Vorteile von Virtual Classroom:
- Sie erhalten 1 zu 1 die gleiche Lernumgebung, die Sie auch vor Ort bei uns vorfinden
- Die technische Vorbereitung wird von den GFU-Technikern vorgenommen
- Sie erhalten remote Zugriff auf Ihren persönlichen Schulungs-PC im GFU-Seminarraum
- Die Virtual Classroom Lösung lässt sich auch im Browser betreiben
- Die GFU-Technik leistet wie gewohnt Soforthilfe bei Problemen
- Die Schulungsunterlagen bekommen Sie per Post zugeschickt
- Sie sparen Reisekosten und Zeit
- 10. Mär. - 12. Mär. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
- 12. Mai - 14. Mai ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
- 14. Jul. - 16. Jul. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
- 15. Sep. - 17. Sep. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
- 17. Nov. - 19. Nov. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
- Auch als Inhouse-Schulung, bundesweit mit Termin nach Wunsch und individuellen Inhalten
- Buchen ohne Risiko! Kostenfreie Stornierung bis zum Vortag des Seminars
Buchen Sie diese kostenfreien Serviceleistungen für Präsenzseminare ganz einfach während des Buchungsprozesses dazu!
Machen Sie sich keinen Kopf um die Anreise! Unser Shuttle fährt Sie. Oder Sie parken einfach auf einem extra für Sie reservierten Parkplatz.
Hotelzimmer gesucht? Wir organisieren Ihnen eins. Ihr Vorteil: Sie sparen Zeit und Geld!
Gesund oder lecker? Warum nicht beides? Freuen Sie sich auf unsere kulinarische Verpflegung!
Parkplätze sind in ausreichender Zahl vorhanden. Reisen Sie mit dem Auto an, reservieren wir Ihnen einen Parkplatz.