Name: Fortgeschrittenes Nuxt, Vue, Vite und TypeScript für wartbare Webanwendungen
Availability: InStock

Fortgeschrittenes Nuxt, Vue, Vite und TypeScript für wartbare Webanwendungen

Ein praxisnaher Kurs für Entwicklerinnen und Entwickler, die bereits ein grundlegendes Verständnis von Nuxt, Vue und TypeScript haben und wartbarere, robustere und performantere Anwendungen bauen möchten. Die Agenda konzentriert sich auf Architektur, Design Patterns, State Management mit Pinia, Testing, Defensive Programming, Vite und fortgeschrittene TypeScript Muster. Der Kurs stellt pragmatische Entscheidungen in den Mittelpunkt, die Codequalität, Developer Experience und Produktionsreife verbessern.

Was werden Sie lernen?

Sie vertiefen Ihr Verständnis von Nuxt Architektur und fortgeschrittenen Vue Mustern, damit Anwendungen besser skalierbar und wartbar bleiben. Sie lernen, Pinia, Testing, TypeScript und Vite bewusster in produktionsnahen Workflows einzusetzen. Zusätzlich stärken Sie Ihre Fähigkeit, Web Vitals zu verbessern, Fehler defensiv zu behandeln und Anwendungen mit klareren Grenzen zu strukturieren.

Nuxt Architektur und fortgeschrittene Vue Design Patterns gezielter anwenden
Pinia State Management mit klarer Ownership und wartbarem Datenfluss nutzen
Zuverlässigkeit durch Testing, testgetriebenes Denken und Defensive Programming verbessern
Web Vitals und Build Workflows mit praxistauglichen TypeScript und Vite Mustern optimieren

Voraussetzungen:

Grundlegendes Verständnis von Nuxt, Vue und TypeScript
Erfahrung mit der Entwicklung oder Wartung mindestens einer Frontend Anwendung
Grundkenntnisse in Routing, Komponenten, Composables und API Integration

Kursübersicht*:

*Wir passen den Kursaufbau und die Inhalte an Ihre spezifischen Anforderungen und relevanten Anwendungsfälle an.

Modul 1: Nuxt Architektur und Anwendungsstruktur

Nuxt Projektstruktur, Routing, Layouts, Middleware, Plugins und Composables
Schichtenarchitektur für Pages, Features, gemeinsame Komponenten und Services
Design Patterns für Wartbarkeit, Separation of Concerns und Wiederverwendung
Grenzen zwischen Nuxt Serverlogik, Clientlogik und gemeinsamem Code bewusst wählen

Modul 2: Fortgeschrittene Vue Muster im Nuxt Kontext

Component Design Patterns für komplexere Anwendungen
Composables für wiederverwendbare Logik, Side Effects und Integrationsgrenzen
Slots, Props, Emits und Provide oder Inject im fortgeschrittenen Komponentendesign
Überabstraktion vermeiden und Komponenten trotzdem flexibel und lesbar halten

Modul 3: State Management Strategien mit Pinia

Zwischen lokalem State, Composables, Pinia Stores und Server State unterscheiden
Pinia Stores für Ownership, Lesbarkeit und Testbarkeit strukturieren
Derived State, Async Actions, Persistenz und Reset Muster handhaben
Globalen State Wildwuchs und unklare Abhängigkeitsketten vermeiden

Modul 4: TypeScript für stärkeres Anwendungsdesign

Komponenten, Composables, Stores und API Responses typisieren
Type Narrowing mit Guards, Discriminated Unions und Exhaustive Checks praktisch einsetzen
Generics für wiederverwendbare Utilities, Composables und typisierte Data Helper nutzen
Strenge Typisierung und Developer Productivity sinnvoll ausbalancieren

Modul 5: Testing und testgetriebenes Denken in Nuxt und Vue

Teststrategie für Komponenten, Composables, Stores und Pages
Test Driven Development nutzen, um Verhalten zu klären und Regressionen zu reduzieren
API Calls, Stores, Routing und Nuxt spezifischen Kontext mocken
Tests für schnelles Feedback und wartbare Abdeckung organisieren

Modul 6: Defensive Programming und Error Handling

Vorhersehbare Fehlergrenzen für Pages, Komponenten und API Calls gestalten
Loading States, Empty States, Validierungsfehler und Netzwerkprobleme behandeln
Defensive Coding Muster für externe Daten und unerwartetes Nutzerverhalten einsetzen
Logging, Nutzerfeedback und Recovery Pfade ohne unnötige Komplexität gestalten

Modul 7: Vite und Module Bundling in der Praxis

Wie Vite moderne Nuxt und Vue Entwicklungsworkflows unterstützt
Bundling, Code Splitting, Dependency Optimization und Hot Module Replacement verstehen
Aliases, Environment Variables, Plugins und Build Konfiguration verwalten
Bundle Probleme erkennen und Build Setup nachvollziehbar halten

Modul 8: Web Vitals und Produktionsoptimierung

Core Web Vitals und ihr Bezug zu Nuxt und Vue Anwendungen
Rendering, Hydration, Bilder, Schriften und clientseitiges JavaScript optimieren
Unnötige Reaktivität, Watcher und teure Component Updates reduzieren
Eine praktische Checkliste für Performance, Zuverlässigkeit und Wartbarkeit aufbauen

Praxisnahes Lernen mit erfahrenen Trainern an Ihrem Standort für Organisationen.

4.122€*

Niveau:

advanced

Dauer:

Stunden (Tage:

)

Training angepasst an Ihre Bedürfnisse

Intensive praktische Erfahrung in einer speziellen Umgebung

*Der Preis kann je nach Teilnehmerzahl, Änderung des Programms, Standort usw. variieren.

Angebot anfordern

Neue Fähigkeiten erlernen, angeleitet von erfahrenen Trainern von überall.

3.087€*

Niveau:

advanced

Dauer:

Stunden (Tage:

)

Training angepasst an Ihre Bedürfnisse

Reduzierte Schulungskosten

*Der Preis kann je nach Teilnehmerzahl, Änderung des Programms, Standort usw. variieren.

Angebot anfordern

Wir verwenden Cookies, um die Navigation zu verbessern, die Nutzung der Website auszuwerten und unser Marketing zu unterstützen. Sie können alle Cookies akzeptieren, nicht notwendige ablehnen oder einzelne Kategorien auswählen. Zum Cookie-Hinweis

Einstellungen Ablehnen Akzeptieren

Fortgeschrittenes Nuxt, Vue, Vite und TypeScript für wartbare Webanwendungen

Was werden Sie lernen?

Voraussetzungen:

Kursübersicht*:

Starttermine

Kontaktaufnahme starten!

Fortgeschrittenes Nuxt, Vue, Vite und TypeScript für wartbare Webanwendungen

Was werden Sie lernen?

Voraussetzungen:

Kursübersicht*:

Angebot anfordern für: