Seminarinformationen

Seminar - Ziel

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 Lage, komplexe Webanwendungen mit Vue.js 3 zu realisieren, bestehende Projekte gezielt zu verbessern und die begleitenden Tools und Technologien effektiv zu nutzen.

Teilnehmer - Zielgruppe

Webentwickler

Kurs - Voraussetzungen

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

Solide Kenntnisse in HTML, CSS und JavaScript
Kenntnisse in der Entwicklung von Single-Page-Anwendungen (SPA)
Grundlegende Erfahrungen mit der Arbeit mit node.js und npm

Seminardauer

4 Tage
09:00 Uhr bis 17:00 Uhr

Schulungsunterlagen

nach Absprache

Seminar-Inhalt / Agenda

Einführung in Vue.js und Webentwicklung

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

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 in Vue

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

Das 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

Fortgeschrittene Themen in Vue

Senden von HTTP-Requests mittels fetch oder axios
Verwenden von localStorage aus Vue
Two-Way-Binding bei eigenen Komponenten
Slots (Übergeben von Inhalten)
Prop Validierung und Prop Types
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 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 - Routing mit Vue-Router

- u.a. in Bremen, Leipzig, Erfurt, Virtual Classroom, Freiburg

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 - Composition API

- u.a. in Zürich, Düsseldorf, Heidelberg, Koblenz, Kassel

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

Vue.js 3 - Kompaktkurs

Seminardauer: 4 Tage