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
Moderne Frontend-Entwicklung im Überblick
- Vergleich von Vue, React und Angular
- Deklarative / datengetriebene Architektur
- Erstellung benutzerdefinierter HTML-Tags (Komponenten)
- Initiali ...
Mehr Informationen >>