Über 8.285 Teilnehmende aus führenden Unternehmen lernen mit workshops.de
4.0
5 halbe Tage oder 3 Tage
Dauer
95%
Weiterempfehlungsrate
Nuxt.js 3 Intensiv-Schulung
Einsteiger · 5 halbe Tage oder 3 Tage oder flexibel als Inhouse Schulung · Inhouse
Laut Teilnehmenden eine der beliebtesten Schulungen auf workshops.de
4.0
Teilnehmer-
Favorit
Favorit
95%
Weiterempfehlung
60% Praxisanteil
Übungen mit echten Projekten aus dem Entwickleralltag
Zertifizierte Trainer:innen
Google Developer Experts & Community-Expert:innen
Bonus: Lebenslanger Zugriff
Materialien bleiben aktuell — auch nach dem Workshop
Nuxt.js ist ein intuitives Vue-basiertes Meta-Framework für die Erstellung von Webanwendungen - und es wird das Leben eines Entwicklers einfacher machen. Das Framework bietet verschiedene Rendering-Modi, darunter Server Side Rendering, Static Site Generation, ISG/ISR und hybride Modi, sowie weitere Performance-Goodies wie automatisches Code-Splitting und Lazy-Loading von Haus aus. Mit Nuxt können Sie sicherstellen, dass Ihr Frontend schnell produktionsreif ist und standardmäßig über eine hervorragende Performance verfügt.
Agenda
In diesem Workshop werden wir gemeinsam eine realitätsnahe App mit Nuxt.js entwickeln, von der Projekterstellung bis zum finalen Deployment. Während dieses Prozesses werden wir einen Blick auf viele Funktionen werfen, die Nuxt.js bietet, und auch häufige Fallstricke aufzeigen und wie man sie vermeiden kann.
-
Warum Nuxt
- Was ist Nuxt
- Vorteile von Nuxt
- Wann sollte man Nuxt verwenden?
- Überblick über das Nuxt-Ökosystem
-
Vue Composition API (Auffrischung)
- Was ist die Composition API
- Composition vs. Options API
- Reaktivität
-
<script setup>
-
Initialisierung des Nuxt Projekts
-
nuxi- Nuxt's CLI
-
-
Erkundung der Verzeichnisstruktur
- Anfängliche Struktur
-
app.vue - Weitere mögliche Verzeichnisse
-
Routing in Nuxt
-
Seiten mit dem Ordner
pages - Dynamische Routen
- Programmatische Navigation
-
Seiten mit dem Ordner
-
Konfigurieren der Nuxt Anwendung
-
nuxt.config.ts - Überblick über die wichtigsten Optionen
-
-
Layouts und Fehlerseite
- Verschiedene Layouts für verschiedene Seiten verwenden
- Einführen einer Fehlerseite, z.B. für 404s
-
Rendering-Modi (Theorie-Block)
- Erläuterung der verschiedenen Rendering-Modi (SPA / SSR / SSG / ISG/ISR)
- Vorstellung der Modi anhand der von uns erstellten Anwendung
-
Data Fetching
-
Einführung in
useFetchunduseAsyncData - Erläutern des Lebenszyklus
- Exploration der Optionen der Composables
-
$fetch
-
Einführung in
-
Composables
- Eigene Composables erstellen
-
useStateverwenden - Hinzufügen von VueUse zu unserem Projekt
-
SEO
-
useHeadunduseSeoMetaComposables - SEO basierend auf Rendering Modi
-
-
Runtime Config
- Umgang mit Umgebungsvariablen
- public vs private Runtime Config
-
Nitro
- API-Routen
- Server-Middleware
- Typsicherheit
-
Deployment
- Deployment unserer Seite auf Netlify
-
Ausblick
- Weitere Ressourcen und Themen, die exploriert werden können
Was ihr wissen solltet
Voraussetzungen
Dieser Workshop richtet sich an Entwickler:innen, die lernen wollen, wie man mit Nuxt.js Webanwendungen erstellt.
Es sind keine Vorkenntnisse mit Nuxt.js erforderlich, aber Teilnehmer:innen sollten ein Grundverständnis von Vue.js 3, der Vue Composition API und JavaScript haben.
Zielgruppe
Der Kurs „Nuxt.js 3“ richtet sich an Einsteiger.
Was enthalten ist
Teilnahmezertifikat
Teilbar auf 
Virtueller Klassenraum
Interaktive Lernplattform mit Aufgaben und Materialien
Inhouse/Firmenschulung anfragen
Interesse an einer Inhouse Nuxt.js 3 Schulung für dein Team oder Unternehmen?
Sende uns eine Anfrage und buche ein Vorgespräch mit unserer Beratung.
Sende uns eine Anfrage und buche ein Vorgespräch mit unserer Beratung.
Maßgeschneiderte Schulung nach Ihren Bedürfnissen
Vor Ort oder Remote für mehrere Mitarbeitende
Deutsch und Englisch verfügbar
Robin Böhm
CEO von workshops.de
Das sagen unsere Teilnehmenden
4.0 /5
Auf Wunsch anonymisiert
Teilnehmer:in
Sympathisches Hands-On an komplexere Themen mit einem mächtigen und simplen Framework
Teilgenommen an Nuxt.js 3 Intensiv-Schulung
Joe Schäfer
Teilnehmer:in
Nuxt rockt, ist schnell und macht Spass - Webentwicklung mit Wow-Effekt 🚀
Teilgenommen an Nuxt.js 3 Intensiv-Schulung
Auf Wunsch anonymisiert
Teilnehmer:in
Ich konnte dem Trainer super gut folgen und er war sehr kompetent.
Teilgenommen an Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Auf Wunsch anonymisiert
Teilnehmer:in
Super Grundlagen Schulung! Hier lernt man alles was man wissen muss, um mit dem ersten Vue.js Projekt zu starten.
Teilgenommen an Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Auf Wunsch anonymisiert
Teilnehmer:in
Gute Erklärungen mit genug Prxisanteil, dass man auch tatsächlich was behält
Teilgenommen an Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Auf Wunsch anonymisiert
Teilnehmer:in
Eine hervorragend strukturierte Vue.js-Einsteigerschulung von einem erstklassigen Trainer, der die Erwartungen der Teilnehmenden vollständig berücksichtigt und sein Schulungsmaterial optimal darauf ausrichtet.
Teilgenommen an Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Fragen und Antworten
Unsere öffentlichen Nuxt.js 3 Remote-Kurse finden von 9:00 bis 13:00 Uhr statt, Vor-Ort Nuxt.js 3 Schulungen von 9:00 bis 16:30 Uhr.
Für Inhouse-Seminare sind individuelle Anpassungen möglich.
Ja. Am Ende jedes unserer Nuxt.js 3 Seminare erhalten Teilnehmende ein unterschriebenes Teilnahmezertifikat.
Das Zertifikat enthält eine Verifizierungs-URL und kann auf deinem LinkedIn-Profil geteilt werden. Erfahre mehr über die Verwaltung von Zertifikaten auf LinkedIn.
Ja, wir bieten unsere Nuxt.js 3 Seminare auf Deutsch und Englisch an.
Öffentliche Termine werden auf Deutsch gehalten, außer es ist explizit anders vermerkt.
Inhouse-Seminare können in der gewünschten Sprache durchgeführt werden.
Alle Unterlagen und Übungen sind komplett auf Englisch verfügbar.
Ja. Wir bieten unsere Nuxt.js 3 Seminare sowohl Remote als auch Vor Ort an. Dank unseres virtuellen Klassenraums kannst du bequem von überall an unseren Workshops teilnehmen. Unsere Online-Präsentationen werden regelmäßig aktualisiert und du hast nach der Schulung dauerhaften Zugriff darauf. Die Übungen können über ein Online-Interface aufgerufen und von uns freigeschaltet werden. Wir haben hier einige Aufgaben ergänzt, die dich für die Durchführung eines Remote-Workshops vorbereiten.
Wir bieten auch Inhouse-Seminare und öffentliche Schulungen vor Ort an. In unserer Terminübersicht siehst du den jeweiligen Veranstaltungsort der Schulungen. Für Inhouse-Schulungen besprechen wir die Veranstaltungsort-Details gerne individuell mit dir.
Für öffentliche Nuxt.js 3 Seminare nutzen wir neben unserem Classroom das Online-Meeting-Tool Zoom.
Innerhalb der Vorbereitung ist auch ein Test-Link aufgeführt, der euch diese Technologie testen lässt. Der Remote-Workshop ist darauf konzipiert, dass alle an verschiedenen Orten sitzen und jeder mit seinem eigenen Rechner mitarbeitet.
Für Inhouse-Seminare können wir das Meeting über Zoom oder Microsoft Teams durchführen.
Andere Meeting-Software ist nach Absprache möglich.
Inhouse Nuxt.js 3 Schulungen: Individuelle Beratung mit Code-Mentoring
Für unsere Inhouse-Seminare bieten wir zusätzlich Code-Mentoring an.
Was ist Code-Mentoring?
- Ask-Me-Anything Sessions: Kläre Fragen und Unsicherheiten, die während des Kurses entstanden sind, direkt mit einem Experten.
- Code Review: Reiche eigene Code-Schnipsel ein und lass sie von Experten analysieren und bewerten.
- Vertiefende Themen: Stelle weiterführende Fragen zum Kursthema, um dein Wissen zu vertiefen.
Öffentliche Nuxt.js 3 Schulungen: Austausch auf unserem Community Discord
Für Teilnehmende öffentlicher Schulungen empfehlen wir den Beitritt zu unserem Community Discord Server.
Deine Vorteile auf Discord:
- Vielfältige Kanäle für Fragen und Diskussionen – über das Kursthema hinaus.
- Eine engagierte Community, die dich beim Lernen unterstützt.
Unsere Trainer:innen sind erfahrene Experten aus der Praxis:
- Erfahrene Softwareentwickler:innen
- Buch- und Artikel-Autor:innen
- Aktive Mitglieder der Web-Community
- Organisator:innen von Meetups und Konferenzen
Ja. Du kannst deine Leitweg-ID direkt in unserem Bestellformular angeben. Unsere Rechnungen werden als ZUGFeRD-PDFs direkt nach der Buchung verschickt.
Hast du eine Leitweg-ID angegeben, wird unser Team benachrichtigt und wir kümmern uns um den Upload zum Portal. Sollten wir weitere Informationen benötigen, melden wir uns nach der Buchung bei dir.
Noch Fragen?
Schreib uns einfach eine E-Mail. Wenn du einen persönlicheren Kontakt bevorzugst, freut sich Britta auch über einen Anruf!
