Sei unter den ersten 100 Tester:innen unserer Angular Masterclass und zahle 1.399 € statt 2.299 €: Jetzt anmelden

Vue.js & TypeScript
Intensiv-Schulung

Schulung buchen
Vue.js & TypeScript Schulung/Seminar/Workshop
Schulung buchen
Der beste Weg mit Vue.js & TypeScript zu starten
119 erhaltene Bewertungen
283 Teilnehmer:innen haben teilgenommen
Öffentliche Schulung

Für dich und dein Team

3 Tage oder 6 halbe Tage
8 Termine
Vor Ort, als auch Remote
1007.00 bis 1679 € pro Person
inkl. Teilnahme Zertifikat
Frühbucher- und Gruppenrabatt verfügbar
Schulung buchen
Inhouse Schulung

Günstiger ab 8 Teilnehmenden

3 Tage oder 6 halbe Tage
Termin nach Wunsch
Preis nach Angebot
inkl. Teilnahme Zertifikat
Vor Ort, als auch Remote
Deutsch/Englisch möglich
Unverbindlich anfragen
Masterclass
Lernen, wann und wo du möchtest
Lerntempo selbst bestimmen
Ask-Me-Anythings Sessions
Kurssprache Deutsch
Werde Tester:in: Einzel- und Gruppenrabatte verfügbar
Mehr Informationen

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
Eine Gruppe Workshop Teilnehmer:innen sitzt an einem Tisch und jubelt Workshop Teilnehmer:innen schauen auf Computer Screen und diskutieren Ergebnisse Teilnehmer:innen befinden sich in einem Programmier Worskshop

Über Vue.js & TypeScript

Vue.js erfreut sich mehr und mehr an wachsender Beliebtheit. Es handelt sich hierbei um ein clientseitiges JavaScript-Webframework zur Erstellung von Single-Page-Webanwendungen.

Eine der ersten Fragen um dieses Framework ist oftmals: “Wie wird Vue ausgesprochen?” View? Vü? Die Antwort lässt sich in den ersten Zeilen der Dokumentation von Vue finden und ist wie folgt definiert: Vue (pronounced /vjuː/, like view).

Vue.js ist der Mittelweg zwischen Angular, welches primär für komplexe Enterprise-Anwendungen konzipiert ist und somit sehr Mächtig ist, und React, was ein sehr kleiner Layer ohne wirkliche Vorgaben ist und somit sehr viel Individualisierung ermöglicht. Vue.js ist sehr einsteigerfreundlich, da es klein aber dennoch sehr strukturiert aufgebaut ist.

Eine weitere Besonderheit ist, das dieses Projekt nicht aus der Schmiede der großen Unternehmen (Google Angular, Facebook React) kommt sondern ein unabhängiges Community-Projekt ist. Das Projekt wurde von Evan You im Jahr 2013 gestartet. Seine Vision war es, die Vorteile von AngularJS zu nutzen und eine leichtgewichtige Alternative für kleine Projekte zu schaffen. Das erste Release wurde 2014 veröffentlicht.

Als Erweiterung zu Vue wird in diesem Zusammenhang sehr oft das freie Open Source Framework Nuxt.JS genannt. Es ist ein Web Application Framework, das auf Vue.js, Node.js, Webpack und Babel.js basiert. Es betitelt sich selbst als „meta-framework for universal applications“, was soviel bedeutet wie ein universaler Rahmen für Web-Anwendungen. Dies bezieht sich auf die Möglichkeiten sowohl einzelne Komponenten, Single Page Applications, oder auch serverseitig-gerenderte Webseiten zu erstellen, die sich sehr gut mit SEO optimieren lassen.

Ist dieser Kurs etwas für Dich?

Für Entscheider:innen:

  • Du planst gerade ein neues Projekt? Stelle sicher, dass Vue das richtige Framework ist. Wir verkürzen die Evaluationsphase.
  • Spare Kosten. Kennst Du die Studie der Standish Group? Fehler ganz am Anfang eines Projektes sind die teuersten. Wir helfen Dir, diese zu vermeiden.
  • Bleibe am Ball mit Deiner Firma - die Entwicklungszyklen werden kürzer. Immer mehr vollwertige Applikationen entstehen im Web. Lerne wie - mit Vue.js.
  • Spare Zeit! Die Dokumentation von Vue ist sehr gut, wir helfen dir bei den Sachen die nicht in der Dokumentation stehen dich und dein Projekt zum Erfolg bringen.
  • Und noch einmal Zeit. Das Framework ist noch neu. Es fehlen die Bücher, in denen steht, welche Fehler Du unbedingt vermeiden solltest. Lerne aus unseren Fehltritten der letzten Jahre.

Für Entwickler:innen:

  • Vermeide Stunden mit Debugging, weil Dir die Konzepte des Frameworks fehlen.
  • Vergeude nicht Deine Lebenszeit damit, Dir Informationen über Wochen zusammenzusuchen, wenn es doch auch in wenigen Tagen geht.
  • Nicht jeder lernt am besten aus Büchern. Lernen darf interaktiv sein und auch Spaß machen. Außerdem kannst Du Dich mit anderen Teilnehmern vor Ort austauschen.
  • Steigere Deinen Wert als Entwickler:in. Die Entwicklung verschiebt sich immer mehr in Richtung Frontend. Sei nicht irgendwann überflüssig.
  • Im Kurs kannst Du die Fragen stellen, die Du nur schlecht googeln kannst, z. B. „Besserer Weg, um meine Applikation zu strukturieren“. Wir können sie Dir beantworten.
  • Vue.js Projekte erfordern mehr und mehr TypeScript-Erfahrung. Die Sprachkonzepte wirken teilweise schwierig und undurchsichtig. Wir helfen Dir beim Einstieg.

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 TypeScript

Der TypeScript-Workshop beginnt mit den Grundlagen, vermittelt aber auch fortgeschrittene Konzepte, die speziell für den anschließenden Vue.js-Workshop wichtig sind. Dieser Workshop ist vor allem wertvoll für Teilnehmer, die mit Vue.js beginnen wollen, aber nur wenig TypeScript-Erfahrung besitzen.

  • Warum TypeScript?
  • Type inference
  • Typendefinitionen
  • Interfaces & Type Aliases
  • Generics
  • Utility Types
  • Best Practises

Themen Vue

Intensiv-Workshop, bei dem Du anhand eines praktischen Beispiels in Vue eingeführt wirst. Außerdem werden fortgeschrittene Themen besprochen und Best Practices vermittelt. Am Ende des Workshops wirst Du eine Referenz-Anwendung entwickelt haben, die Du als Blaupause für Dein nächstes Projekt verwenden kannst.
Hierfür stellen wir eine REST-API bereit, anhand der wir einen typtischen Start für eine Single-Page-Applikation durchspielen und zusammen entwickeln.

  • Was ist Vue?
  • Wann und Warum macht es Sinn Vue im Projekt einzusetzen?
  • Die Vue-CLI
  • Templates & Template-Syntax
  • Computed properties
  • Formulare und Validierung
  • Komponenten und Komponentendesign
  • Props und Custom Event Handling
  • Data-Flow
  • Lifecycle hooks
  • Routing inkl. Child-Routes
  • Zugriff auf eine REST-API
  • Statemanagement mit Pinia

Typische Fragen, die wir beantworten

  • Wie strukturiere ich meine Anwendung, damit ich langfristig eine wartbare Basis meines Quellcodes habe?
  • Wie schneide ich in meinem Projekt die Module und welche technischen Möglichkeiten habe ich Module zwischen Projekten zu teilen?
  • Wann sollte ich ein Meta-Framework die Nuxt.JS benutzen?
  • Wie debugge ich meine bereits minifizierte Anwendung in Production?
  • Welche fertigen Komponenten-Bibliotheken gibt es für meine typischen Anwendungen?
  • Welche Möglichen der Authentifizierung habe ich und wie implementiere ich diese?
  • Wie passe ich den Build-Prozess der Vue-CLI für meine Anfordernungen an?
  • Welche IDE benutze ich am besten?

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 Vor-Ort 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 Grundlagenkenntnisse in HTML, CSS, JavaScript und TypeScript. Diese können auch in unserem HTML & CSS Intensiv Workshop, JavaScript Intensiv Workshop und TypeScript Intensiv Workshop in Kombination gebucht werden.

Technische Voraussetzung für den Workshop ist ein Notebook mit Windows, Linux oder MacOSX. Weiterhin eine aktuelle Version von NodeJS mit einigen Paketen. Hierzu bekommst du eine Schritt-für-Schritt Anleitung nach deiner Anmeldung zu diesem Workshop.

Lernen von den Expert:innen.

Wir sind...

  • Erfahrene Softwareentwickler:innen mit Fokus Webtechnologien
  • Buch- und Artikel-Autor:innen
  • Aktive Mitglieder der Web-Community
  • Organisatoren von Meetups und Konferenzen

Die Meinung unserer Teilnehmer:innen zählt.

Nach jeder Vue.js & TypeScript Schulung bitten wir unsere Teilnehmer:innen um Feedback. Aus insgesamt 1915 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 & TypeScript
Anonym
Remote,

sehr kompetenter und freundlicher Trainer; umfangreicher Lehrinhalt, jedoch nicht trocken;

Illustration eines/einer Teilnehmer:in Vue.js & TypeScript
Tim Kranich
Remote,

Zukunftsweisend

Illustration eines/einer Teilnehmer:in Vue.js & TypeScript
Anonym
Remote,

Joe Ray Gregory echt ein super Trainer :-)

Illustration eines/einer Teilnehmer:in Vue.js & TypeScript
Anonym
Remote,

Sehr fundierter und anspruchsvoller Workshop

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

Die nächsten Termine und Orte.

Individuell Masterclass • Lerne Wann und Wo du willst Mehr Informationen
Individuell Vue.js & TypeScript Intensiv-Schulung • Vor Ort oder Remote Zur Anfrage
2023
19.04 - 26.04
09:00 - 13:00 Uhr
19.04. - 26.04.2023
Gruppenrabatt
Vue.js & TypeScript Intensiv-Schulung
Peter Hecker
Peter Hecker
🇩🇪
Deutsch
Remote
6 Tage
1679 €
Zur Buchung
2023
14.06 - 21.06
09:00 - 13:00 Uhr
14.06. - 21.06.2023
Gruppenrabatt Frühbucherrabatt
Vue.js & TypeScript Intensiv-Schulung
Peter Hecker
Peter Hecker
🇩🇪
Deutsch
Remote
6 Tage
1511 € 1679 €
Zur Buchung
2023
19.07 - 26.07
09:00 - 13:00 Uhr
19.07. - 26.07.2023
Gruppenrabatt Frühbucherrabatt
Vue.js & TypeScript Intensiv-Schulung
Joe Ray Gregory
Joe Ray Gregory
🇩🇪
Deutsch
Remote
6 Tage
1511 € 1679 €
Zur Buchung
2023
16.08 - 23.08
09:00 - 13:00 Uhr
16.08. - 23.08.2023
Gruppenrabatt Frühbucherrabatt
Vue.js & TypeScript Intensiv-Schulung
Gabriel Heinrich
Gabriel Heinrich
🇩🇪
Deutsch
Remote
6 Tage
1511 € 1679 €
Zur Buchung
2023
13.09 - 20.09
09:00 - 13:00 Uhr
13.09. - 20.09.2023
Gruppenrabatt Frühbucherrabatt
Vue.js & TypeScript Intensiv-Schulung
🇩🇪
Deutsch
Remote
6 Tage
1511 € 1679 €
Zur Buchung
2023
11.10 - 18.10
09:00 - 13:00 Uhr
11.10. - 18.10.2023
Gruppenrabatt Frühbucherrabatt
Vue.js & TypeScript Intensiv-Schulung
Joe Ray Gregory
Joe Ray Gregory
🇩🇪
Deutsch
Remote
6 Tage
1511 € 1679 €
Zur Buchung
2023
15.11 - 22.11
09:00 - 13:00 Uhr
15.11. - 22.11.2023
Gruppenrabatt Frühbucherrabatt
Vue.js & TypeScript Intensiv-Schulung
Joe Ray Gregory
Joe Ray Gregory
🇩🇪
Deutsch
Remote
6 Tage
1511 € 1679 €
Zur Buchung
2023
13.12 - 20.12
09:00 - 13:00 Uhr
13.12. - 20.12.2023
Gruppenrabatt Frühbucherrabatt
Vue.js & TypeScript Intensiv-Schulung
Gabriel Heinrich
Gabriel Heinrich
🇩🇪
Deutsch
Remote
6 Tage
1511 € 1679 €
Zur Buchung

Termine & Inhouse-Buchungen

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

Unverbindlich 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.

Für Öffentliche Schulungen 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.

Für Inhouse Schulungen können wir das Meeting über "Zoom" als auch "Microsoft Teams" durchführen. Andere Meeting Software können ggf. in Absprache genutzt werden.

Verwandte Schulungen.

Einführung in Nuxt.js Schulung
Einführung in Nuxt.js
 Einführung in Vue 3 Schulung
Einführung in Vue 3
 Git Intensiv Schulung
Git
 Moderne Webentwicklung und Frontend-Architektur Intensiv Schulung
Moderne Webentwicklung und Frontend-Architektur
 Vue.js & JavaScript Intensiv-Schulung
Vue.js & JavaScript
 Wie baue ich performante Vue-Anwendungen? Schulung
Wie baue ich performante Vue-Anwendungen?