Seminarinformationen

Seminar - Ziel

In diesem 3-tägigen Seminar „Nuxt.js – Entwicklung moderner Webanwendungen“ erhalten Sie eine Einführung in die moderne Webentwicklung mit Nuxt.js, einem leistungsstarken Framework zur Erstellung von Vue.js-Anwendungen. Sie lernen, wie Sie effiziente und serverseitig gerenderte Webanwendungen entwickeln können. Der Kurs beginnt mit einer umfassenden Einführung in die Kernkonzepte von Nuxt.js und erläutert die Vorteile dieses Frameworks für die Webentwicklung. Zudem richten Sie Ihre Entwicklungsumgebung ein – einschließlich Installation von Node.js, npm, einer passenden IDE und Git – und erstellen Ihr erstes Nuxt.js-Projekt, um die grundlegende Projektstruktur zu verstehen.

Im weiteren Verlauf vertiefen Sie Ihr Wissen in den Bereichen Routing, View-Struktur und serverseitigem Rendering (SSR) mit Nuxt.js. Sie beschäftigen sich mit den Routing-Mechanismen, inklusive dynamischer und verschachtelter Routen, und erfahren, wie Sie Übergänge und Middleware einsetzen, um die Nutzererfahrung zu verbessern. Die Strukturierung von Ansichten mit Dokumenten, Layouts und Seiten sowie Methoden zur Wiederverwendung von Views werden ausführlich behandelt. Außerdem erhalten Sie Einblicke in die Herausforderungen und Lösungen beim serverseitigen Rendering, einschließlich der Konfiguration für SSR und dem Umgang mit spezifischen Einschränkungen.

Im letzten Teil des Seminars stehen fortgeschrittene Themen und Best Practices im Fokus. Sie lernen, wie Sie asynchrone Daten serverseitig abrufen und die asyncData-Methode sowie den Kontext für das Pre-Rendering nutzen. Die Anwendung von Vuex für das State Management in Nuxt.js-Projekten wird erklärt, inklusive Zugriff auf und Verwaltung von Store-Daten. Abschließend erhalten Sie einen Überblick über Teststrategien in Nuxt.js, wie Unit-, Integrations- und End-to-End-Tests mit Tools wie Ava und jsdom.

Teilnehmer - Zielgruppe

  • Webentwickler

Kurs - Voraussetzungen

  • gute Vue.js Kenntnisse

Seminardauer

  • 3 Tage
  • 09:00 Uhr bis 17:00 Uhr

Schulungsunterlagen

  • nach Absprache

Seminar-Inhalt / Agenda

Einführung und Einrichtung

  • Einführungen
  • Einrichtung überprüfen
  • Node.js und npm
  • IDE
  • Git
  • Klassenrepositorium
  • Was ist Nuxt.js?
  • Was leistet Nuxt.js für mich?

Erzeugen und Untersuchen eines Nuxt.js-Projekts

  • Die Nuxt.js command-line Schnittstelle
  • Erstellen eines Projekts
  • Projektstruktur
  • Config files und aliases

Routing

  • Routing-Konzepte
  • dynamische und verschachtelte Routes
  • Transitions
  • Middleware

Views

  • View Struktur
  • Dokumente, Layouts und Pages
  • Wiederverwenden von Ansichten
  • Der des Dokuments

Serverseitiges Rendering (SSR)

  • Was ist SSR?
  • Konfigurieren für SSR
  • Caveats für SSR
  • Server-Modi

Asynchrone Daten

  • Asynchrone Daten auf dem Server
  • Die asyncData-Konfiguration
  • Kontext

Arbeiten mit Vuex

  • Verwendung der Store-Konfiguration
  • Zugriff auf Store-Daten
  • Vuex-Hinweise

Testen unter Nuxt.js

  • Unit-Tests
  • Integrationstests
  • End-to-End-Tests
  • Ava
  • jsdom

Weitere Schulungen zu Thema Vue.js

Vue.js 3 - Grundkurs

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In diesem 2-tägigen Seminar „Vue.js 3 – Grundkurs“ machen Sie sich mit den Grundlagen vertraut, die allen SPA-Bibliotheken wie Vue oder React zugrunde liegen, und lernen die Besonderheiten von Vue kennen. Der Fokus liegt dabei speziell auf der im Jahr 2020 eingeführten ...

Vue.js - Migration von Vue 2 auf Vue 3

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In diesem 2-tägigen Seminar „Vue – Migration von Vue 2 auf Vue 3“ erhalten Sie ein umfassendes Verständnis der Unterschiede zwischen Vue.js 2 und Vue.js 3 und werden auf eine erfolgreiche Umstellung Ihrer Anwendungen vorbereitet. Die Inhalte umfassen die wichtigsten ...

Vue.js 3 - Aufbaukurs

- u.a. in Frankfurt am Main, Stuttgart, Paderborn, Wien, Zürich

In diesem 2-tägigen Seminar „Vue.js 3 – Aufbaukurs“ erweitern Sie Ihr Wissen über Vue.js 3 und lernen fortgeschrittene Techniken zur Entwicklung komplexer Anwendungen. Dabei stehen bewährte Best Practices und effiziente Entwicklungsansätze im Fokus, um die ...

Vue.js - Composition API

- u.a. in Paderborn, Mannheim, Erfurt, Darmstadt, Offenbach

In diesem 3-tägigen Seminar „Vue.js – Composition API“ erwerben Sie ein fundiertes Verständnis der Composition API in Vue.js. Ziel ist es, die Vorteile und Unterschiede zwischen der Composition API und der Options API zu erkennen und die Composition API zur Erstellung ...