Eckdaten
Zielgruppe: Webentwickler*innen | Dauer 2 Tage | 9:00–17:00 Uhr | Trainer: Hecker Consulting | Online-Seminar | Teilnehmerzahl: 1-12
Seminarbeschreibung
Vue.js bietet Entwickler*innen ein flexibles Framework zur Erstellung von Web-Anwendungen, mit der Freiheit zu entscheiden, wie intensiv das Framework genutzt wird.
Im Workshop werden die Grundlagen von Vue.js erkundet und dann die Optionen für das Rendering, die Berechnung von Werten und die Erstellung von Komponenten entdeckt. Die Installation und Einrichtung von Vue.js wird durch das Verwenden von Templates mit Eigenschaften verständlich gemacht.
Templates werden genutzt, um Arrays, Objekte sowie dynamische Klassen mit Ausdrücken zu verwenden und die Erstellung sowie den Austausch von Daten und Ereignissen zwischen Komponenten zu erlernen. Das Vue CLI wird installiert und genutzt, um komplette Vue.js-Projekte zu erstellen, einschließlich des Vue Routers für die Navigation zwischen Anwendungsteilen.
Abschließend wird vermittelt, wie ein echtes Projekt eingerichtet und organisiert wird.
Die Schulung findet in deutscher Sprache als Online-Schulung über eine Videokonferenz-Software im Webbrowser statt. Nach erfolgreichem Abschluss des Kurses wird ein Teilnahme Zertifikat ausgestellt.
Agenda der IT-Schulung
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-CLI
- Anwendungs-API
- Installieren mit der Vue 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