Das bringt euch die Vue.js 3 & TypeScript Schulung
Als Entwickler:in
-
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.
Als Entscheider:in
-
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.
Über die Vue.js 3 & TypeScript 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.
Was ihr lernen werdet
Dies ist unsere empfohlene Agenda für die Vue.js 3 & TypeScript Intensiv-Schulung. Wir verfügen darüber hinaus über weiteres Kursmaterial, um Themen einfach nach Bedarf auszutauschen.
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
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
Was ihr wissen solltet
Das solltet ihr mitbringen
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.
Zielgruppe
Dieser Vue.js 3 & TypeScript Kurs richtet sich an Einsteiger.
Was enthalten ist
