Nuxt.js 3 Schulung
Nuxt.js 3 Intensiv-Schulung
Nuxt.js 3 Workshop

Vorteile von Nuxt.js erkennen und effizienter entwickeln lernen.

Nuxt.js 3 Intensiv-Schulung
VueJS.DE
Offizielle deutsche Community
Profilbild von Joe Schäfer Profilbild von Mark Bahrenburg Profilbild von Bernhard Fischer Profilbild von Eva Gothein Profilbild von Sascha Kleiber
95% Weiterempfehlungsrate
4.0
3 bis 5 Tage
Dauer
95%
Weiterempfehlungsrate
Über 8.257 Teilnehmende aus führenden Unternehmen lernen mit workshops.de
Logo von RWE Group Business Services GmbH, Dortmund
Logo von Generali
Logo von Allianz
Logo von adesso AG, Dortmund
Logo von Commerzbank AG, Frankfurt
Logo von Robert Bosch GmbH, Stuttgart
Logo von Pass Consulting Group
Logo von RWE Group Business Services GmbH, Dortmund
Logo von Generali
Logo von Allianz
Logo von adesso AG, Dortmund
Logo von Commerzbank AG, Frankfurt
Logo von Robert Bosch GmbH, Stuttgart
Logo von Pass Consulting Group

Nuxt.js 3 Intensiv-Schulung

Einsteiger · 3 bis 5 Tage · Inhouse

Laut Teilnehmenden eine der beliebtesten Schulungen auf workshops.de
4.0
Teilnehmer-<br>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
  • 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 useFetch und useAsyncData
    • Erläutern des Lebenszyklus
    • Exploration der Optionen der Composables
    • $fetch
  • Composables
    • Eigene Composables erstellen
    • useState verwenden
    • Hinzufügen von VueUse zu unserem Projekt
  • SEO
    • useHead und useSeoMeta Composables
    • 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

Dieser Nuxt.js 3 Kurs richtet sich an Einsteiger.


Was enthalten ist

Teilnahmezertifikat
Teilbar auf LinkedIn Logo
Virtueller Klassenraum
Interaktive Lernplattform mit Aufgaben und Materialien
Bonus
Lebenslanger Zugriff
Inklusive Updates der Schulungsmaterialien
Inhouse/Firmen Seminare
Bedarfsorientierte Anpassungen möglich
Direkt bei Ihnen vor Ort oder Online
Deutsch und Englisch möglich

Inhouse/Firmenschulung anfragen

Interesse an einer Inhouse Nuxt.js 3 Schulung für Ihr Team oder Unternehmen?
Senden Sie eine Anfrage und buchen Sie ein Vorgespräch mit unserem Berater.
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
Robin Böhm
CEO von workshops.de

Das sagen unsere Teilnehmenden

4.0 /5
Teilnehmer:in Illustration
Auf Wunsch anonymisiert
Teilnehmer:in

Teilgenommen an Nuxt.js 3 Intensiv-Schulung

Profilbild von Joe Schäfer
Joe Schäfer
Teilnehmer:in

Teilgenommen an Nuxt.js 3 Intensiv-Schulung

Teilnehmer:in Illustration
Auf Wunsch anonymisiert
Teilnehmer:in

Teilgenommen an Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Teilnehmer:in Illustration
Auf Wunsch anonymisiert
Teilnehmer:in

Teilgenommen an Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Teilnehmer:in Illustration
Auf Wunsch anonymisiert
Teilnehmer:in

Teilgenommen an Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Teilnehmer:in Illustration
Auf Wunsch anonymisiert
Teilnehmer:in

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. Sie können Ihre Leitweg-ID direkt in unserem Bestellformular angeben. Unsere Rechnungen werden als ZUGFeRD-PDFs direkt nach der Buchung verschickt.
Haben Sie 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 Ihnen.

Profilbilder unseres Teams
Noch Fragen?

Schreib uns einfach eine E-Mail. Wenn du einen persönlicheren Kontakt bevorzugst, freut sich Britta auch über einen Anruf!

Werktags von 8 bis 13 Uhr

info@workshops.de

+49 30 / 75437336

Inhouse Schulung
Individuelle Preise
Jetzt anfragen