Nach dem Seminar können Sie Nuxt.js-Projekte initialisieren und strukturieren. Sie erstellen Seiten und Layouts, richten dynamische Routen ein und setzen Vue-Komponenten in Ihrer Anwendung ein. Für typische Einsatzszenarien können Sie einschätzen, wann serverseitiges Rendering oder statische Seitengenerierung geeignet ist. Sie binden externe APIs an, verarbeiten asynchron geladene Daten und verwalten einfache, gemeinsam genutzte Zustände mit useState(). Außerdem können Sie eine Nuxt.js-Anwendung für das Deployment vorbereiten und die im Seminar behandelten Maßnahmen zur Performance-Optimierung anwenden.
Überblick über Nuxt.js und seine Vorteile gegenüber anderen Frameworks
Architektur von Nuxt.js
Projektinitialisierung und Konfiguration
Entwicklungsumgebung einrichten und ein Projekt initialisieren
Ordnerstruktur und Konfigurationsmöglichkeiten kennenlernen
Seiten, Layouts und Routing
Seiten und Layouts erstellen und verwalten
Grundlagen des Routings und dynamische Routen
Serverseitiges Rendering und statische Seitengenerierung
Unterschiede und Einsatzszenarien von SSR und SSG
SSR und SSG in Nuxt.js umsetzen
Praxis: Eine Nuxt.js-Anwendung mit Routing, Layouts und einer serverseitig gerenderten Seite erstellen
Komponenten in Nuxt.js
Vue-Komponenten erstellen und in Nuxt.js verwenden
Globale Komponenten und automatische Einbindung
Zustandsverwaltung mit useState()
Das integrierte Nuxt-Composable useState() kennenlernen
Einen gemeinsam genutzten Zustand für eine Nuxt.js-Anwendung verwalten
Kurzer Ausblick auf Pinia als Alternative zur Zustandsverwaltung
Anbindung an externe APIs
Externe APIs anbinden und asynchrone Daten verarbeiten
Server-Middleware und API-Routen in Nuxt.js
Optimierung und Deployment
Performance von Nuxt.js-Anwendungen optimieren
Deployment-Strategien und bewährte Vorgehensweisen
Praxis: Eine Nuxt.js-Anwendung erstellen, die Daten aus einer externen API abruft und ihren Zustand mit useState() verwaltet, und sie für den Produktivbetrieb optimieren
Dauer/zeitlicher Ablauf:
2 Tage
Zielgruppe:
Das Seminar richtet sich an Sie, wenn Sie in der Webentwicklung tätig sind oder mit vorhandenen JavaScript- und Vue.js-Kenntnissen in dieses Feld einsteigen möchten. Es eignet sich auch für Sie, wenn Sie ein Entwicklungsteam leiten, Webprojekte verantworten oder als technische Entscheidungsperson beurteilen möchten, ob Nuxt.js zu Ihren Projekten passt.
Teilnahmevoraussetzungen
Sie benötigen Grundkenntnisse in JavaScript und Vue.js sowie Erfahrung mit HTML und CSS und ein grundlegendes Verständnis der Frontend-Entwicklung. Vorkenntnisse in serverseitigen Technologien oder anderen JavaScript-Frameworks sind optional und können Ihnen den Einstieg erleichtern.
Wir setzen Analyse-Cookies ein, um Ihre Zufriedenheit bei der Nutzung unserer Webseite zu verbessern.
Diese Cookies werden nicht automatisiert gesetzt.
Wenn Sie mit dem Einsatz dieser Cookies einverstanden sind, klicken Sie bitte auf Akzeptieren.
Weitere Informationen finden Sie hier.
