Sichere dir 10% Rabatt auf alle Öffentliche und Inhouse Schulungen mit dem Code 🐣🐰
Rabatt-Code OSTERN

Vue.js 3 & TypeScript

Intensiv-Schulung

Vue.js 3 & TypeScript Schulung/Seminar/Workshop
Dieser Kurs findet Remote vom 05.05. - 12.05.2021 (KW18) statt.
Weitere Termine für Vue.js 3 & TypeScript »

Über die Vue.js 3 & TypeScript Intensiv-Schulung

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.

Eine Gruppe Workshop Teilnehmer:innen sitzt an einem Tisch und jubelt

Das sagen unsere Absolvent:innen

Nach jeder Vue.js 3 & TypeScript Schulung bitten wir
unsere Teilnehmenden um eine Bewertung.
4.8/5
163 erhaltene Bewertungen
Sascha Kleiber Vue.js 3 & TypeScript
Sascha Kleiber
Vue.js 3 & TypeScript Teilnehmender

Ein Workshop, der mich vieles bei der täglichen Arbeit besser verstehen lässt und mein Interesse an diesem Framework verstärkt hat.

Remote,
Uli Hansen Vue.js 3 & TypeScript
Uli Hansen
Vue.js 3 & TypeScript Teilnehmender

Ein großes Thema

Remote,
Illustration eines Teilnehmenden Vue.js 3 & TypeScript
Auf Wunsch anonymisiert
Vue.js 3 & TypeScript Teilnehmender

Gutes Lerntempo. Viele Beispiele. Viele Tipps. Einfach toll

Remote,
Illustration eines Teilnehmenden Vue.js 3 & TypeScript
Auf Wunsch anonymisiert
Vue.js 3 & TypeScript Teilnehmender

Tolles Lerntempo! Habe viel mitgenommen und es wurde nicht langweilig.

Remote,

Agenda

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 3 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?
  • API Styles & Tooling
  • Reactivity Fundamentals
  • Projektsetup mit Vite
  • Templates & Template-Syntax
  • Direktiven und Event Handling
  • Formulare und Validierung
  • Komponenten und Komponentendesign
  • Props & Event Handling
  • Computed Properties & Watcher
  • Data-Flow
  • Lifecycle hooks
  • Slots
  • Routing
  • Zugriff auf eine REST-API
  • State-Management mit Pinia

Veranstaltungsort

Remote Außenansicht

Remote Workshop

Dieser Workshop findet Remote statt. Wir arbeiten hierbei mit einem Video-Konferenz-System und unserem virtuellen Klassenraum. Alle Infos hierzu haben wir in einem kleinen Artikel über unsere Remote Workshops zusammengefasst.

Diese Schulung wird über 6 Tage durchgeführt. Beginn ist jeweils um 09:00 und Ende um 13:00.

Ihr bekommt vor der Schulung eine genaue Anleitung wie und was ihr installieren müsst. Außerdem könnt ihr uns natürlich bei Problemen und Rückfragen jederzeit schreiben oder uns anrufen.

Fragen und Antworten

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 macOS. Weiterhin eine aktuelle Version von NodeJS mit einigen Paketen. Hierzu bekommst du eine Schritt-für-Schritt Anleitung nach deiner Anmeldung zu diesem Workshop.

Schulungszeiten

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

Bei Remote-Schulungen teilen wir die Kurse nach Wunsch gerne auf mehrere halbe Tage auf. So finden unsere Vormittags-Kurse von 9:00 bis 12:00 statt und unsere Nachmittags-Kurse von 14:00 - 17:00. Das ermöglicht laufende Projektarbeit nicht ganz liegen lassen zu müssen oder sich auch um die Betreuung der Kinder zu kümmern.

In welcher Sprache sind die Trainings möglich?

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.

Bietet ihr die Trainings auch Remote an?

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

6.726 Teilnehmende haben bereits workshops.de Schulungen besucht, einschließlich Mitarbeiter:innen folgender Unternehmen
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