Vue.js - Power Workshop

Vue.js ist ein großartiges JavaScript-Framework für die Erstellung von Frontend-Anwendungen. Vue.js mischt das Beste aus Angular und React. Mit unserem Vue.js - Power Workshop gelingt der professionelle Einstieg in das Vue.js Framework. Du erhältst im Vue.js - Power Workshop ein vollständiges Verständnis der Architektur hinter einer Vue.js-Anwendung und lernst alle relevanten Informationen um moderne, komplexe, reaktionsschnelle sowie skalierbare Webanwendungen mit einem der modernsten JavaScript-Frameworks auf dem Markt zu entwickeln.

Erste Schritte mit Vue.js

• Einführung und Überblick

• Vue.js lokal einrichten

• Eine erste Vue.js-Anwendung erstellen

Erweiterung der Vue.js-Anwendung

• Verwendung von Vue.js zur DOM-Interaktion

• VueJS-Vorlagen und ihre Syntax

• Zugriff auf Daten und Attribute

• Direktiven anwenden (v-once, v-if, v-for, v-model etc.)

• Ereignisbehandlung und Modifikatoren

• Zwei-Wege-Bindung, berechnete Eigenschaften und Beobachter

Styling, Bedingtes Rendering, Listen

• Dynamisches Styling mit CSS-Klassen

• Bedingte Anzeigelogik (v-if, v-show)

• Listen-Rendering mit v-for

Verstehen der Vue-Instanz

• Instanzstruktur und Zugriff

• Verwendung von $el, $data, $refs

Entwicklungs-Workflow mit Vue CLI und Webpack

• CLI-Installation und Projektstruktur

• Arbeiten mit .vue-Dateien

• Produktionsbuilds und Debugging

Komponentenarchitektur

• Komponenten erstellen und registrieren

• Komponentenstruktur und -organisation

• Datenhaltung und -weitergabe

• Eigenschaften, Ereignisse, Datenfluss

Komplexe Komponentenkommunikation

• Parent-/Child-Kommunikation

• Benutzerdefinierte Events, Props und Callback-Funktionen

• Ereignisbus und globale Kommunikation

Erweiterte Komponentenverwendung

• Slots, dynamische Komponenten, Wiederverwendung

Formulare und Eingaben

• Formularbindung, Eingabemodifikatoren

• Checkboxes, Radios, Selects

• Benutzerdefinierte Formularelemente

Eigene Direktiven, Filter und Mixins

• Benutzerdefinierte Direktiven erstellen

• Filter anwenden und kombinieren

• Mixins verstehen und effektiv einsetzen

Animationen und Übergänge

• CSS-Transitions, JS-Animationen

• Übergänge für Komponenten und Listen

HTTP-Kommunikation mit Axios

• GET/POST-Anfragen

• Globale Konfiguration und Ressourcenhandling

Routing mit vue-router

• Routing-Modi, Navigation, Parameter

• Nested Routes, Named Views

• Routing Guards, Lazy Loading

State Management mit Vuex

• Zentralisierte Zustandsverwaltung

• Mutations, Actions, Getters

• Integration in Komponenten

Der Vue.js - Power Workshop richtet sich an Web-Entwickler, Web-Programmierer mit Erfahrung mit HTML, CSS, JavaScript, die mit VueJS moderne, komplexe, reaktionsschnelle sowie skalierbare Webanwendungen entwickeln wollen.

Für deinen Besuch des Vue.js - Power Workshop solltest du Erfahrung mit HTML, CSS und JavaScript besitzen.

Vue.js ist ein äußerst beliebtes JavaScript-Framework, das speziell für die Entwicklung von Benutzeroberflächen (Frontends) von Webanwendungen entwickelt wurde. Es ermöglicht es Entwicklern, interaktive und dynamische Webseiten zu erstellen, ohne dabei auf komplexe Konzepte zurückgreifen zu müssen.