Vue.js Grundkurs

Ziele

In diesem Kurs lernen Sie die allen SPA-Libraries zugrunde liegenden Basics sowie die Besonderheiten von Vue.js kennen. Dadurch können Sie Anwendungen verschiedenster Komplexität mit Vue.js umzusetzen.

Zielgruppe

Erfahrene JavaScript-Entwickle

Voraussetzungen

• HTML-Erfahrung
• JavaScript-Erfahrung

Agenda

Entwicklung von modernen Frontend-Anwendungen

• React, Angular, Vue.js
  • Überblick
  • Gemeinsamkeiten
• Architektur
  • deklarativ
  • datengetrieben
• Komponenten
• Erstellen eigener HTML-Tags

Modernes JavaScript

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

Vue-Templatesprache

• Interpolation
• Einbindung von Properties
• Wiederholung von Elementen
• if/else
• CSS-Klassen
• Stile
• Events

Komponenten als Grundbausteine moderner Web-Anwendungen

• Komponenten um eigene HTML-Tags zu definieren
• Grundkonzepte
  • Data (Komponentenzustand)
  • Props
  • Events
  • Slots (Inhalte übergeben)
• Datenfluss zwischen Komponenten
• Prop Validierung und Prop Types
• Change Detection
• Komponentenmethoden
• Computed Props
• Watcher zur Überwachung von Komponentendaten
• Lifecycle-Events
• Einbindung vorgefertigter Komponenten

Weiterführende Themen

• Formulare
• Two-way-binding mit v-model
• Komponendefinition in einer Datei
• Übergänge und Animationen
• Komponenten-Mixins
• Render-Funktionen
• Routing mit vue-router
• State Managment mit Vuex
• Testen von Vue-Anwendungen