VueJS & TypeScript Intensiv-Schulung

VueJS & TypeScript Intensiv-Schulung
VueJS & TypeScript Intensiv-Schulung

Der beste Weg mit
VueJS zu starten

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

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

Interaktiver Workshop

Schneller und ange­nehmer lernen.

Bücher und Videokurse sind heute nicht mehr wegzudenken. Allerdings kannst du in unserer Schulung:

  • Durch direktes Feedback schneller lernen.
  • Den Trainer nach konkreten Lösungsansätzen für dein Projekt fragen.
  • Gemeinsam Lernhürden überwinden.
  • Einfach eine gute Zeit mit anderen Entwicklern in der gleichen Situation haben.
 
Teilnehmer

Was sind VueJS bzw. TypeScript?

Ein Kurzüberblick, um was es geht.


VueJS Logo

VueJS

VueJS ist ein clientseitiges JavaScript-Webframework zur Erstellung von Single-Page-Webanwendungen. VueJS 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 VueJS 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%.

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 VueJS-Teil.

  • Unterschiede zu ES6
  • Funktionen und Scopes
  • Fat Arrow
  • Typen
  • Klassen
  • Decorators / Annotationen
  • Modul-System
  • Interfaces
  • Generics
  • Destructuring
Vue Logo

VueJS Basics und Komponenten

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 VueJS?
  • Arbeiten mit Vue CLI
  • Templates & Template-Syntax
  • Einführung in die Konzepte von Vue
  • Komponenten und Komponentenarchitektur
  • Inputs und Outputs
  • Kommunikation zwischen Komponenten
  • Composition API
VueJS Logo

Vue Formulare und Rest-APIs

Nach den Grundlagen gehen wir zu den Themen über, die den Kern von jeder Anwedung bilden.

  • Formulare
  • Validatoren und Fehlermeldungen
  • Formulare über Templates und Models
  • Zugriff auf eine REST-API
  • Authentifizierung / Login
VueJS Logo

VueJS weiterführende Themen

Die restliche Zeit widmen wir individuellen Themenwünschen. Hierbei kann die Gruppe wählen, welche Themen am relevantesten für sie sind. Wir haben über 600 Folien, aus denen ad hoc ausgewählt werden kann.

  • Lifecycle hooks
  • Mixins
  • Statemanagement mit Vuex
  • Performance
  • Benutzung von 3rd-Party-Komponenten
VueJS 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
VueJS Logo

Testing & Debugging

Manuelles Testen ist sehr Zeitaufwendung und lenkt euch von der eigentlichen Entwicklung ab. Mit einer sinnvollen Testabdeckung könnt ihr langfristig wartbare Anwendung entwickeln. Ob Unit oder End-to-End Test - lernt die Vor- und Nachteile und wann welcher Test sinnvoll ist.

  • Unit Tests vs. End-to-End Tests
  • Unit Testing
  • End-To-End Testing mit Protractor
  • Source Maps
  • Vue Browser Extensions
  • DevTools

Kosteneffizienz

Spare Kosten.

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

Geld sparen

Trainer

Lerne von den Besten.

Seit 2019 schulen wir Entwickler zum Thema VueJS. 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.

Unter anderem sind wir:

  • Google-Developer-Experts
  • Erfahrene Softwareentwickler mit Fokus auf das Web
  • Buch- und Artikel-Autoren
  • Aktive Mitglieder der VueJS-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öhnlicheren 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 VueJS 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.

Im Normalfall beginnen unsere Schulungen 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.


Termin flexibel
Standarddauer 3 Tage