Vue.js & TypeScript Intensiv-Schulung

Vue.js & TypeScript Intensiv-Schulung

Der beste Weg mit
Vue.js zu starten

Unsere Schulungen machen dich fit für den produktiven Einsatz von Vue.js.

RWE Group Business Services GmbH, Dortmund
Commerzbank
Allianz
Robert Bosch GmbH, Stuttgart
Galeria Kaufhof
SWR

Interaktiver Workshop

Schneller und ange­nehmer lernen.

Vue.js wird immer beliebter und zahlreiche Unternehmen bieten mittlerweile Vue.js Schulungen, Seminare und Workshops an. Ob Formulare, Single-Page-Webanwendungen oder Multi-Page-Webseiten – die Einsatzmöglichkeiten mit Vue sind enorm. Mit Version 3.0 hat Vue.js sich sogar wieder übertroffen und überzeugt mit vielen innovativen Features, die es Entwicklern noch einfacher macht, professionelle Anwendungen zu erstellen.

In unserer Vue Schulung vermitteln wir die Grundlagen des Webframeworks und zeigen unseren Teilnehmern, wie sie ein Projekt-Setup planen und aufbauen können.

Wir bieten sowohl offene als auch geschlossene Workshops an. Erstere zeichnen sich dadurch aus, dass der Termin bereits vorgegeben ist und die Anmeldung jedem beliebigen Teilnehmer online zur Verfügung steht. Geschlossene bzw. inhouse Schulungen kommen durch Anfragen von Unternehmen zustande und werden sowohl terminlich als auch inhaltlich ganz individuell abgestimmt.

Aktuell fokussieren wir uns auf das Homeoffice und bieten 6-Tage-Teilzeit-Workshops an. So könnt Ihr weiterhin an Euren Projekten arbeiten und fallt nicht komplett aus. Gerade Entwickler können sich selten für eine ganze Woche freimachen. Ständig meldet sich ein Kunde oder der Chef, weil irgendetwas ganz dringend gemacht werden muss. 🙄

  • 60 % Praxisanteil
  • Musterlösungen zu allen Aufgaben
  • Aktuelle Inhalte basierend auf Vue.js 3.0
  • Viel Zeit für Fragen
  • Zeit für Gruppenarbeit und Breakout-Sessions
  • Interaktive Meetings für Fragen und Diskussionen
  • Dauerhafter Zugriff auf Materialien, Aufzeichnung und Transkripte
Teilnehmer

Was sind Vue.js bzw. TypeScript?

Ein Kurzüberblick, um was es geht.


Vue.js Logo

Vue.js

Vue.js ist ein clientseitiges JavaScript-Webframework zur Erstellung von Single-Page-Webanwendungen. Vue.js ist sehr einsteigerfreundlich, da es klein aber dennoch sehr strukturiert aufgebaut ist. 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.js finden und ist wie folgt definiert: Vue (pronounced /vjuː/, like view)

TypeScript Logo

TypeScript

TypeScript wird seit 2012 von Microsoft entwickelt und ist ein Aufsatz auf die Sprache JavaScript (die Basis der Web-Anwendungs­entwicklung). Es erweitert diese u.a. um ein Typen­system, das die Entwicklung und Pflege von Web­anwendungen stark unterstützt. Gerade Entwickler, die vorher Programmier­sprachen wie Java oder C# gelernt haben, finden sich so deutlich leichter zurecht.

preload image

Agenda

Wissen aus der Praxis.

Wir sind selbst Entwickler 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%.

Agenda herunterladen
TypeScript Logo

Grundlagen TypeScript

Wir starten mit einer kurzen Einführung in TypeScript (ca. 3 Stunden). Dort lernen wir die Grundlagen für den anschließenden Vue.js-Teil.

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

Vue.js Themen

Danach erarbeiten wir die Grundkonzepte von Vue entlang einer durchgehenden Beispiel-Anwendung. Dazu gibt es immer einen kurzen Theorie-Teil, gefolgt von einer Aufgabe. Zu den verschiedenen Schritten stellen wir eine Musterlösung bereit.

  • Was ist Vue.js?
  • 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
  • Zugriff auf eine REST-API
Vue.js Logo

Vue Router

Nach den Grundlagen gehen wir dazu über unsere Demo-Applikation umzusetzen, wobei wir mit dem Routing beginnen.

  • Wozu braucht man Routing?
  • Definition und Nutzung von Routen
  • Dynamische Routen und der Ranking Algorithmus
  • Child Routes
  • Performance-Optimierungen durch Lazy Loading
  • Route Guards
Vue.js Logo

Vue Formulare und Rest-APIs

Als Nächstes gehen wir zu den Themen über, die den Kern von nahezu jeder Anwendung bilden.

  • Formulare
  • Validatoren und Fehlermeldungen
  • Zugriff auf eine REST-API
  • Bidirektionales Databinding (Two-Way) durch v-model
Vue.js Logo

State management mit Pinia

In mittel bis großen Anwendungen wird die Verwaltung des Zustandes der Applikation immer wichtiger, daher widmen wir uns als letztes der Einbindung von Pinia.

  • Was ist State management und wozu brauchen wir es?
  • Pinia Architektur
  • Einbindung von Pinia
  • Nutzung von Actions und Getters
  • Trennen der Verantwortlichkeiten mit Modulen
Vue.js Logo

Architektur großer Anwendungen

Wie teilt man eine Applikation am Besten auf und warum? Wie programmiere ich zukunftssicher? In diesem Teil liefern wir die Antworten.

  • Schneiden von Modulen
  • Wiederverwendbare Pakete
  • Arbeiten mit Monorepos
  • Web Components
Vue.js Logo

Vue.js weiterführende Themen

Wir verfügen darüber hinaus über viele weitere Module, welche nach Bedarf hinzugefügt werden können.

  • Die Composition API
  • Teleport
  • Async Components
  • Mixins
  • Dynamic Components
  • Slots und scoped Slots
  • Testing & Debugging
  • Server-Side-Rendering (SSR)

Kosteneffizienz

Spare Kosten.

Kennst Du die Studie der Standish Group? Fehler ganz am Anfang eines Projektes sind die Teuersten. Wir arbeiten seit Jahren mit Vue.js und haben die meisten Fehler schon gemacht. Nutze unsere Erfahrung und vermeide die häufigsten Anfängerfehler.

Geld sparen

Bewertungen

Die Meinung unserer Teilnehmer:innen zählt.

Nach jeder Schulung bitten wir unsere Teilnehmer:innen um Feedback. Aus insgesamt 2396 abgegeben Bewertungen erreichen wir aktuell eine durchschnittliche Bewertung von 4,8 Sternen.

Alle Bewertungen anzeigen ›
Ich weiß nun, wie ich mithilfe von JS/TS, Vue und Vue-Erweiterungen eine Komponenten-basierte, mehrseitige Single Page Application aufbaue, welche unter anderem Daten aus externen Quellen laden, anzeigen und manipulieren kann.
Ich habe sehr viel gelernt und viele Zusammenhänge sind mir jetzt klar. Ich kann was ich gelernt habe in mein tägliches doing nutzen. Super gut!
Sehr guter Workshop, der einem alle nötigen Grundlagen beibringt und Spaß macht.
Toller Workshop mit passenden Übungsaufgaben.

Trainer:innen

Lerne von den Besten.

Seit 2013 schulen wir Entwickler zum Thema moderne Web-Entwicklung. Um die bestmöglichen Schulungen zu geben, haben wir uns als Trainer-Team zusammengeschlossen. Somit arbeiten wir gemeinsam an Materialien und Didaktik für unsere Teilnehmer:innen.

Unter anderem sind wir:

  • Google-Developer-Experts
  • Erfahrene Softwareentwickler
  • Buch- und Artikel-Autoren
  • Aktive Mitglieder der Community
  • Organisatoren von Meetups und Konferenzen

Voraussetzungen

Ohne viel Vorwissen direkt starten.

Voraussetzung sind Grundlagenkenntnisse in JavaScript und HTML. Innerhalb des Workshops gehen wir auf die individuelle Situation der Gruppe ein und passen sowohl den Fokus als auch die Geschwindigkeit an. Somit können dann z.B. Grundlagen noch einmal wiederholt oder auch übersprungen werden.

Technische Voraussetzung für die Schulung 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.

Enthaltene Leistungen

Alles Wichtige ist dabei.


  • Essen & Trinken:

    In unseren öffentlichen Schulungen sind Essen und Trinken für die komplette Veranstaltungszeit enthalten. An den meisten Standorten können wir dir auch ein vegetarisches Menü anbieten. Falls das für dich wichtig ist, schreibe uns doch bitte vorher per E-Mail.

  • Kursunterlagen inkl. Aktualisierungen

    Du erhältst Zugriff auf alle Unterlagen und Zusatzmaterialien. Diese werden über unser virtuelles Klassenzimmer organisiert. Mit deinem Teilnehmer-Account hast du lebenslangen Zugriff - inkl. Aktualisierungen!

Kontakt

Sind noch Fragen offen?


Britta Lenzen Image
Britta Lenzen

Dann schreib' uns einfach eine E-Mail an info@vuejs.de. Wenn du einen persönlicheren Kontakt vorziehst, freut sich Britta auch über einen Anruf von dir! Wir sind werktags von 8 bis 13 Uhr telefonisch unter +49 201 / 87535773 erreichbar.

Remote Workshop

Home Office?


  • Kosten senken & mehr Zeit

    Du sparst dir sowohl die Kosten, als auch den Organisationsaufwand, für Reise und Hotel. Hinzu kommt kein Berufsverkehr und auch keine lange Fahrt mit der Bahn.

  • Lernen in Teilzeit

    3 Tage konzentriert eine Videokonferenz zu verfolgen kann anstrengend. Wir können Remote Workshops auch in Teilzeit anbieten. Zum Beispiel 5 Tage halbtags. Das ist nicht nur für Eltern mit Kindern ideal, sondern auch für Personen, die Kunden betreuen oder ihrem Teams zur Verfügung stehen müssen.

  • Remote erlernen

    Grundsätzlich Interesse an Remote Work? Wir machen dich nicht nur in Vue.js fit. Sehe wie wir unsere Remote Workshops und Prozesse strukturieren, welche Tools wird verwenden und wie wir moderieren. Vielleicht nimmst auch du etwas mit für dein nächstes Remote Meeting oder Home Office Tag.

Termine, Inhouse, Remote-Buchung

Hier kannst du buchen.

Vor Ort: Unsere Vor Ort Schulungen beginnen normalerweise am ersten Tag um 9:00 Uhr und enden am letzten Tag um 16:30 Uhr. Die genauen Start- und Endzeiten findest du, wenn du auf einen Termin klickst.

Remote: Unsere öffentlichen Remote Schulungen finden in der Regel über 6 halbe Tage am Vormittag von 9 bis 13 Uhr statt.

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

Individuell (Standarddauer 3-6 Tage)

KW46
13.11 - 20.11.2024 Noch freie Plätze

KW50
11.12 - 18.12.2024 Noch freie Plätze

KW04
29.01 - 05.02.2025 Noch freie Plätze

KW12
26.03 - 02.04.2025 Noch freie Plätze

KW25
25.06 - 02.07.2025 Noch freie Plätze

Unsere Workshops werden durchgeführt von Workshops Logo Workshops.DE