Vue.js
Moderne, schnelle Single-Page-Webanwendungen mit Typescript und Vue.js
Bei Vue.js handelt es sich um ein Open Source JavaScript Frontend Framework. Es ist neben Googles Angular und React von Facebook, das dritte große Webframework zur Entwicklung von modernen, progressiven Webanwendungen. Vue.js zeichnet sich durch eine sehr flache Lernkurve aus und greift viele Paradigmen bekannter Frontend Frameworks wieder auf.
Daher haben Sie mit Vue.js den Vorteil, in Ihrem Unternehmen und Projekten, zu einer schnellen Umsetzung zu gelangen. Die Entwickler von Vue.js haben besonders viel Wert auf eine gute Performance, wenig Restriktionen und eine hohe Flexibilität gelegt.
Das Ziel dieses Trainings ist es, das Sie Vue.js sicher und eigenständig in Ihrem Projekt anwenden können. Auf Wunsch wird sich dieses Training an Ihrer Domain und Ihren Herausforderungen orientieren. Sie lernen die Grundlagen, die Anwendung an praktischen Beispielen und den sicheren Umgang mit den Werkzeugen, zur Entwicklung von Vue.js-Anwendungen.
Einführung
- Was Vue.js ist
- Vergleich von Vue.js mit anderen Web Frontend Frameworks
- Installation von Visual Studio Code und Vue CLI
- Optionen zum Projekt-Scaffolding und -Tooling
- Erstellung erster Projekte
Grundlagen
- Verwendung von TypeScript für Vue.js
- Data
- Templates
- Single File Components
- Directives
- Components
- Virtual DOM
- Interpolation
Arbeit mit Daten in Vue.js
- Vue Instances
- Data
- Options API vs Component API
- Lifecycle Methods
- Reaktivität in Vue
- Computed Properties
- Watchers
- Instance Methods
- Arbeiten mit Listen
Forms in Vue.js
- Bindings
- Event Handlers
- Modifiers
- Validation
- Props
Styling von Vue.js-Komponenten
- CSS Grundlagen
- Conditional Rendering
- Inline Styles
- Computed Style Objects
- Classes
Vue Router
- Navigation mit dem Vue Router
- Programmatische Navigation Route Guards
- Weitere Router APIs
State Management
- Selbstgebauter Store
- Vuex
- Pinia
- Weitere Optionen
Testing
- Testen von Komponenten
- Struktur zum Testen
- Stubbing und Mocking
Sonstiges
- Projektstrukturen
- Bestehende ASP.NET Core MVC-Anwendungen mit Vue.js erweitern
- Server Side Rendering
- Best Practices