SEMINAR
W-3140
Vue.js 3
3 Tage
Standorte
Termine
Nuxt.js - Entwicklung Moderner Webanwendungen
Kein Badge verfügbar.
Ihr Seminar buchen
Seminarinhalte
Ziele
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.
Inhalte
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-Methode
- Kontextobjekte 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
Badge
Kein Badge verfügbar.
Vorkenntnisse
Die Voraussetzung zur Teilnahme sind fundierte Kenntnisse in Vue.js sowie praktische Erfahrung im Umgang mit dem Framework.
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.
Methoden
KONTAKT
Martin Heubeck
Sales Gruppenseminare und Inhouse
Mo – Fr 8:00 – 17:00 Uhr
E-Mail senden
+49 891 22216949
+49 800 3060303
JETZT UNVERBINDLICHEN BERATUNGSTERMIN BUCHEN
„Im Beratungsprozess lege ich besonderen Wert darauf, die besonderen Bedürfnisse und Ziele Ihres Unternehmens genau zu verstehen. Gemeinsam mit Ihnen entwickle ich passgenaue Lösungen, die sowohl fachliche Anforderungen erfüllen als auch die persönliche Weiterentwicklung der Mitarbeitenden fördern – immer praxisnah und auf Augenhöhe.“
Seien Sie nicht nur am Ergebnis orientiert. Sondern auch am Erlebnis.
