- Home
- /
- Software- & Webentwicklung
- /
- Webentwicklung
- /
- JavaScript
- /
- Vue.js 3
- /
- Vue.js 3 – Basis
Vue.js 3 – Basis
Schulungsinhalt
Moderne Frontend-Entwicklung im Überblick
- Vergleich von Vue, React und Angular
- Deklarative / datengetriebene Architektur
- Erstellung benutzerdefinierter HTML-Tags (Komponenten)
- Initialisierung eines Vue-Projekts mit Vue CLI
Grundlagen in JavaScript für Vue
- Anwendung von node.js und npm für Entwicklungsprozesse
- Verständnis für verschiedene JavaScript-Versionen
- Nutzung von Modulen (import/export)
- Einsatz von Pfeilfunktionen
- Behandlung von „this“ in Objektmethoden
Grundlagen von Vue
- Zustandsverwaltung und deklaratives Rendern
- Umgang mit Daten, Methoden und berechneten Eigenschaften (computed)
Vue Templatesprache
- Interpolation
- Eigenschaftsbindung
- Dynamische CSS-Klassen
- Eventbehandlung
- Bedingte Anweisungen (if/else if/else)
- Listenrendering
- Bidirektionales Binding für Eingaben
Moderne Webanwendungen
- Integration vorhandener Vue-Komponenten
- Übersicht über Vue-Komponentenbibliotheken
- Erstellung benutzerdefinierter Komponenten
- Datenfluss zwischen Komponenten durch Props und Events
- Inspektion von Komponenten mit den Vue Devtools
Composition API in Vue 3
- Options API vs. neuen Composition API
- Zustandsverwaltung mit Composition API (ref und reactive)
- Nutzung von Props und Events mit Composition API
Side Effects
- Anwendung von Lifecycle-Hooks, watchEffect und watch für zusätzliche Operationen
- Ausführung von HTTP-Anfragen mittels fetch oder axios
- Verwendung von localStorage in Vue-Anwendungen
Vertiefung in Komponenten
- Bidirektionales Binding bei benutzerdefinierten Komponenten
- Verwendung von Slots (Inhaltsübertragung)
- Validierung von Props und Prop-Typen
Erweiterte Konzepte in Vue
- Routenverwaltung mit vue-router
- Integration von TypeScript in Vue-Projekte
- Change Detection Mechanismen in Vue
- Zustandsverwaltung mit Pinia (früher Vuex)
- Testen von Vue-Anwendungen
- Implementierung von Übergängen und Animationen
- Verwendung von Render-Funktionen
Zielgruppe
Der Kurs richtet sich an Entwickler mit Erfahrung in JavaScript.
Seminarziele
In diesem „Vue.js 3 – Basis“ Kurs lernen Sie die Grundlagen aller SPA-Libraries (wie Vue oder React) sowie die spezifischen Funktionen von Vue, insbesondere Vue 3. Am Ende sind Sie in der Lage, Anwendungen verschiedener Komplexität mit Vue zu entwickeln und Best Practices zu berücksichtigen.
Vorkenntnisse
Für die Teilnahme am Kurs sind Erfahrungen mit HTML und JavaScript empfehlenswert.
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