WS3 - Webapp bauen mit Vue.js

Workshoptag - 11. September 9:00 Uhr - 17:00 Uhr

Vue.js ist ein kleines, aber mächtiges Framework, welches sich äußert einfach erlernen lässt. Egal ob du mit anderen SPA Frameworks gearbeitet hast oder einen jQuery/Javascript Background hast, solange dir Javascript, HTML & CSS keine Fremdwörter sind, ist dieser Workshop für dich geeignet. Ziel dieses Workshops wird es sein, dich mit sämtlichen Informationen zu rüsten um eine eigene Vue.js Applikation erstellen zu können. Wir starten bei null und werden versuchen möglichst viele Konzepte von Vue.js durchzugehen, hierzu zählen: Erstellen einer Vue.js Applikation, Daten rendern, Komponenten bauen, User Input behandeln, Kommunikation zwischen den Komponenten, Routing u. v. m.

Agenda:

  • Kurze Einführung in Vue.js
  • Aufsetzen eines Vue.js Projekts
  • Umgang mit der Vue CLI
  • Anzeigen und Verwalten von Daten
  • Templates und Conditional Rendering
  • Umgang mit User Input
  • Komponenten bauen und zusammensetzen
  • Kommunikation zwischen den Komponenten
  • Class und Stylebinding
  • Mit externen APIs kommunizieren
  • Routing

Die Teilnehmer sollten ein grundlegendes Wissen in Javascript, CSS und HTML5 mitbringen darüber hinaus folgende technische Ausstattung:

  • Laptop mit WIN 10 / OSX

SETUP:

  • Wir brauchen für den Workshop einen Editor, meine Empfehlung: Visual Studio Code installieren https://code.visualstudio.com/download
  • Natürlich einen entsprechenden Browser: Meine Empfehlung Google Chrome.  
  • Installiert bitte über die Google Chrome Extensions die Vue Dev Tools -> https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
  • Node.js muss installiert werden (https://nodejs.org/en/) -> aktuelle TLS Version installieren. anschließend in Commandline: node -v  hier müsste die Version eurer installierten TLS Version erscheinen.  
    mit der Installation von node.js müsste auch npm installiert sein, auch hier einfach kurz testen mit Eingabe in Commandline: npm -v 
  • Anschließend sollte die vue cli installiert werden, in der Commandline folgenden Befehl ausführen: npm install -g @vue/cli
  • Als letztes brauchen wir noch GIT damit wir die Repositorys klonen und darauf arbeiten können. Git könnt ihr entweder über Visual Studio code oder hierüber installieren: https://git-scm.com/download 
    Sobald die installation abgeschlossen ist, wieder kurz in der Commandline testen: git --version
Raum
wird noch festgelegt
Sprecher
Alexander Eiswirth

Log in

create an account