Vue.js Schulungen & Inhouse Seminare

JavaScript-Grundlagen:

• Da Vue.js ein JavaScript-Framework ist, sind fundierte Kenntnisse in JavaScript unerlässlich.

Vue-Grundlagen:

• Instanziieren eines Vue-Objekts.
• Vue-Template-Syntax, einschließlich Interpolation und Direktiven (z. B. v-for, v-if).
• Vue-Instanz-Eigenschaften wie data, methods, computed und watch.

Komponentensystem:

• Erstellen wiederverwendbarer Vue-Komponenten.
• Kommunikation zwischen Komponenten (Props und Events).
• Komponenten-Registrierung (global und lokal).

Vue-CLI:

• Einrichten von Projekten mit Vue-CLI.
• Verwendung von Vue-CLI-Plugins.

Vue Router:

• Einrichten von Routing für Single Page Applications.
• Navigations-Hooks und dynamisches Routing.

Zustandsverwaltung mit Vuex:

• Verständnis von Zustand, Getter, Mutationen, Aktionen und Modulen.
• Integration von Vuex in ein Vue-Projekt.

Reaktive Prinzipien:

• Verstehen des reaktiven Systems von Vue, einschließlich der Verwendung von ref und reactive in Vue 3.
• Verwendung des Vue-Reaktionsystems mit watch und computed Eigenschaften.

Composition API (relevant für Vue 3):

• Unterschiede und Vorteile gegenüber der Options-API.
• Nutzung von setup(), ref(), reactive(), computed() und anderen Funktionen der Zusammensetzung API.

Übergänge und Animationen:

• Anwendung einfacher Übergänge und Animationen auf Vue-Elemente und -Komponenten.
• Integration mit CSS und JavaScript-Animationen.

Vuetify, Quasar, Element UI: Dies sind einige der populären UI-Frameworks und -Bibliotheken für Vue. Je nach Projekt kann es hilfreich sein, eines davon zu erlernen.

Serverseitiges Rendern (SSR) mit Nuxt.js oder Vue Server Renderer: Für Projekte, bei denen SEO oder eine schnellere erste Inhaltsanzeige wichtig sind.

Testing:

• Einheitstests mit vue-test-utils.
• End-to-End-Tests mit Tools wie Cypress.

Weiterführende Themen:

• Mixins und benutzerdefinierte Direktiven.
• Plugins und die Bereitstellung wiederverwendbarer Funktionen für Vue-Instanzen und Komponenten.