Complete Vue.js 3 (Inc. Composition API, Vue Router, Vuex)_1

Complete Vue.js 3 (Inc. Composition API, Vue Router, Vuex), available at $27.99, has an average rating of 4.66, with 86 lectures, based on 1048 reviews, and has 16016 subscribers.

You will learn about Vue JS 3 from scratch Options and Composition API Vuex Vue Router Creating reusable components Design Patterns Front-end Routing This course is ideal for individuals who are Beginner/intermediate web developers or Developers looking to try out new Vue JS 3 features It is particularly useful for Beginner/intermediate web developers or Developers looking to try out new Vue JS 3 features.

Enroll now: Complete Vue.js 3 (Inc. Composition API, Vue Router, Vuex)

Summary

Title: Complete Vue.js 3 (Inc. Composition API, Vue Router, Vuex)

Price: $27.99

Average Rating: 4.66

Number of Lectures: 86

Number of Published Lectures: 85

Number of Curriculum Items: 86

Number of Published Curriculum Objects: 85

Original Price: $27.99

Quality Status: approved

Status: Live

What You Will Learn

Vue JS 3 from scratch

Options and Composition API

Vuex

Vue Router

Creating reusable components

Design Patterns

Front-end Routing

Who Should Attend

Beginner/intermediate web developers

Developers looking to try out new Vue JS 3 features

Target Audiences

Beginner/intermediate web developers

Developers looking to try out new Vue JS 3 features

Another Vue.js 3 from zero to hero course – kind of. This course is for developers who want to move fast. We cover the traditional way of building Vue apps – the Options API – as well as the the new Composition API, and even see how you can mix and match them together.

There are 8 modules; 4 introduce fundamental skills (Options API; Composition API; Vuex and Vue Router). The remaining four modules are projects, so you can see how to apply the fundamental skills in real apps. I am a big believer in learning by doing.

After learning both the Options and Composition API, we see how to use them both with Vuex and Vue Router, and talk about the different use-cases and trade-offs to consider.

Finally, as we progress through, our focus starts to shift from not only how to build apps with Vue, but to thinking about how we architect things; how components should communicate, where data should be saved (also known as state management) and how it flows through the app.

The course is taught by Vue.js team member Lachlan Miller, so you can be confident you are in good hands.

After covering Vue; we look at Vuex, Vue’s state management solution, and Vue Router, for front-end routing. The course culminates with a capstone project, using the three core Vue libraries (Vue, Vuex, Vue Router) to build an application.

Course Curriculum

Chapter 1: Course Introduction

Lecture 1: Notes before starting

Lecture 2: Introduction

Lecture 3: Your First Vue.js App

Lecture 4: Adding a Template Property

Lecture 5: User Interactions with Methods

Lecture 6: Control Flow with v-if and v-else

Lecture 7: Loops with v-for

Lecture 8: Computed Properties

Lecture 9: Class Bindings

Lecture 10: Input Validation

Lecture 11: The Amazing v-model

Lecture 12: Your First Component

Lecture 13: Component Props

Lecture 14: Child-Parent Communication with Events

Lecture 15: Source Code for Upcoming Projects

Chapter 2: Project 1: User Sign-up Form with Validation

Lecture 1: Project #1: User Sign-up Form w/ Validation

Lecture 2: Single File Components

Lecture 3: A Custom Button Component

Lecture 4: Custom Input Foundations

Lecture 5: Dynamic Validation

Lecture 6: Rethinking the Form State

Lecture 7: Validating the Form

Lecture 8: Submitting the Form and Finishing Up

Chapter 3: Project #2: Pokemon Evolutions

Lecture 1: Project #2: Pokemon Evolutions

Lecture 2: Creating the Card Foundations

Lecture 3: Loading Remote Data with Fetch

Lecture 4: Fetching Multiple Data Sources

Lecture 5: Lifecycle Hooks

Lecture 6: Rendering Content

Lecture 7: Modular Components with Slots

Lecture 8: Reusing Code to Fetch Evolutions

Lecture 9: Better Styles with Class Bindings

Lecture 10: Separating Business Logic and Presentation Components

Chapter 4: Composition Fundamentals

Lecture 1: Composition Fundamentals Introduction

Lecture 2: Hello, Composition API!

Lecture 3: Reactivity with ref

Lecture 4: Reactive for Complex Values

Lecture 5: Composing Computed Properties

Lecture 6: Watch and Watch Effect

Lecture 7: Before and After with watch

Lecture 8: The useNumbers Composable

Lecture 9: Open Source Library: Vue Use

Chapter 5: Project #3: Composing a Microblog

Lecture 1: Projet #3: Microblog (with the Composition API)

Lecture 2: Creating the Microblog Store

Lecture 3: Render Posts with the Card Component

Lecture 4: The Hashtag Component

Lecture 5: Emitting Events with the Composition API

Lecture 6: Filtering Posts with Computed

Lecture 7: Refactoring with the Posts Store

Lecture 8: Liking a Post

Lecture 9: Searching for Hashtags

Lecture 10: Mind Blowing Fefactor and Exercises

Chapter 6: Vue Router Fundamentals

Lecture 1: Vue Router Fundamentals

Lecture 2: Hello Vue Router

Lecture 3: The Router Link component

Lecture 4: Children and Nested Routes

Lecture 5: Route Params with the Composition API

Lecture 6: New Post Route

Lecture 7: New Post Form

Lecture 8: usePosts Composable

Lecture 9: Redirects with Vue Router

Lecture 10: Options API Refactor

Chapter 7: Vuex Fundamentals

Lecture 1: Introduction to Vuex

Lecture 2: Create a Vuex Store and State

Lecture 3: Updating State with Mutations

Lecture 4: More on Mutations

Lecture 5: Dispatching Actions

Lecture 6: Mocking the Server and Fetching Posts

Lecture 7: Showing the Current Post

Lecture 8: Vuex Getters

Lecture 9: Scaling Vuex with Modules

Lecture 10: Options API Refactor

Chapter 8: Project #4: Capstone Project

Lecture 1: Introduction to the Capstone Project

Lecture 2: Setting Up Vuex

Lecture 3: Reusable Layouts

Lecture 4: Fetching Albums with Fetch

Lecture 5: Data Fetching Workflow with Vuex

Lecture 6: Creating the Album Component

Lecture 7: Fetching Thousands of Photos

Lecture 8: Adding Routing

Lecture 9: Improved Routing

Lecture 10: Routing with Router Link

Lecture 11: watchEffect and Routing Params

Lecture 12: Vuex Level Caching for Better Performance

Lecture 13: Parting Words and Recommendations

Instructors

Lachlan Miller
Software Engineer

Rating Distribution

1 stars: 9 votes

2 stars: 8 votes

3 stars: 75 votes

4 stars: 374 votes

5 stars: 582 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!