- Home
- /
- Software- & Webentwicklung
- /
- Webentwicklung
- /
- JavaScript
- /
- Vue.js 3
- /
- Nuxt.js – Entwicklung Moderner...
Nuxt.js – Entwicklung Moderner Webanwendungen
Schulungsinhalt
Grundlagen und Setup
Überblick zu Nuxt.js und Einstieg ins Framework
Systemvoraussetzungen und Umgebung prüfen
Installation von Node.js und npm
Einrichtung einer geeigneten Entwicklungsumgebung (IDE)
Nutzung von Git für Versionierung
Zugriff auf das Kurs-Repository
Einführung in Nuxt.js
Funktionen und Vorteile des Frameworks verstehen
Einsatzmöglichkeiten und Nutzen von Nuxt.js
Projektstart und Struktur
Verwendung der Nuxt.js CLI zur Projektinitialisierung
Anlegen eines neuen Projekts
Aufbau und Struktur eines Nuxt-Projekts
Konfigurationsdateien und Aliasdefinitionen
Routing mit Nuxt.js
Grundlagen des Routings im Framework
Dynamische und verschachtelte Routen definieren
Einsatz von Transitions für Seitenwechsel
Einführung in Middleware für Routing
Gestaltung von Views
Aufbau und Organisation von Views
Verwendung von Dokumenten, Layouts und Pages
Wiederverwendbare Komponenten und Templates
Struktur und Bedeutung des Hauptdokuments
Serverseitiges Rendering (SSR)
Konzept und Vorteile von SSR
SSR in Nuxt.js aktivieren und konfigurieren
Typische Fallstricke und wie man sie vermeidet
Überblick über die Servermodi
Asynchrone Datenverarbeitung
Laden von Daten auf dem Server
Nutzung der
asyncData-MethodeKontextobjekte und ihre Bedeutung
State-Management mit Vuex
Struktur und Verwendung des Vuex-Stores
Datenzugriff und -verwaltung im Store
Tipps und Best Practices im Umgang mit Vuex
Testing in Nuxt.js-Projekten
Durchführung von Unit-Tests
Umsetzung von Integrationstests
End-to-End-Tests im Überblick
Einsatz von Ava und jsdom für Tests
Zielgruppe
Dieser Kurs richtet sich an Webentwickler, die ihre Kenntnisse im Bereich moderner Frontend-Entwicklung erweitern und professionelle, serverseitig gerenderte Anwendungen mit Nuxt.js umsetzen möchten.
Seminarziele
Die Voraussetzung zur Teilnahme sind solide Kenntnisse in Vue.js. Aufbauend darauf lernen Sie, mit Nuxt.js leistungsfähige Webanwendungen zu entwickeln, die serverseitig gerendert und modular aufgebaut sind.
Sie starten mit dem Einrichten Ihrer Entwicklungsumgebung inklusive Node.js, npm, Git und einer geeigneten IDE. Anschließend erstellen Sie Ihr erstes Nuxt.js-Projekt, um sich mit der grundlegenden Struktur und Konfiguration vertraut zu machen.
Im nächsten Schritt tauchen Sie tief in zentrale Features von Nuxt.js ein: Routing, View-Struktur und SSR. Dabei erfahren Sie, wie Sie dynamische und verschachtelte Routen aufbauen, Übergänge und Middleware nutzen sowie Layouts und Seiten effizient gestalten. Auch Wiederverwendung von Komponenten und die Rolle des Hauptdokuments werden praxisnah behandelt.
Ein weiterer Schwerpunkt liegt auf serverseitigem Rendering. Sie lernen, wie Sie SSR in Nuxt.js konfigurieren, welche Herausforderungen auftreten können und welche Lösungswege sich bewährt haben.
Fortgeschrittene Inhalte wie das Laden asynchroner Daten mit asyncData, der Einsatz des Kontext-Objekts sowie State-Management mit Vuex runden das Training ab. Abschließend erhalten Sie praxisnahe Einblicke in Testverfahren – von Unit-Tests über Integrationstests bis hin zu End-to-End-Tests mit Tools wie Ava und jsdom.
Vorkenntnisse
Die Voraussetzung zur Teilnahme sind fundierte Kenntnisse in Vue.js sowie praktische Erfahrung im Umgang mit dem Framework.
Seminardauer
Preis
Präsenzseminar/FLEXINAR®:
LIVEINAR®:
Individual Training: Preis auf Anfrage
Inhouse Training: Preis auf Anfrage
Seminarnummer
Fehler: Kontaktformular wurde nicht gefunden.
Ihr Berater
Martin Heubeck
Group Leader Sales
- martin.heubeck@protranet.de
Beratungszentrale und Buchungshotline:
- 0800 3400311
- beratung@protranet.de
Kataloge
Formate
