Learn Vue 2: Step By Step

Vue is easily one of the most exciting additions to the front-end world in many years. With its intuitive API, and the fact that it can be applied to any type of application, it's no wonder why folks have gravitated to it as much as they have. If you'd like to jump on board, let me show you, step by step, exactly what you need to know. It's the best way to learn Vue!

• Basic Data Binding
• Setup Vue Devtools
• Lists
• Vue Event Listeners
• Attribute and Class Binding
• The Need for Computed Properties
• Components 101
• Components Within Components
• Practical Component Exercise #1: Message
• Practical Component Exercise #2: Modal
• Practical Component Exercise #3: Tabs
• Component Communication Example #1: Custom Events
• Component Communication Example #2: Event Dispatcher
• Named Slots in a Nutshell
• Single-Use Components and Inline Templates
• Webpack and vue-cli
• Hot Module Replacement
• Vue Ajax Requests With Axios
• Object-Oriented Forms: Part 1
• Object-Oriented Forms: Part 2
• Object-Oriented Forms: Part 3
• Webpack Config From Scratch
• This is Laravel Mix
• Shared State 101
• Custom Input Components
• Vue SPA Essentials: Routing
• SPAs and the Backend
• Vue Filters
• Dedicated Form Components
• Testing Vue: Part 1
• Vue Component Responsibility
• Vue Subclassing
• Scoped Slots
• Wrap Existing Tools into Components
• Create a Testimonials Component With Me
• The Difference Between Debounce and Throttle
• Mega Menus and One-to-One Relationships
• Vue Portal Use Case #2
• Workshop - Contact Support Modal
• Reusability
• Reusability: Part 2
• Fixed to the Top
• Fixed to the Top: Part 2
• Tooltips Three Ways
• Render Functions: Part 1
• Extract and Generalize: Infinite Scrolling Refactor
• Count Up
• Conditional Visibility and Vue Transitions
• Two-Way Databinding Review