Schulung Vue.js Einführung: Grundlagen für Web-Entwickler
3 Tage / S2050
Schulungsformen
Offene Schulung
- 3 Tage
- 4 Termine
- 1.730,00 zzgl. MwSt.
- Köln
Learning & Networking in einem. Garantierte Durchführung ab 1 Teilnehmer.
Inhouse-/Firmenschulung
- 3 Tage - anpassbar
- Termin nach Wunsch
- Preis nach Angebot
- In Ihrem Hause oder bei der GFU
Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
Individualschulung
- 3 Tage - anpassbar
- Termin nach Wunsch
- Preis nach Angebot
- In Ihrem Hause oder bei der GFU
1 Teilnehmer = max. Fokus aufs Fachliche und max. Raum für individuelle Fragen.
Beschreibung
Das Vue.js-Framework ist ein einfach zu verwendendes und mächtiges JavaScript-Framework für die Erstellung von Desktop und Mobile Web-Apps. In dieser Veranstaltung lernen Sie die Grundlagen der Entwicklung mit Vue.js kennen, inklusive der Erstellung und Anwendung von Components, Directives, Filters, Routing, Zustandsverwaltung mit Vuex sowie die Verteilung auf Webserver-Produktionssysteme.
Schulungsziel
Nach dieser Veranstaltung kennen Sie die Grundlagen von Vue.js und können mit Components, Directives, Filters, Routing und dem Vuex-Store professionelle Web-Anwendungen erstellen.
Details
Inhalt
- Einstieg in Vue.js und das Vue.js CLI
- Konzepte von Vue.js
- Konfiguration der Umgebung
- Neue Projekte mit dem Vue.js CLI erzeugen
- Erstellen einer Start-Seite
- Vue.js Components und die Vue.js Template-Syntax
- Globale Vue.js-Components vs. Single-file-Vue.js-Components
- Erstellen von Components
- Data-Binding mit Attributes und v-bind
- Event-Binding mit v-on
- Verwenden der Shorthand Bindings
- Binding von Computed Properties
- Darstellung von Daten mit Interpolation
- Bedingte Darstellung von Inhalten mit v-if und v-show
- Elemente wiederholen mit v-for
- Styling von Components
- Styling von Child-Components
- Bedingte Formatierung mit Style Bindings
- Bedingte Formatierung mit Class Bindings
- Verwendung von SASS und anderen CSS-Präprozessoren
- Verwendung der Component Lifecycle Hooks
- Kommunikation von Components
- Erstellen von Child-Components
- Datenaustausch mit Child-Components über Props
- Validierung von Props
- Weitergabe an Parent-Components mit Events
- Einfügen von Inhalten in Child-Components mit Slots
- Seitennavigation mit Routing
- Hinzufügen von Routing in eine Vue.js-App
- Verlinkung von Routen
- Styling von Links mit der ActiveRoute
- Navigating per JavaScript-Code
- Arbeiten mit Routen-Parameter
- Weitergabe von Params als Props
- Verwendung von geschachtelten Routen
- Verwendung von benannten Views
- Aktivieren des HTML5-History-Modus
- Schutz von Seiten mit den Navigation-Guards
- Verwaltung von Zuständen und Server Kommunikation mit Vuex
- Erstellen eines Vuex-Store
- Verändern des Vuex-Store-State mit Mutations
- Laden von Elementen aus dem Vuex-Store
- Verwenden von Vuex-Getter für berechnete Daten
- Verwenden von Actions für das Lesen von Daten über ein API
- Verwenden von Actions für das Speichern von Daten über ein API
- Rückgabe von Promises aus Actions
- Organisation des Store mit Modulen
- Organisation der Module mit Namensräumen
- Global- und Namespaced-State
- Verwendung der Vuex-Helper: MapGetters, MapActions, MapMutations
- Erstellen von Custom Directives und Filters
- Erzeugen einer Custom Directive
- Datenübergabe an Directives
- Verwenden der Directive-Lifecycle-Hooks
- Globale Directives
- Erzeugen eines Custom Filter
- Globale Filters
- Verteilung von Vue.js Applikationen
- Erstellen eines Vue.js Build mit dem Vue.js-CLI
- Verwendung von Umgebungsvariablen und Build-Modes
- Verteilung auf einen Produktion-Webserver
- Verwendung von serverbasiertem Deep Linking
- Anpassung der Webpack-Konfiguration
Wer teilnehmen sollte
Web-Entwickler, Web-Programmierer und Web-Worker mit Grundkenntnissen in HTML, CSS und JavaScript, die Web-Anwendungen und Single-Page-Apps (SPA) mit Vue.js erstellen wollen.
Ihre Schulung
| Lernmethode: | Ausgewogene Mischung aus Theorie und Praxis |
| Unterlagen: | Seminarunterlagen oder Fachbuch zum Seminar inklusive, das man nach Rücksprache mit dem Trainer individuell auswählen kann |
| Arbeitsplatz: |
PC/VMs für jeden Teilnehmer Hochwertige und performante Hardware Große, höhenverstellbare Bildschirme Zugang zu Ihrem Firmennetz erlaubt |
| Lernumgebung: | Neu aufgesetzte Systeme für jeden Kurs in Abstimmung mit dem Seminarleiter. |
| Arbeitsmaterialien: | Din A4 Block, Notizblock, Kugelschreiber, USB-Stick, Textmarker, Post-its |
| Teilnahmebescheinigung: | Wird am Ende des Seminars ausgehändigt, inkl. Inhaltsverzeichnis |
Organisation
| Teilnehmerzahl: | min. 1, max. 8 Personen |
| Garantierte Durchführung : | Ab einem Teilnehmer |
| Schulungszeiten: | 3 Tage, 1. Tag 10:00 - 17:00 Uhr, Folgetage 09:00 - 16:00 Uhr |
| Ort der Schulung: |
GFU Schulungszentrum Am Grauen Stein 27 51105 Köln-Deutz oder europaweit bei Ihnen als Inhouse-Schulung |
| Räumlichkeiten: | Helle und modern ausgestattete Räume mit perfekter Infrastruktur |
| Preisvorteil : | Der dritte Mitarbeiter nimmt kostenfrei teil. |
| All-Inclusive: | Frühstück, Snacks und Getränke ganztägig, Mittagessen im eigenen Restaurant, täglich 6 Menüs, auch vegetarisch |
| Barrierefreiheit: | Das GFU-Schulungszentrum(Am Grauen Stein 27) ist barrierefrei |
Buchen ohne Risiko
| Rechnungsstellung: | Erst nach dem erfolgreichen Seminar. Keine Vorkasse. |
| Stornierung: | Kostenfrei bis zum Vortag des Seminars |
| Vormerken statt buchen: | Sichern Sie sich unverbindlich Ihren Seminarplatz schon vor der Buchung - auch wenn Sie selbst nicht berechtigt sind zu buchen |
| Bildungsgutschein: | Bildungsscheck NRW, Bildungsprämie |
Kostenfreie Services
Kundenbewertungen
Über das Seminar
Grundsätzlich war alles in Ordnung. Aus fachlicher und methodischer Sicht war alles ok -> nur etwas zu schnell.
Über die GFU
Vue.js Einführung: Grundlagen für Web-Entwickler:
Rundum gute Betreuung seitens der GFU und nette Mitarbeiter.
