Zurück zum Programm

14.11.2023 - 09:00 Uhr

Moderne Webentwicklung mit Vue 3: Einsteigen und Durchstarten

Vue.js ist ein beliebtes, mod­ernes JavaScript-Frame­work zur Entwick­lung von inter­ak­tiv­en Weban­wen­dun­gen. Dieser Work­shop richtet sich an Teil­nehmerin­nen und Teil­nehmer ohne Vorken­nt­nisse in der Nutzung von JavaScript-Frame­works und bietet eine umfassende Ein­führung in die Grund­la­gen von Vue 3. Lediglich grundle­gende Ken­nt­nisse in HTML, CSS und JavaScript wer­den vorausgesetzt.

Inhalte

Ein­führung in Vue.js und seine Kernkonzepte

  • Was ist Vue.js und warum wird es verwendet?
  • Instal­la­tion und Ein­rich­tung eines Vue-Projekts

Kom­po­nen­ten­basierte Entwicklung

  •   Erstel­lung und Ver­wen­dung von Vue-Komponenten
  •   Dat­en und Eigen­schaften in Komponenten

Daten­bindung und Anzeige

  •   Ver­ste­hen der uni­di­rek­tionalen Datenbindung
  •   Ver­wen­dung von Mus­tache-Syn­tax und Direktiven

Event Han­dling

  •   Reagieren auf Benutzerinteraktionen
  •   Aus­lösen von eige­nen Events

Com­po­si­tion API und Reaktivität

  •   Ein­führung in die Com­po­si­tion API
  •   Ver­ste­hen von reak­tiv­en Updates

Rout­ing mit Vue Router

  •   Erstel­lung von mehr­seit­i­gen Anwen­dun­gen mit Vue Router
  •   Kon­fig­u­ra­tion von Routen und Navigation

Lernziele

Das Hauptziel dieses Workshops ist es, den Teilnehmern die grundlegenden Konzepte von Vue 3 zu vermitteln. Nach Abschluss des Workshops sollten die Teilnehmer in der Lage sein, einfache Webanwendungen unter Verwendung von Vue 3 zu entwickeln, Komponenten zu erstellen und zu verwenden sowie Datenbindung und Ereignisverwaltung zu verstehen.

Vorkenntnisse

Der Workshop richtet sich an Einsteiger, die grundlegende Kenntnisse in HTML, CSS und JavaScript haben, aber keine oder nur geringe Erfahrung mit Vue.js besitzen. Bringt Euren Laptop mit einer aktuellen Version von Node.js, Git und einem Texteditor mit (empfohlen: Visual Studio Code).
Alexander Lichter
Developmint
X: https://twitter.com/TheAlexLichter
Alex ist in seinen Zwanzigern und seit über 5 Jahren Web Development Consultant mit Frontend-Fokus. Wenn er nicht gerade an Open-Source-Projekten wie Nuxt.js arbeitet, hält er Vorträge oder Workshops auf Konferenzen, schreibt Blogbeiträge oder berät andere Unternehmen mit Schwerpunkt auf Vue und Nuxt.