Start/Workshops/Vue.js 3 Grundlagen

Vue.js 3 Grundlagen

Vue 3, Vite, Komponenten und Routing sicher einsetzen und wartbare Frontend-Anwendungen entwickeln

Dauer

3 Tage

Format

Remote oder Inhouse

Sprache

Deutsch

Beschreibung

Über den Workshop

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.

Agenda

Tagesablauf

Tag 1

Einstieg, Tooling und Komponenten

01Projektstart mit create-vue und Vite
02Projektstruktur eines Vue-Projekts
03Single-File Components in Vue
04Computed Properties und Watcher

Tag 2

Reaktivität, Directives und Formulare

01Reactive Data und State
02Mehrere Komponenten im Zusammenspiel
03Wiederverwendbarkeit von Komponenten
04Direktiven, Props und Events
05Formulare, Validierung
06Effekte mit watch und Lifecycle Hooks

Tag 3

REST API, Routing und Projektpraxis

01Asynchrone REST-Zugriffe mit fetch und Axios
02Vue Router Grundlagen
03Routen und Views
04Navigation in Single Page Applications
05Tipps für Projektstrukturen
06Ausblick auf Pinia, Nuxt.js und Testing

Zielgruppe

Für wen ist der Workshop geeignet?

Zielgruppe

✓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

Voraussetzungen

✓Sichere Grundlagen in HTML5 und CSS3
✓JavaScript ES6+ mit Funktionen, Objekten und Arrays
✓Grundverständnis für Browser, DOM und clientseitige Webentwicklung
✓Erfahrung mit Entwicklungsumgebungen und Kommandozeile von Vorteil
✓TypeScript-Grundlagen sind hilfreich, aber nicht erforderlich

Lernziele

Was Sie mitnehmen

Sicherer Einstieg in Vue.js 3, create-vue und Vite-basierte Projektstrukturen

Eigenständige Entwicklung wiederverwendbarer Vue-Komponenten mit Props, Events und Directives

Strukturierter Umgang mit Reaktivität, Computed Properties, Watchern und Komponentenlogik

Formulare, Validierung und REST API-Anbindungen in Vue-Anwendungen umsetzen

Vue Router für Single Page Applications einrichten und grundlegende Navigationskonzepte anwenden

Typische Vue-Projektstrukturen bewerten und erste Architekturentscheidungen begründen

Referent

Über den Trainer

Manuel Kübler

Full-Stack Entwickler & IT-Trainer

Manuel Kübler ist freiberuflicher Full-Stack-Entwickler und IT-Trainer mit über 12 Jahren Projekterfahrung in der Softwareentwicklung. Er begleitet Unternehmen als Entwickler und Berater – von der Konzeption moderner Webanwendungen bis hin zur Anbindung und Erweiterung von ERP-Systemen. Seine Schwerpunkte liegen in der Entwicklung mit React, Vue.js, Angular, Laravel und Node.js sowie in der SAP Business One-Entwicklung mit C# und dem coresuite Country Package. Als erfahrener Trainer konzipiert und leitet er Intensivschulungen für Softwareunternehmen und Hochschulen zu Themen wie React, Vue.js, Laravel, Git, ASP.NET und weiteren modernen Technologien. Seine Beispielprojekte und Lehrmaterialien sind auf GitHub unter SoftwareDesign-Solution öffentlich einsehbar.