Zurück

Wie baue ich performante Vue.js-Applikationen?

28. Juni 2021, 9–17 Uhr

Geschwindigkeit ist ein sehr wichtiger Erfolgsfaktor von Webapplikationen. Doch was ist gemeint mit Geschwindigkeit? Die Dauer bis alles in den Browser geladen wurde? Die Zeit bis zum ersten Anzeigen von Informationen auf der Seite? Die Geschwindigkeit während Laufzeit und der dazugehörige Speicherverbrauch?

Diese Fragen werden wir in diesem Workshop genauer betrachten. Wir schauen welche großen Flaschenhälse existieren, um Mikrooptimierungen zu vermeiden. Wie wir ein Budget für unsere Vue.js-Applikation schon frühzeitig im Projekt etablieren und wie uns Werkzeuge und die neue Version 3 von Vue.js dabei unterstützen performante Web-Applikationen zu erstellen. Wir werden gemeinsam eine bestehende Vue.js-Webapplikation mit den erworbenen Kenntnisse optimieren.

Vorkenntnisse

Grundlegende JavaScript Kenntnisse und Erfahrung mit Vue.js

Agenda

09:00–10:00 Uhr: Zeit, Geschwindigkeit, Performance?
10:00–10:15 Uhr: Pause
10:15–11:00 Uhr: Metriken und Budget
11:00–11:15 Uhr: Pause
11:15–12:00 Uhr: Werkzeuge
12:00–13:00 Uhr: Mittagspause
13:00–14:15 Uhr: Schnell mit Vue 2
14:15–14:30 Uhr: Pause
14:30–15:30 Uhr: Noch schneller mit Vue 3
15:30–15:45 Uhr: Pause
15:45–16:45 Uhr: Paketieren mit Webpack
16:45–17:00 Uhr: Abschluss und Ausblick

Technische Anforderungen

Für diesen Workshop ist eine stabile Internetverbindung und ein registrierter GitHub-Account notwendig. Die Teilnehmenden sollten vorab die aktuelle Version von Node.js (14.16.0 LTS oder höher) und einen modernen Webbrowser installieren. Für die Übungen ist eine IDE oder ein Editor für JavaScript- mit Vue.js-Integration empfohlen. Der Trainer verwendet das kostenlose Visual Studio Code.

Speaker

Béla Varga ist JavaScript-Entwickler und -Trainer. Als Meetup und Konferenz-Organisator zeigt er aktiv Einsatz für die JavaScript Community. Sein Wissen vermittelt er an Hochschulen und als Trainer für JavaScript und Vue.js bei workshops.de.

Jetzt Tickets sichern

enterJS-Newsletter

Du möchtest über die enterJS
auf dem Laufenden gehalten werden?

Anmelden