Seminarinformationen

Seminar - Ziel

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 Version Vue 3. Nach dem Seminar sind Sie in der Lage, vielseitige Anwendungen mit Vue zu realisieren und dabei etablierte Best Practices zu berücksichtigen.

Teilnehmer - Zielgruppe

  • Entwickler mit JavaScript-Erfahrung

Kurs - Voraussetzungen

Für eine optimale Teilnahme am Kurs empfehlen wir folgende Vorkenntnisse:

  • Erfahrungen mit HTML und JavaScript

Seminardauer

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

Schulungsunterlagen

  • nach Absprache

Seminar-Inhalt / Agenda

Entwicklung moderner Frontend-Anwendungen

  • Überblick und Gemeinsamkeiten von Vue, React und Angular
  • deklarative / datengetriebene Architektur
  • Komponenten - eigene HTML-Tags erstellen
  • Initialisieren eines Vue-Projektes mittels Vue CLI

JavaScript-Grundlagen für Vue (nach Bedarf)

  • Entwicklung mit node.js und npm
  • JavaScript Versionen
  • Module (import und export)
  • Pfeilfunktionen
  • this in Objektmethoden

Vue Grundlagen

  • State und deklaratives Rendering
  • Arbeiten mit data, methods und computed

Vue Templatesprache

  • Interpolation
  • Properties binden
  • CSS-Klassen
  • Events
  • if / else if / else
  • Elemente wiederholen
  • Two-way-binding für Inputs

Komponenten: Grundbausteine moderner Web-Anwendungen

  • Einbinden bestehender Vue-Komponenten
  • Überblick über Komponentenlibraries für Vue
  • Erstellen eigener Komponenten
  • Datenfluss zwischen Komponenten mittels Props und Events
  • Komponenten inspizieren mit den Vue Devtools

Composition API in Vue 3

  • Vergleich zwischen dem Options API und dem neuen Composition API
  • State mit dem Composition API (ref und reactive)
  • Props und Events mit dem Composition API

Side Effects

  • Verwenden von lifecycle hooks, watchEffect und watch für side effects
  • Senden von HTTP-Requests mittels fetch oder axios
  • Verwenden von localStorage aus Vue

Komponenten Vertiefung

  • Two-Way-Binding bei eigenen Komponenten
  • Slots (Übergeben von Inhalten)
  • Prop Validierung und Prop Types

Weiterführende Themen

  • Routing mit vue-router
  • Verwendung mit TypeScript
  • Change Detection in Vue
  • State Management mit Pinia (ehemals Vuex)
  • Testen von Vue-Anwendungen
  • Übergänge und Animationen
  • Render-Funktionen

Weitere Schulungen zu Thema Vue.js

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 - Routing mit Vue-Router

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

In diesem 1-tägigen Seminar „Vue.js – Routing mit Vue-Router“ erfahren Sie, wie Sie zuverlässiges Routing in Ihren Vue-Anwendungen implementieren. Der Kurs beginnt mit einer Einführung in Vue und der Installation von Vue-Router. Danach lernen Sie, wie man Routen anlegt ...

Vue.js 3 - Kompaktkurs

- u.a. in Hannover, Hamburg, Paderborn, Dresden, Nordhausen

In diesem 4-tägigen Seminar „Vue.js 3 – Kompaktkurs“ machen Sie sich mit den grundlegenden und weiterführenden Konzepten und Techniken von Vue.js 3 vertraut, um moderne und performante Single-Page-Anwendungen (SPAs) zu entwickeln. Am Ende des Seminars sind Sie in der ...

Nuxt.js - Entwicklung Moderner Webanwendungen

- u.a. in Frankfurt am Main, München, Darmstadt, Virtual Classroom, Marburg

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 ...