Beschreibung
Nuxt.js Grundlagen und Einführung
In diesem kompakten Seminar erkunden wir Nuxt.js, ein dynamisches Framework für Vue.js-Entwickler. Wir beginnen mit den Grundlagen und dem Projektsetup, tauchen in das Routing, serverseitiges Rendering (SSR) und die statische Seitengenerierung (SSG) ein. Weiter geht es mit der Entwicklung von Komponenten, der Zustandsverwaltung mit der Built-in Funktionalität useState(), erhalten einen kurzen Ausblick auf das State Management mit Pinia und lernen die Integration externer APIs. Am Ende bereiten wir das Projekt für das Deployment vor. Praktische Übungen runden das Programm ab, indem sie das Gelernte in realen Anwendungsfällen verankern.Kommende Starttermine
Inhalte / Module
- Einführung in Nuxt.js
- Überblick über Nuxt.js und seine Vorteile gegenüber anderen Frameworks.
- Die Architektur von Nuxt.js verstehen.
- Projektinitialisierung und Konfiguration
- Einrichtung der Entwicklungsumgebung und Projektinitialisierung.
- Verständnis der Nuxt.js-Ordnerstruktur und der Konfigurationsmöglichkeiten.
- Seiten, Layouts und Routing
- Erstellung und Verwaltung von Seiten und Layouts.
- Grundlagen des Routings, einschließlich dynamischer Routen.
- Serverseitiges Rendern und statische Generierung
- Unterschiede und Einsatzszenarien von SSR und SSG.
- Implementierung von SSR und SSG in Nuxt.js.
- Übung: Erstellung einer Nuxt.js-Anwendung, die Basisfunktionen wie Routing und Layouts demonstriert, inklusive einer Seite, die serverseitig gerendert wird.
- Komponenten in Nuxt.js
- Erstellung und Verwendung von Vue-Komponenten in Nuxt.js.
- Globale Komponenten und automatisches Einbinden.
- Zustandsverwaltung mit useState()
- Einführung in das build-in Composable useState().
- Aufbau eines einfachen Zustandsmanagements für eine Nuxt.js-Anwendung.
- Anbindung an externe APIs
- Umgang mit externen APIs und asynchronen Daten.
- Server-Middleware und API-Routen in Nuxt.js.
- Optimierung und Deployment
- Performance-Optimierung für Nuxt.js-Anwendungen.
- Deployment-Strategien und Best Practices.
- Übung: Implementierung einer Nuxt.js-Anwendung, die externe API-Daten abruft, Zustandsmanagement über Vuex nutzt und für die Produktion optimiert ist.
Zielgruppe / Voraussetzungen
Hinweis: Dieser Kurs richtet sich an Mitarbeitende aus Unternehmen und Institutionen.
Für Privatpersonen ist dieser Kurs leider nicht geeignet.
Eine Informationsanfrage zu diesem Kurs ist nur für Beteiligte aus dem B2B-Bereich sinnvoll.
Abschlussqualifikation / Zertifikat
Infos anfordern
GFU Cyrus AG
Erweitern Sie Ihre IT-Skills mit einem offenen IT-Training oder ganz nach Ihren Bedürfnissen durch eine individuelle IT-Schulung. Programmiersprachen (C#, Python, Java, …), Microsoft Office 365, Anforderungsmanagement, Projektmanagement, Business Intelligence, Data Science, Künstliche Intelligenz, IT-Sicherheit , Administration & Datenbanken, Softwareentwicklung, Testmanagement...
Erfahren Sie mehr über GFU Cyrus AG und weitere Kurse des Anbieters.