Lerne die Grundlagen von TypeScript und Vue.js 3 anhand eines praktischen Beispiels.
Einsteiger · 3 bis 5 Tage · Remote · Offene Schulung oder Inhouse
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.
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.
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.
Vue.js Grundlagen:
<script setup>-Syntax. v-if, v-for, v-bind, v-on. Formular-Management:
v-model. Navigation mit Vue Router 4:
State Management mit Pinia:
Modernes Tooling & Praxisprojekt:
Alle Materialien und Aufgaben sind im Classroom verfügbar und können auch nach dem Workshop abgerufen werden.
Zur Vorbereitung steht dir unser kostenloses JavaScript-Vorbereitungsmodul direkt im Kurs zur Verfügung.
Für eine umfassendere Einarbeitung in die Grundlagen kannst du auch unsere Intensiv-Schulungen besuchen: HTML & CSS Intensiv-Schulung, JavaScript Intensiv-Schulung und TypeScript Intensiv-Schulung.
Dieser Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Kurs richtet sich an Einsteiger.
Eine hervorragend strukturierte Vue.js-Einsteigerschulung von einem erstklassigen Trainer, der die Erwartungen der Teilnehmenden vollständig berücksichtigt und sein Schulungsmaterial optimal darauf ausrichtet.
Teilgenommen an Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Ich habe noch viel zu lernen, aber jetzt habe ich einen besseren Überblick über den Weg der vor mir liegt.
Teilgenommen an Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Die Vue.js-Schulung bei Joe war wirklich lehrreich und hat Spaß gemacht. Ich kann sie jedem empfehlen, der mit Vue.js starten oder sein Wissen ausbauen möchte.
Teilgenommen an Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Ich kann die Vuejs Schulung bei Florian absolut jedem Empfehlen, der Vuejs Skill aufbauen möchte.
Teilgenommen an Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Ausgezeichnet strukturierter Workshop.
Teilgenommen an Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
War wirklich super und hat Spaß gemacht :)
Teilgenommen an Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Unsere öffentlichen Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Remote-Kurse finden von 9:00 bis 13:00 Uhr statt, Vor-Ort Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Schulungen von 9:00 bis 16:30 Uhr.
Für Inhouse-Seminare sind individuelle Anpassungen möglich.
Ja. Am Ende jedes unserer Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Seminare erhalten Teilnehmende ein unterschriebenes Teilnahmezertifikat.
Das Zertifikat enthält eine Verifizierungs-URL und kann auf deinem LinkedIn-Profil geteilt werden. Erfahre mehr über die Verwaltung von Zertifikaten auf LinkedIn.
Ja, wir bieten unsere Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Seminare auf Deutsch und Englisch an.
Öffentliche Termine werden auf Deutsch gehalten, außer es ist explizit anders vermerkt.
Inhouse-Seminare können in der gewünschten Sprache durchgeführt werden.
Alle Unterlagen und Übungen sind komplett auf Englisch verfügbar.
Ja. Wir bieten unsere Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Seminare sowohl Remote als auch Vor Ort an. Dank unseres virtuellen Klassenraums kannst du bequem von überall an unseren Workshops teilnehmen. Unsere Online-Präsentationen werden regelmäßig aktualisiert und du hast nach der Schulung dauerhaften Zugriff darauf. Die Übungen können über ein Online-Interface aufgerufen und von uns freigeschaltet werden. Wir haben hier einige Aufgaben ergänzt, die dich für die Durchführung eines Remote-Workshops vorbereiten.
Wir bieten auch Inhouse-Seminare und öffentliche Schulungen vor Ort an. In unserer Terminübersicht siehst du den jeweiligen Veranstaltungsort der Schulungen. Für Inhouse-Schulungen besprechen wir die Veranstaltungsort-Details gerne individuell mit dir.
Für öffentliche Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Seminare nutzen wir neben unserem Classroom das Online-Meeting-Tool Zoom.
Innerhalb der Vorbereitung ist auch ein Test-Link aufgeführt, der euch diese Technologie testen lässt. Der Remote-Workshop ist darauf konzipiert, dass alle an verschiedenen Orten sitzen und jeder mit seinem eigenen Rechner mitarbeitet.
Für Inhouse-Seminare können wir das Meeting über Zoom oder Microsoft Teams durchführen.
Andere Meeting-Software ist nach Absprache möglich.
Für unsere Inhouse-Seminare bieten wir zusätzlich Code-Mentoring an.
Was ist Code-Mentoring?
Für Teilnehmende öffentlicher Schulungen empfehlen wir den Beitritt zu unserem Community Discord Server.
Deine Vorteile auf Discord:
Unsere Trainer:innen sind erfahrene Experten aus der Praxis:
Ja. Sie können Ihre Leitweg-ID direkt in unserem Bestellformular angeben. Unsere Rechnungen werden als ZUGFeRD-PDFs direkt nach der Buchung verschickt.
Haben Sie eine Leitweg-ID angegeben, wird unser Team benachrichtigt und wir kümmern uns um den Upload zum Portal. Sollten wir weitere Informationen benötigen, melden wir uns nach der Buchung bei Ihnen.
Schreib uns einfach eine E-Mail. Wenn du einen persönlicheren Kontakt bevorzugst, freut sich Britta auch über einen Anruf!
