
Seminardauer: 2 Tage
Ziele
In dieser 2-tägigen Schulung "Vue.js 3 - Grundkurs" lernen Sie die Grundlagen, die allen SPA-Libraries (wie Vue oder React) zugrunde liegen, sowie die Besonderheiten von Vue. Dabei wird insbesondere auf das 2020 erschienene Vue 3 eingegangen. Am Ende sind sie in der Lage, Anwendungen verschiedenster Komplexität mit Vue umzusetzen und dabei Best Practices zu berücksichtigen.
Zielgruppe
- Entwickler mit JavaScript-Erfahrung
Voraussetzungen
- Erfahrungen mit HTML und JavaScript
Lernmethodik
Die Schulung bietet Ihnen eine ausgewogene Mischung aus Theorie und Praxis in einer erstklassigen Lernumgebung. Profitieren Sie vom direkten Austausch mit unseren projekterfahrenen Trainern und anderen Teilnehmern, um Ihren Lernerfolg zu maximieren.
Agenda
Entwicklung moderner Frontend-Anwendungen
- Überblick und Gemeinsamkeiten von Vue, React und Angular
- deklarative / datengetriebene Architektur
- Komponenten - eigene HTML-Tags erstellen
- Initialisieren eines Vue-Projektes mittels Vue CLI
JavaScript-Grundlagen für Vue (nach Bedarf)
- Entwicklung mit node.js und npm
- JavaScript Versionen
- Module (import und export)
- Pfeilfunktionen
- this in Objektmethoden
Vue Grundlagen
- State und deklaratives Rendering
- Arbeiten mit data, methods und computed
Vue Templatesprache
- Interpolation
- Properties binden
- CSS-Klassen
- Events
- if / else if / else
- Elemente wiederholen
- Two-way-binding für Inputs
Komponenten: Grundbausteine moderner Web-Anwendungen
- Einbinden bestehender Vue-Komponenten
- Überblick über Komponentenlibraries für Vue
- Erstellen eigener Komponenten
- Datenfluss zwischen Komponenten mittels Props und Events
- Komponenten inspizieren mit den Vue Devtools
Composition API in Vue 3
- Vergleich zwischen dem Options API und dem neuen Composition API
- State mit dem Composition API (ref und reactive)
- Props und Events mit dem Composition API
Side Effects
- Verwenden von lifecycle hooks, watchEffect und watch für side effects
- Senden von HTTP-Requests mittels fetch oder axios
- Verwenden von localStorage aus Vue
Komponenten Vertiefung
- Two-Way-Binding bei eigenen Komponenten
- Slots (Übergeben von Inhalten)
- Prop Validierung und Prop Types
Weiterführende Themen
- Routing mit vue-router
- Verwendung mit TypeScript
- Change Detection in Vue
- State Management mit Pinia (ehemals Vuex)
- Testen von Vue-Anwendungen
- Übergänge und Animationen
- Render-Funktionen
Open Badge - Ihr digitaler Kompetenznachweis

Durch die erfolgreiche Teilnahme an einem Kurs bei IT-Schulungen.com erlangen Sie nicht nur Fachkenntnisse und Fähigkeiten, sondern bekommen zusätzlich zu Ihrem Teilnahmezertifikat ein Open Badge als digitalen Nachweis Ihrer Kompetenz.
Sie können diesen in Ihrem persönlichen und kostenfreien Mein IT-Schulungen.com Konto abrufen. Ihre verdienten Badges lassen sich problemlos in sozialen Netzwerken integrieren und weitergeben.
Mehr zu den Vorteilen von Badges
Gesicherte Termine
Termin | Standort | Aktion |
11.01. - 12.01.2024
|
Virtual Classroom (online) |
Seminar jetzt anfragen
|
11.04. - 12.04.2024
|
Virtual Classroom (online) |
Seminar jetzt anfragen
|
10.07. - 11.07.2024
|
Virtual Classroom (online) |
Seminar jetzt anfragen
|
11.01. - 12.01.2024 in Virtual Classroom (online)
11.04. - 12.04.2024 in Virtual Classroom (online)
10.07. - 11.07.2024 in Virtual Classroom (online)
Seminar jetzt anfragen
Auf den Merkzettel
Termin-Radar aktiv!
Termin-Radar deaktivieren.
Diese Seite weiterempfehlen: