Vue.js & JavaScript Intensiv-Schulung
Vue.js
es geht auch einfach
Unsere Schulungen machen dich fit für den produktiven Einsatz von Vue.js.
Interaktiver Workshop
Lernen, aber richtig
Mit unseren Vue.js Schulungen erhaltet Ihr einen professionellen Einstieg in das Framework. Dabei lernt Ihr, wie die Architektur dahinter aufgebaut ist und wie Ihr komplexe und skalierbare Webanwendungen im Handumdrehen realisieren könnt. Zu den Themen zählen z. B.: Single-File-Components, Formular-Erstellung, Props und Custom Event Handling, Routing, Zustandsverwaltung, Lifecycle hooks und vieles mehr.
Ihr gewinnt praxiserprobtes Wissen aus dem Entwickleralltag. Denn unsere Dozenten lehren zwar, sind aber auch erfahrene und langjährige Entwickler, die Euch viele Tipps und Tricks verraten könnten. Deshalb werdet Ihr auch viele Beispiele aus bereits realisierten Projekten vorgestellt bekommen.
Und wenn Ihr was mal genau wissen wollt: einfach fragen. Unsere Schulungen sind nämlich so aufgebaut, dass viel Zeit für Praxis, Diskussionen und Nachfragen bleibt. Anschließend erstellt Ihr Eure eigenen Vue.js Anwendungen. Schließlich liegt der Praxisanteil bei unseren Schulungen bei über 60 %. Nur so könnt Ihr wirklich etwas lernen.
Was sind Vue.js bzw. JavaScript?
Ein Kurzüberblick, um was es geht.
Vue.js
Mit über 1.3 Mio. Nutzern zählt Vue.js schon heute zu den populärsten JaveScript Frameworks neben Angular und React und ist ideal für die Erstellung von Frontend-Anwendungen. Unternehmen wie Google, Apple, Microsoft, Pixar, Nasa, Xiaomi, Alibaga, Gitlab, Adobe oder Reuters setzen darauf. Natürlich ist Vue.js jünger als die anderen Frameworks, aber das hat dennoch entscheidende Vorteile. So konnte Entwickler Evan You die besten Funktionen und Vorteile anderer Frameworks herauspicken und in Vue.js integrieren. Clever, oder? Vue.js ist somit der Mittelweg zwischen Angular (für komplexe Enterprise-Anwendungen) und React (kleinere und individualisierbare Projekte). Das JavaScript Framework ist zudem sehr einsteigerfreundlich, da es sehr strukturiert aufgebaut ist.
JavaScript
JavaScript ist in der heutigen Welt der Softwareentwicklung allgegenwärtig. Es bildet die Grundlage der Frontend-Webentwicklung. Es kann auch dabei helfen, solide Backends mit Plattformen wie Nodejs zu erstellen, führt Desktop-Anwendungen wie Slack, Atom und Spotify aus und läuft auf Mobiltelefonen als Progressive Web Apps (PWAs). Kurz gesagt, JavaScript ist überall - und das aus guten Gründen.
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%.
Grundlagen JavaScript
Wir starten mit einer kurzen Einführung in JavaScript (ca. 3 Stunden). Dort lernen wir die Grundlagen für den anschließenden Vue.js-Teil.
- Destructuring
- Datentypen
- Template Strings
- Modules (export/import)
- Scope
- Fat Arrow
- Equality operator
- Truthy/Falsy values
- Nullish coalescing
- Promises (async/await)
- Best Practises
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 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 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
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
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 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.
Trainer:innen
Lerne von den Besten.
Antony Konstantinidis
Béla Varga
Florian Weidinger
Gabriel Heinrich
Joe Ray Gregory
Konstantin Pentarakis
Matthias Lang
Peter Hecker
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?
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.
Workshops.DE