Vue.js für Einsteiger

Vue.js bietet Entwicklern ein flexibles Framework für die Erstellung von Web-Anwendungen, bei dem sie selbst entscheiden können, wie tief sie das Framework anwenden wollen.

Erkunden Sie die Grundlagen von Vue.js und entdecken dann die Optionen für das Rendering, die Berechnung von Werten und die Erstellung von Komponenten. Lernen Sie, wie Sie Vue.js installieren und einrichten. Verwenden Sie Templates mit Eigenschaften und verstehen so die Arbeitsweise von Vue.js.

Sie werden Arrays, Objekte sowie dynamische Klassen mit Ausdrücken verwenden und kennenlernen, wie Sie Komponenten erstellen und zwischen Komponenten Daten und Ereignisse austauschen. Lernen Sie, wie man das Vue CLI installiert sowie nutzt und erstellen sie damit komplette Vue.js-Projekte inklusive des Vue Routers, der für die Navigation zwischen Anwendungsteilen verwendet wird.

Erfahren Sie außerdem, wie Sie ein echtes Projekt einrichten und organisieren.

Einstieg in Vue.js

• Was Sie über Vue.js wissen sollten
• Installationsmöglichkeiten
• Grundlegende Einrichtung
• Binden mit Direktiven
• Rendering von Listen
• Bedingte Daten

Reaktivität in Vue.js

• Eingabefelder
• Berechneter Inhalt
• Behandlung von Ereignissen
• Lebenszyklus-Ereignisse

Stile und Animationen in Vue.js

• Inline-Stile
• Klassen
• Übergänge
• Optionen und animierte Listen

Verwendung von Komponenten in Vue.js

• Grundlegende Komponenten
• Komponenten-Ereignisse
• Slots

Verstehen der Vue- / Vite-CLI

• Anwendungs-API
• Installieren mit der Vue- / Vite-CLI
• Überblick über die Installation
• Vue-Projektdateien

Ein echtes Vue.js-Projekt erstellen

• Einrichten einer realistischen Anwendung
• Module und Routing
• Updates

Vue.js - Projektarchitektur

• Hierarchie reorganisieren
• Überarbeitung der Navigation
• Komponenten verschieben

Vue.js ist ein progressives Framework ist. Das macht es einfach Vue.js zu erlernen, aber mächtig genug, um komplette Anwendungen zu entwickeln. Lernen Sie, wie Sie mit Vue.js arbeiten können, indem Sie zwei APIs verwenden. Die Global-API, die durch Hinzufügen eines einfachen Skript-Tag zu Ihren Projekten installiert wird, sowie die Application-API, mit deren Hilfe Sie eigenständige Single-Page-Application (SPA) entwickeln. Es gibt viele Beispiele mit praktische Übungen und Sie werden eine komplette Anwendung erstellen, damit Sie Erfahrungen sammeln können.

Die Weiterbildung "Vue.js für Einsteiger" bieten wir Ihnen als Firmenseminar sowie Inhouse-Schulung Live-Online und Vor-Ort an!