Vue.js – Grundkurs

Vue.js ist eine Library zum Erstellen von Single-Page-Anwendungen (SPAs). Sie zeichnet sich gegenüber den Hauptalternativen Angular und React vor allem durch einen einfacheren Einstieg aus, steht dabei aber den Alternativen in puncto Funktionalität in nichts nach.

Das Seminar vermittelt die Grundlagen aller SPA-Libraries (wie Vue.js oder React) sowie die Besonderheiten von Vue.js. Die Teilnehmenden erfahren, wie sie Anwendungen verschiedenster Komplexität mit Vue.js umsetzen und dabei Best Practices berücksichtigen.

Der Kurs findet als virtuelles Präsenzseminar statt.

Entwicklung moderner Frontend-Anwendungen

• Überblick und Gemeinsamkeiten von React, Angular, Vue.js
• Deklarative/datengetriebene Architektur
• Komponenten – eigene HTML-Tags erstellen

Modernes JavaScript

• Entwicklung mit Node.js und npm
• Neuerungen in ES2015-ES2018
• Module
• Pfeilfunktionen
• Variablendeklaration mit let & const
• Klassen-Syntax

Vue-Templatesprache

• Interpolation
• Properties binden
• Elemente wiederholen
• If/else
• CSS-Klassen
• Stile
• Events

Komponenten: Grundbausteine moderner Web-Anwendungen

• Komponenten: Eigene HTML-Tags definieren
• Grundkonzepte:
  º Data (Komponentenzustand)
  º Props
  º Events
  º Slots (Inhalte übergeben)
• Datenfluss zwischen Komponenten
• Prop Validierung und Prop Types
• Change Detection
• Komponentenmethoden
• Computed Props
• Watcher: Überwachen von Komponentendaten
• Lifecycle-Events
• Vorgefertigte Komponenten einbinden

• Formulare und Two-way-binding mit v-model
• Komponentendefinition in einer Datei: das .vue-Format
• Übergänge und Animationen
• Komponenten-Mixins
• Render-Funktionen
• Routing mit vue-router
• State Management mit Vuex
• Testen von Vue-Anwendungen

Entwicklerinnen und Entwickler mit JavaScript-Erfahrung

• Computer mit Internetzugang, Mikrofon und Lautsprecher oder Headset, Kommunikationsprogramm (Skype, Zoom…)
• Grundkenntnisse in der Datenverarbeitung
• Sicherer Umgang mit dem Internet

Mindestens zwei, höchstens acht Teilnehmende

Wochenendkurs
Sa. 09:00 – 17:00 Uhr
So. 09:00 – 17:00 Uhr