Seminarinformationen

Seminar - Ziel

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 komplexer, wiederverwendbarer und gut testbarer Vue-Komponenten und -Anwendungen einzusetzen. Das Seminar behandelt die zentralen Konzepte und Funktionen der Composition API und begleitet Sie Schritt für Schritt bei der Entwicklung von Anwendungen mit dieser API. Nach Abschluss des Seminars sind Sie in der Lage, die Composition API sicher anzuwenden, um leistungsstarke Vue-Komponenten und -Anwendungen gemäß den aktuellen Best Practices zu erstellen.

Teilnehmer - Zielgruppe

Web-Entwickler, die bereits erste Erfahrung mit Vue.js gesammelt haben.

Kurs - Voraussetzungen

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

  • Kenntnisse in Vue.js 2 oder 3 sowie Kenntnisse/Nutzung der Options API

Seminardauer

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

Schulungsunterlagen

  • nach Absprache

Seminar-Inhalt / Agenda

Einführung in die Composition API in Vue.js

  • Was ist die Composition API?
  • Warum wurde die Composition API entwickelt?
  • Wie funktioniert die Composition API im Vergleich zur Options API?

Nutzung der Composition API in Vue.js

  • Installation von Vue.js 3
  • Programmieren von Komponenten in der Composition API

Verwendung von Setup in Vue-Komponenten

  • Einführung in das Setup in Vue-Komponenten
  • Unterschiede zwischen Data, Methods und Computed in der Options API und in der Composition API

Verwendung von Refs und Reactive-Properties in der Composition API

  • Einführung in Refs und Reactive-Properties
  • Unterschiede zwischen Refs und Reactive-Properties
  • Verwendung von Refs und Reactive-Properties in Vue-Komponenten

Verwendung von Computed-Properties in der Composition API

  • Einführung in Computed-Properties in der Composition API
  • Unterschiede zwischen Computed-Properties in der Options API und in der Composition API
  • Verwendung von Computed-Properties in Vue-Komponenten

Verwendung von Watchern in der Composition API

  • Einführung in Watcher in der Composition API
  • Unterschiede zwischen Watchern in der Options API und in der Composition API
  • Verwendung von Watchern in Vue-Komponenten

Verwendung von Lifecycle-Hooks in der Composition API

  • Einführung in Lifecycle-Hooks in der Composition API
  • Unterschiede zwischen Lifecycle-Hooks in der Options API und in der Composition API
  • Verwendung von Lifecycle-Hooks in Vue-Komponenten

Verwendung von Custom Hooks in der Composition API

  • Einführung in Custom Hooks in der Composition API
  • Erstellung von Custom Hooks für die Wiederverwendung von Logik
  • Verwendung von Custom Hooks in Vue-Komponenten

Verwendung von Reactive-Mutationen in der Composition API

  • Einführung in Reactive-Mutationen in der Composition API
  • Verwendung von Reactive-Mutationen in Vue-Komponenten
  • Unterschiede zwischen Reactive-Mutationen in der Options API und in der Composition API

Verwendung von Setup-Context in der Composition API

  • Einführung in das Setup-Context in der Composition API
  • Verwendung des Setup-Contexts für den Zugriff auf Routen, Store und weitere Funktionen
  • Verwendung von Setup

Verwendung von Providers und Inject in der Composition API

  • Einführung in Providers und Inject in der Composition API
  • Unterschiede zwischen Providers und Inject in der Options API und in der Composition API
  • Verwendung von Providers und Inject in Vue-Komponenten

Exkurs: Pinia als Alternatie zu Providers und Inject

  • Einführung in Pinia
  • Programmierung von Pinia Stores in der Options und Composition API
  • Verwendung von Pinia in skalierbaren und wartbaren Vue Anwendungen

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 - Unit Testing

- u.a. in Hamburg, Paderborn, Dresden, Virtual Classroom, Offenbach

In diesem 3-tägigen Seminar „Vue – Unit Testing“ erhalten Sie tiefgehende Einblicke in das Unit-Testing mit Vue.js. Sie lernen, wie Sie Tests für Vue-Komponenten erstellen und Methoden sowie Services entwickeln, um die Funktionalität und Fehlerfreiheit Ihrer ...

Vue.js 3 - Aufbaukurs

- u.a. in Bremen, Hannover, Stuttgart, Paderborn, Freiburg

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