Vue.js Programmierung (Inhouse)

• Modul 1: Einstieg in Vue.js und Entwicklungsumgebung 
  • Vue.js Überblick & Philosophie 
  • Einrichtung mit Visual Studio Code, Node.js, Vue CLI oder Vite 
  • Struktur eines Vue-Projekts & erste Komponenten (SFC) 
     Modul 2: Templates, Datenbindung & Direktiven 
  • Template-Syntax & dynamische Ausgabe 
  • v-model & Eventhandling 
  • v-if/v-show & v-for 
     Modul 3: Komponentenarchitektur & Wiederverwendung 
  • Lifecycle, Props, Events, Slots 
  • Struktur größerer Anwendungen 
     Modul 4: Formulare & Reaktive Daten 
  • Formulareingaben, Validierung 
  • Computed Properties, Watcher, TypeScript 
     Modul 5: Projektarbeit & Erweiterungen 
  • Projektarbeit mit Routing und State Management 
  • Weiterführende Ressourcen & Best Practices

Methode

Die Schulung kombiniert interaktiven Trainer:innen-Input mit Live-Coding, um theoretisches Wissen direkt praktisch anzuwenden. Durch praxisnahe Aufgaben mit Anleitung, Gruppenarbeiten und Mini-Projekte wird das Gelernte vertieft und der Austausch gefördert. Feedbackrunden und Code-Reviews sorgen für kontinuierliche Verbesserung und nachhaltigen Lernerfolg. Diese Schulung basiert auf einem abwechslungsreichen Methodenmix aus Vorträgen, Diskussionen, praxisnahen Fallbeispielen und Übungen.

Hinweis

Das Seminar ist praxisorientiert aufgebaut und nutzt aktuelle Tools wie: 

• Vue CLI, Vite, Vue Devtools 
• TypeScript (optional), Webpack, SSR (Einführung) 

  Sicherheit und Performance werden thematisiert, z. B. Lazy Loading, XSS-Prävention, API-Integration. Empfohlene Ausstattung: 

• Visual Studio Code, Node.js (LTS), npm 
• Moderner Browser (z. B. Chrome, Firefox) 
• Admin-Rechte für Software-Installation 
• Zwei Bildschirme für Online-Teilnahme empfohlen

Weiterführende Informationen: Eine Auswahl vertiefender Inhalte und praxisorientierter Beiträge zum Thema Programmiersprachen findet sich im Programmiersprachen-Blog.LernzieleVue.js ist ein beliebtes, reaktives und dynamisches Frontend-Framework, das die Entwicklung moderner, skalierbarer Benutzeroberflächen erleichtert. Dieses Seminar bietet Ihnen einen praxisnahen Einstieg in die komponentenbasierte Webentwicklung mit Vue.js. Schritt für Schritt lernen Sie, wie Sie moderne Webanwendungen strukturieren und umsetzen – ideal für Entwickler:innen, die zukunftssichere Frontend-Technologien beherrschen möchten. Ihr Nutzen auf einen Blick: 

• Sie verstehen die Vue.js-Architektur und entwickeln eigene Komponenten
• Sie lernen den gesamten Entwicklungsprozess von der Einrichtung bis zum Deployment kennen
• Sie wenden moderne JavaScript-Konzepte wie die Composition API sicher an
• Sie trainieren mit einem realitätsnahen Mini-Projekt – auch für die spätere berufliche Anwendung

Dieses Seminar ist Teil dieses Qualifizierungsplaners: JavaScript-ProgrammiererZielgruppen

• Webentwickler:innen mit ersten JavaScript-Kenntnissen 
• Frontend-Entwickler:innen, die Vue.js kennenlernen möchten 
• IT-Fachkräfte mit Interesse an dynamischen Webanwendungen 
• Quereinsteiger:innen mit HTML/CSS-Kenntnissen