- Home
- /
- Software- & Webentwicklung
- /
- Webentwicklung
- /
- JavaScript
- /
- Vue.js 3
- /
- Vue.js 3 – Kompakt
Vue.js 3 – Kompakt
Schulungsinhalt
Grundlagen von Vue.js und Webentwicklung
- Erstellung von fortschrittlichen Frontend-Anwendungen
- Vergleich und gemeinsame Merkmale von Vue, React und Angular
- Anwendung der deklarativen/datengetriebenen Architektur
- Erstellung von benutzerdefinierten HTML-Tags für Komponenten
- Initiierung eines Vue-Projekts mithilfe von Vue CLI
JavaScript-Konzepte für Vue verstehen
- Unterschiedliche JavaScript-Versionen
- Nutzung von Modulen (import und export)
- Verwendung von Pfeilfunktionen
- Umgang mit „this“ in Objektfunktionen
Grundlegende Vue-Konzepte
- Zustandsverwaltung und deklaratives Rendern
- Nutzung von data, methods und computed
- Anwendung der Vue Templatesprache
- Einbindung von Variablen
- Binden von Eigenschaften
- Steuerung von CSS-Klassen
- Behandlung von Ereignissen
- Bedingte Anweisungen und Wiederholung von Elementen
- Einrichtung von Two-way-binding für Eingaben
Komponentenentwicklung in Vue
- Bausteine für moderne Webanwendungen
- Integration vorhandener Vue-Komponenten
- Überblick über Komponentenbibliotheken für Vue
- Erstellung eigener Komponenten
- Datenübertragung zwischen Komponenten mittels Props und Events
- Inspektion von Komponenten mit den Vue Entwicklertools
Die Composition API in Vue 3 kennenlernen
- Unterschiede zwischen dem Options-API und der neuen Composition-API
- Verwaltung des Zustands mit dem Composition-API (ref und reactive)
- Behandlung von Props und Events mit dem Composition-API
- Nebeneffekte kontrollieren
- Nutzung von Lifecycle-Hooks, watchEffect und watch für Nebeneffekte
Fortgeschrittene Themen in Vue
- Durchführung von HTTP-Anfragen mittels fetch oder axios
- Zugriff auf localStorage aus Vue heraus
- Implementierung von Two-Way-Binding in eigenen Komponenten
- Nutzung von Slots (zur Übermittlung von Inhalten)
- Validierung von Props und Prop-Typen
- Routing mit vue-router
- Verwendung von TypeScript
- Verwaltung von Zuständen mit Pinia (ehemals Vuex)
- Testen von Vue-Anwendungen
- Einbindung von Übergängen und Animationen
- Erstellung von Render-Funktionen
Zielgruppe
Dieser Kurs richtet sich an Webentwickler, die einen kompakten Einstieg in Vue.js 3 suchen.
Seminarziele
In diesem Kurs lernen Sie als Webentwickler grundlegende und fortgeschrittene Konzepte und Techniken, um moderne und leistungsstarke Single-Page-Anwendungen (SPAs) zu entwickeln und zu verbessern. Sie werden in der Lage sein, komplexe Webanwendungen mit Vue.js 3 zu erstellen und die Tools und Technologien rund um Vue.js effektiv einzusetzen.
Vorkenntnisse
Für eine erfolgreiche Teilnahme am Kurs werden solide Kenntnisse in HTML, CSS und JavaScript sowie Erfahrungen in der Entwicklung von Single-Page-Anwendungen (SPA) und grundlegende Erfahrungen mit der Arbeit mit node.js und npm vorausgesetzt.
Seminardauer
Preis
Präsenzseminar/FLEXINAR®:
LIVEINAR®:
Individual Training: Preis auf Anfrage
Inhouse Training: Preis auf Anfrage
Seminarnummer
Martin Heubeck
Group Leader Sales
- martin.heubeck@protranet.de
Beratungszentrale und Buchungshotline:
- 0800 3400311
- beratung@protranet.de
Kataloge
Formate
