Vue.js 2 - Kompaktkurs

Ziele

Der Vue.js 2 - Kompaktkurs ist ein umfassender Kurs, der sich an Entwicklerinnen und Entwickler richtet, die von Grund auf lernen möchten, wie man moderne Webanwendungen mit Vue.js entwickelt. Das Ziel des Kurses ist es, den Teilnehmerinnen und Teilnehmern ein umfassendes Verständnis von Vue.js und den damit verbundenen Technologien zu vermitteln, um eigenständig Vue.js-Anwendungen entwickeln zu können und auch komplexe Projekte zu realisieren.

Zielgruppe

Entwickler

Voraussetzungen

Erfahrungen mit HTML, CSS und JavaScript

Agenda

Einführung in Vue.js

• Was ist Vue.js und warum wird es verwendet?
• Installation und Konfiguration von Vue.js
• Verwendung von Vue.js-Direktiven
• Vue.js als Library oder Framework verwenden
• Erstellung von Vue.js-Instanzen und Komponenten
• Erstellung einer Vue.js Single-Page-Application
• Data Binding und Events

Vue.js Templates und Direktiven

• Vue.js Templates und Direktiven
• Bedingte Anweisungen und Schleifen
• Vue.js Methoden und Lebenszyklus-Hooks
• Arbeiten mit Formularen
• Verwendung von Vue.js Filters

Vue.js-Komponenten

• Komponenten-Design-Methoden
• Komponenten-Hierarchien
• Kommunikation zwischen Komponenten
• Verwendung von Slots
• Vue.js-Formular-Komponenten

Vue.js-Router

• Vue Router und seine Funktionen
• Erstellung von Routen
• Verwaltung von Routen-Parametern
• Schützen von Routen
• Verwendung von Vue.js Dynamic Routing

Vue.js-State Management

• Was ist Vuex und warum wird es verwendet?
• Erstellung von Vuex-Modulen
• Verwaltung von Zuständen
• Aktionen und Mutationen in Vuex
• Verwendung von Vue.js Local Storage

Vue.js-Optimierung

• Server-Side Rendering mit Vue.js
• Code-Splitting und Lazy Loading
• Verwendung von Vue.js Async Components
• Verwendung von Vue.js DevTools
• Optimierung von Vue.js-Anwendungen

Vue.js-Testen

• Was ist Testing und warum wird es benötigt?
• Unit-Tests mit Jest
• End-to-End-Tests mit Cypress
• Testen von Vue.js-Komponenten
• Integration von Testing in Vue.js-Anwendungen

Vue.js-Debugging

• Debugging-Tools für Vue.js
• Fehlerbehebung in Vue.js-Anwendungen
• Verwendung von Vue.js Error Boundaries
• Verwendung von Vue.js Console-Meldungen
• Verbessern der Fehlersuche in Vue.js-Anwendungen

Vue.js-Integration

• Integration mit Backend-Systemen
• RESTful-APIs
• WebSocket