Seminarkatalog

In dieser 2-tägigen Schulung "Vue.js 3 - Grundkurs" lernen Sie die Grundlagen, die allen SPA-Libraries (wie Vue oder React) zugrunde liegen, sowie die Besonderheiten von Vue. Am Ende sind sie in der Lage, Anwendungen verschiedenster Komplexität mit Vue umzusetzen und dabei Best Practices zu berücksichtigen.

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

• Single File Components
• 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

Kleiner Exkurs: legacy Options API

• Vergleich zwischen dem Options API und der aktuellen Composition API

Komponenten Vertiefung

• Erstellen von dynamischen Komponenten mit v-if und v-for
• Erweiterte Prop-Überprüfung und Verwendung von Prop-Typen
• Two-Way-Binding bei eigenen Komponenten

Diskussion von Weiterführende Themen

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

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

• Erfahrungen mit HTML, CSS und JavaScript

• Entwickler mit JavaScript-Erfahrung