Seminarkatalog

Vue.js 3 eignet sich besonders für Webapplikationen, bei denen eine reaktive Oberfläche, saubere Komponentenstrukturen und ein gut wartbarer Frontend-Code gefragt sind. In dieser Vue.js 3 Schulung arbeitest du mit den zentralen Konzepten des Frameworks: Projektsetup mit create-vue und Vite, Single-File Components, Templates, Directives, Reaktivität, Props, Events, Formulare und der strukturierte Aufbau mehrerer Komponenten im Zusammenspiel.

Der Grundkurs richtet sich an Entwicklerinnen und Entwickler, die vorhandene HTML-, CSS- und JavaScript-Kenntnisse gezielt auf Vue übertragen möchten. Wenn JavaScript-Grundlagen noch nicht sicher sitzen, ist der JavaScript Grundkurs eine passende Vorbereitung. Im Seminar entsteht Schritt für Schritt ein belastbares Verständnis dafür, wie Vue.js 3 Anwendungen strukturiert werden und wie typische Frontend-Anforderungen mit Komponenten, Routing, Formularverarbeitung und REST API-Anbindung umgesetzt werden.

Nach dem Einstieg in Vue 3 bietet der Vue.js Aufbaukurs: Pinia, Routing und mehr eine sinnvolle Vertiefung für größere Anwendungen, State-Management und weiterführende Architekturfragen.

Vue.js 3 im Überblick

• Framework-Grundlagen und Einsatzbereiche
• Vue 2 und Vue 3 Unterschiede
• Options API und Composition API
• JavaScript und TypeScript Einordnung
• Single Page und Multi Page Applications

Projektsetup und Entwicklungsumgebung

• Projektstart mit create-vue
• Vite als Build-Tool
• npm und Yarn Paketmanager
• Projektstruktur eines Vue-Projekts
• Vue Official Extension in VS Code
• Erstes Vue.js 3 Projekt

Komponenten, Templates und Datenbindung

• Single-File Components in Vue
• Templates und Template-Syntax
• Props und Komponentenkommunikation
• v-bind, v-on und v-model
• Bedingte Ausgabe mit v-if
• Listenrendering mit v-for
• Computed Properties und Watcher

Reaktivität und Komponentenlogik

• Reactive Data und State
• Composition API mit setup
• Mehrere Komponenten im Zusammenspiel
• Wiederverwendbarkeit von Komponenten
• Eingebaute Komponenten in Vue
• Do’s and Don’ts in Vue

Formulare und Datenverarbeitung

• Formulare mit Vue.js
• Eingaben und Validierung
• Daten-Management im Komponentenbaum
• REST API Anbindung
• Promises und asynchrone Verarbeitung
• Axios im Vue-Kontext

Routing und Anwendungsausblick

• Vue Router Grundlagen
• Routen und Views
• Installation und Router-Konfiguration
• Navigation in Single Page Applications
• Tipps für Projektstrukturen
• Ausblick auf Pinia und Testing

• Sichere HTML5- und CSS3-Grundlagen, zum Beispiel aus dem HTML5 Workshop für moderne Webentwicklung
• Gute JavaScript-Kenntnisse, idealerweise auf Niveau des JavaScript Grundkurs
• Grundverständnis für Browser, DOM und clientseitige Webentwicklung
• Erfahrung mit Entwicklungsumgebungen und Kommandozeile von Vorteil

• Web-Entwicklerinnen und Web-Entwickler mit JavaScript-Erfahrung, die Vue.js 3 produktiv einsetzen möchten
• Frontend-Entwicklerinnen und Frontend-Entwickler, die Komponenten, Routing und Formularverarbeitung mit Vue umsetzen
• App-Entwicklerinnen und App-Entwickler, die reaktive Weboberflächen für bestehende Anwendungen entwickeln
• Projektteams, die eine Vue.js Inhouse-Schulung für gemeinsame Frontend-Standards benötigen

Lernformate

Unsere Seminare bieten dir maximale Flexibilität: Du kannst zwischen Live-Online und Vor Ort in unseren modernen Schulungszentren im D-A-CH Raum wählen. Beide Formate garantieren dir die gleiche hohe Qualität und interaktive Lernerfahrung.

Schulungsarten

Wir bieten dir verschiedene Schulungsarten: Offene Seminare, Firmenseminare für Teams und Inhouse-Schulungen direkt bei dir vor Ort. So findest du genau das Format, das zu deinen Bedürfnissen passt.

Aktuelle Software

In unseren offenen Kursen arbeiten wir mit der aktuellsten Software-Version. So lernst du direkt mit den Tools und Features, die du auch in deinem Arbeitsalltag verwendest - praxisnah und zukunftsorientiert. Bei Inhouse- und Firmenschulungen bestimmt ihr die Version.

D