Vue Basics Workshop What and Why js Framework? Vue, React, Angular About this Workshop Set up variations IDEs & Plugins Package Manager GitHub repo What are we going to do? Basics and Core Concepts Interpolation and Data Binding Events and Methods Native Event Object and Event Modifiers Data & Event Binding = Two-way Binding Vue-model & Methods Computed Properties Watchers Methods vs Computed Properties vs Watchers Dynamic Styles Conditional Rendering (while developing app) v-if v-for Router Register & Render Routes Navigate with router-link Programmatic Navigation Dynamic Paths Redirecting & Catch-all Route Nested Routes Components Component Communication Props: Parent => Child Custom Events: Child => Parent Slots Vuex Creating and Using the Store State Mutations Getters Actions: Run Async Code Using Mapper Helpers Organize Code with Modules Namespacing Optional Vue: Behind the Scenes Reactivity How Vue Updates the DOM Vue App Lifecycle Forms Using v-model Validation and Conditional Error Messages Checkboxes / Radio Buttons What's next? Authentication & Authorization Reusing Functionality Composition API TypeScript Animations & Transitions Frameworks worth mentioning