Vue.js Composition API
Intensiv Schulung

Termin anfragen
Flexibel oder Inhouse
Vue.js Composition API Schulung/Seminar/Workshop
Der beste Weg mit Vue.js Composition API zu starten
Öffentliche Schulung
1 - 2 Tage
0 Termine
Vor Ort, als auch Remote
inkl. Teilnahme Zertifikat
Inhouse Schulung
Individuell
Flexibel vereinbar
Vor Ort, als auch Remote
inkl. Teilnahme Zertifikat
Deutsch/Englisch möglich
Consulting
Individuell
Flexibel vereinbar
Vor Ort, als auch Remote

Kundenreferenzen

RWE Group Business Services GmbH, Dortmund
STRATO AG, Berlin
Allianz
Robert Bosch GmbH, Stuttgart
Schenker AG, Essen
Commerzbank AG, Frankfurt
CompuGroup Medical Software GmbH, Koblenz
Condor Flugdienst GmbH, Oberursel
Consorsbank, Nürnberg
E-Plus Mobilfunk GmbH, Düsseldorf
Südwestrundfunk, Stuttgart
ETECTURE GmbH, Frankfurt am Main
EXXETA AG, Karlsruhe
Fast Lane Institute for Knowledge Transfer GmbH, Hamburg
FH Dortmund, Kamen
G DATA Software AG, Bochum
GALERIA Kaufhof GmbH, Köln
Hays AG, Mannheim
HOTEL DE AG, Nürnberg
JIMDO GmbH, Hamburg
MT AG, Ratingen
MyHammer AG, Berlin
Raiffeisen Schweiz, St. Gallen
rocket-media GmbH & Co KG, Dinkelsbühl
EnBW Energie Baden-Württemberg AG, Karlsruhe
Thomas Cook Touristik GmbH, Oberursel
dataport, Altenholz
Süddeutsche Zeitung Digitale Medien GmbH, München
Talanx Service AG, Hannover
ELAXY Financial Software & Solutions GmbH & Co. KG, Münster

Über Vue.js Composition API

Viele kennen und lieben das JaveScript Framework Vue.js. Doch mit den Jahren gewann Vue.js immer mehr Funktionen und wurde für immer größere Projekte genutzt. Doch die alte Vue.js API hatte Schwierigkeiten, mit den höheren Anforderungen mitzuhalten. Der Code wurde unübersichtlich.
Aus diesem Grund wurde das API-Konzept überdacht. Eine neue und flexiblere API wurde geschaffen – die Composition API.

Statt den Code nur mit Optionen innerhalb eines großen JavaScript-Objektes zu organisieren, wie es bisher standardmäßig durch die Options-API gemacht wird, kann der Code nun nach Funktionalitäten gebündelt geschrieben werden. Dadurch können sich wiederholende Code-Fragmente aus einer Komponente herausgenommen werden und als wiederverwendbaren Code in anderen Komponenten eingesetzt werden. Der große Vorteil: Dadurch verbessert sich das Organisieren und Strukturieren von Vue.js Anwendungen.

Für Entwickler heißt das: mehr Flexibilität, bessere Wartung und eine große Zeitersparnis.

Wer glaubt, dass jetzt alle Vue Anwendungen neu geschrieben werden müssen, um das Composition API zu nutzen, irrt. Denn die alte Object API wird weiterhin Bestandteil von Vue bleiben.

Ist dieser Kurs etwas für Dich?

Du bist Entwickler:in und möchtest Vue.js lernen?

HTML, CSS und JavaScript sind keine Fremdwörter mehr für Dich. Du hast auch schon erste Erfahrung mit Vue.js gesammelt. Ganz gleich, was Deine Ambitionen sind, hier erfährst Du alles über die Composition API.

Du bist Entscheider, Projektmanager oder CTO und möchtest mehr über die Composition API erfahren?

Was bedeutet die Composition API für neue und alte Projekte? Welche Anwendungen werden dadurch noch effektiver und schneller umsetzbar?
Hier lernst Du, genau einzuschätzen, welche Möglichkeiten sich mit der API ergeben. Vielleicht möchtest Du Deinem Entwickler-Team auch nur beratend zur Seite stehen und wichtige Impulse geben?
In diesem Kurs erfährst Du, was alles in der Composition API steckt.

Wissen aus der Praxis.

Wir sind selbst Entwickler:innen und wissen, welche Probleme zuerst in der echten Welt auftreten werden. Deshalb arbeiten wir mit Beispielen, die aus der echten Welt stammen. Diese haben wir dann auf den Kern reduziert, um diese leicht vermitteln zu können.

Der Praxis-Anteil liegt dabei bei 60%.

Download Agenda

Themen

  • Limits der aktuellen API
  • Probleme beim Wiederverwenden von Logik bei aktuell verfügbaren Ansätzen
  • Die Vorteile der neuen Composition API
  • Die neue setup-Methode
  • Funktionsweise der Reaktivität
  • reactive und ref
  • watch und watchEffect
  • computed
  • Composables / Composition functions

Typische Fragen, die wir beantworten

  • Wie unterscheidet sich die Options API von der Composition API?
  • Wie wird die API im setup integriert?
  • Wie lassen sich Strukturen mit der composition API optimieren?
  • Wie mache ich von der Reaktivität Gebrauch?
  • Wie werden reaktive Variablen mit ref eingesetzt?
  • Welche Rolle spielen composables?
  • Wie nutze ich Lifecycle-Methoden?
  • Wie werden props und context eingesetzt?
  • Wie vewendet man die watchEffect Methode?

Leistungen

Du erhältst Zugriff auf alle Unterlagen und Zusatzmaterialien aus unserem Workshop. Dies wird über unser virtuelles Klassenzimmer organisiert.

Mit deinem Teilnehmer:in-Account hast du da lebenslangen Zugriff - auch auf Updates! In unseren öffentlichen Schulungen sind ebenfalls Essen und Trinken für die komplette Veranstaltungszeit enthalten. An den meisten Standorten konnten wir es dazu auch einrichten, dass wir auch ein vegetarisches Menü anbieten können. Falls das für dich wichtig ist, kontaktier uns doch bitte vorher via E-Mail ob das am jeweiligen Standort möglich ist.

Voraussetzungen

Voraussetzung sind Kenntnisse in Vue und Typescript.

Technische Voraussetzung für den Workshop ist ein Notebook mit Windows, Linux oder MacOSX. Weiterhin wird NodeJS mit einigen Paketen benötigt, du bekommst hierzu eine Schritt-für-Schritt Anleitung nach deiner Anmeldung zu diesem Workshop.

Die Meinung unserer Teilnehmer:innen zählt.

Nach jeder Vue.js Composition API Schulung bitten wir unsere Teilnehmer:innen um Feedback. Aus insgesamt 1349 auf Workshops.DE abgegeben Bewertungen erreichen wir aktuell eine durchschnittliche Bewertung von 4.7 Sternen.

Alle Bewertungen anzeigen
Illustration eines/einer Teilnehmer:in Vue.js Composition API
Michael Draws-Beer
Remote,

Hab Vue bisher nicht gemocht, aber dank der CompositionAPI und dieses Workshops freue ich mich nun darauf.

Classroom und tolle Lerntools

  • Austausch zwischen Teilnehmer:innen und Trainer:innen.
  • Vorbereitungsanleitung vor dem Workshop.
  • Slides, Aufgaben und Zusatzmaterial.
  • Alle Materialien auch nach der Schulung im Zugriff.
  • Didaktisch für Lernerfolg optimiert.
Illustration mit einem Laptop und einem Abspielsymbol

Termine & Inhouse-Buchungen

Du möchtest einen Termin flexibel vereinbaren und die Preise wissen? Dann kannst du uns eine Anfrage stellen.

Vue.js Composition API Inhouse Anfragen

Häufige Fragen und Antworten.

Unsere On-Site Schulungen beginnen im Normalfall um 9:00 Uhr und enden um 16:30 Uhr.

Unsere öffentlichen Remote Schulungen finden in der Regel über 6 halbe Tage am Vormittag von 9 bis 13 Uhr statt. Das ermöglicht laufende Projektarbeit nicht ganz liegen lassen zu müssen oder sich auch um die Betreuung der Kinder zu kümmern.

Andere Variationen sind natürlich auch sehr flexibel umzusetzen und können gerne gemeinsam erarbeitet werden.

Ja. Am Ende jeder unserer Schulungen erhält der Teilnehmer:in ein signiertes Teilnahme-Zertifikat.

Unsere Trainings können auf Deutsch oder Englisch gehalten werden. Die öffentlichen Termine werden auf Deutsch gehalten, außer es ist explizit anders vermerkt. Für In-House Trainings kann bei der Anfrage ein Hinweis auf die gewünschte Sprache angegeben werden. Die Unterlagen und Aufgaben sind komplett auf Englisch verfügbar.

Ja. Wir haben intensiv an einem Setup gebaut welches euch die Möglichkeit bietet an unseren Workshops auch Remote teilzuhaben. Wir haben mit unserem virtuellen Classroom eh schon eine sehr gute Infrastruktur welche diesen Modus sehr gut unterstützt. Unsere Slides sind immer online und werden auch nach euerer Teilnahme aktualisiert. Auch nach der Schulung habt ihr dauerhaft Zugriff auf diese. Weiterhin lassen sich die Aufgaben über ein Online-Interface aufzurufen und von uns freischalten. Wir haben hier einige Aufgaben ergänzt, welche euch für die Durchführung eines Remote-Workshops vorbereiten.

Wir nutzen hierbei neben unserem Classroom das Online-Meeting Tool “Zoom”. Innerhalb der Vorbereitung ist auch ein Test-Link aufgeführt welche euch diese Technologie testen lässt. Der Remote-Workshop ist darauf konzipiert, dass wir alle an verschiedenen Orten sitzen und jeder mit seinem eigenen Rechner mitarbeitet. Ihr könnt euch natürlich auch in einem Meeting-Raum bei euch Treffen und den Trainer:innen dazu schalten aber sowohl die Technologischen Lösungen klappen besser wenn jeder im Home-Office ist, als auch eure sozialen Kontakte sind geringer und ihr verringert das Risiko euch und andere anzustecken.

Auch Screenshare von allen Teilnehmer:innen oder die Freigabe eurer IDE ist in Verbindung mit Visual Studio Code Live Share sehr einfach möglich. Der/Die Trainer:in kann so auf Wunsch und mit eurer Freigabe den Zugriff auf euere aktuelle Entwicklungsumgebung bekommen und euch dort direkt Helfen, falls ihr einmal bei einer Aufgabe hängt.