Vue JS Basics

Dive into a comprehensive 2.5-hour tutorial on Vue.js fundamentals. Explore the Vue.js community and compare it with React. Learn essential concepts including data binding, style manipulation, and component development. Master list rendering, custom events, and form input components. Discover how to work with slots, create miscellaneous components, and implement animations and transitions. Gain practical skills through hands-on exercises and receive guidance on further learning resources to continue your Vue.js journey.

Syllabus

Vue JS Basics, Part 1: Introduction.
Vue JS Basics, Part 2: The Community.
Vue JS Basics, Part 3: Vue or React.
Vue JS Basics, Part 4: Initial Setup.
Vue JS Basics, Part 5: Data Binding with Models.
Vue JS Basics, Part 6: More Style Binding.
Vue JS Basics, Part 7: Adding Some Style.
Vue JS Basics, Part 8: Building a Toggle and Vue Dev Tools.
Vue JS Basics, Part 9: Recap.
Vue JS Basics, Part 10: Compute and Watch.
Vue JS Basics, Part 11: List Rendering.
Vue JS Basics, Part 12: Intro to Components.
Vue JS Basics, Part 13: Using V-ON with Custom Events.
Vue JS Basics, Part 14: Form Input Components using Custom Events.
Vue JS Basics, Part 15: Working with Slots.
Vue JS Basics, Part 16: Misc Components.
Vue JS Basics, Part 17: Animate and Transitions.
Vue JS Basics, Part 18: Where to Go Next.