HOME > Development > Vue JS 3 Complete Including Composition API Pinia

Vue JS 3 Complete Including Composition API Pinia

  • Development
  • Apr 19, 2025
SynopsisVue JS 3 Complete – Including Composition API & Pin...
Vue JS 3 Complete Including Composition API Pinia  No.1

Vue JS 3 Complete – Including Composition API & Pinia, available at $74.99, has an average rating of 4.65, with 63 lectures, based on 550 reviews, and has 7034 subscribers.

You will learn about From the basics to advanced in Vue JS 3 Develop complex single and multi-page applications in Vue JS Options API & Composition API Vuex & Vue Router Modern web development techniques Build multi-screen and component-based web apps State Management with Pinia (2023 Update) This course is ideal for individuals who are Web developers who want to master Vue JS to build modern web applications or Javascript programmers willing to learn Vue JS It is particularly useful for Web developers who want to master Vue JS to build modern web applications or Javascript programmers willing to learn Vue JS.

Enroll now: Vue JS 3 Complete – Including Composition API & Pinia

Summary

Title: Vue JS 3 Complete – Including Composition API & Pinia

Price: $74.99

Average Rating: 4.65

Number of Lectures: 63

Number of Published Lectures: 63

Number of Curriculum Items: 63

Number of Published Curriculum Objects: 63

Original Price: $99.99

Quality Status: approved

Status: Live

What You Will Learn

  • From the basics to advanced in Vue JS 3
  • Develop complex single and multi-page applications in Vue JS
  • Options API & Composition API
  • Vuex & Vue Router
  • Modern web development techniques
  • Build multi-screen and component-based web apps
  • State Management with Pinia (2023 Update)
  • Who Should Attend

  • Web developers who want to master Vue JS to build modern web applications
  • Javascript programmers willing to learn Vue JS
  • Target Audiences

  • Web developers who want to master Vue JS to build modern web applications
  • Javascript programmers willing to learn Vue JS
  • If you want to learn the most powerful Javascript framework for modern web development, this is the course you were looking for. Here you will learn Vue JS (v3) from the beginning in just a few hours.

    This course received a major update in 2023, including the Composition API & State Manegement with Pinia (The Vuex replacement).

    The course provides 6 real-life projects, challenges, and exercises to make you learn effectively in a short time.

    About Vue JS

    Vue JS is a progressive framework for building user interfaces. By progressive it means it is incrementally adoptable, so you can use it from simple specific areas of your websites to building complex single-page applications (SPA) with ease!

    If you want to go for the simple version, there’s no upfront installation required and you can instantly start using it in your HTML, CSS & Javascript project to do amazing things.

    If you decide to build more complex applications you can take advantage of the huge ecosystem of external libraries & UI frameworks to make your application achieve high performance and great usability.

    No matter what kind of web developer you are, Vue JS will undoubtedly change the way you see things and once you learn it, you will never want to use another framework.

    Course Curriculum

    Chapter 1: The Basics of Vue JS

    Lecture 1: Setting up the Workspace

    Lecture 2: Declarative Rendering and Data Objects

    Lecture 3: Setting up Vue Dev Tools

    Lecture 4: Directives and For Loops

    Lecture 5: Event Handlers – The v-on Directive

    Lecture 6: A Bug in Chrome Dev Tools

    Lecture 7: Event Modifiers (Stop Propagation) and Attribute Binding

    Lecture 8: Filling up The Order Details Section

    Lecture 9: Working with Methods

    Lecture 10: User Input and Two-Way Data Binding (Part 1)

    Lecture 11: User Input and Two-Way Data Binding (Part 2)

    Chapter 2: Project – To-Do List App

    Lecture 1: Project Presentation – To-Do List App

    Lecture 2: Setting up Vue JS

    Lecture 3: Adding To-Dos

    Lecture 4: Setting the Done & Undone Functionality

    Lecture 5: Using Localstorage to Load To-dos

    Lecture 6: Lifecycle Hooks

    Lecture 7: Loading Data from Localstorage

    Lecture 8: Updating Localstorage on Clear and Update

    Chapter 3: Quiz Game Project using the Vue CLI

    Lecture 1: Project Presentation – Quiz Game

    Lecture 2: Create a Vue JS Application with the Vue CLI

    Lecture 3: The Application Boiler Plate

    Lecture 4: Clean up Unused Component and HTML Structure

    Lecture 5: HTTP Requests with Axios

    Lecture 6: Making Requests to the Open Trivia API

    Lecture 7: Showing the Question Data on the Page

    Lecture 8: The Answers Array – Computed Properties

    Lecture 9: Shuffling the Answers Array

    Lecture 10: Rendering the Answers Radio Buttons

    Lecture 11: Submitting the Answer

    Lecture 12: Presenting the Result

    Lecture 13: Getting the Next Question

    Lecture 14: The Score Component

    Lecture 15: Passing Data to Child Components

    Chapter 4: Vuex & Vue Router

    Lecture 1: Project Presentation – Shopping Bag

    Lecture 2: Setting up Vue Router

    Lecture 3: Using Axios to Get Products Data

    Lecture 4: Working with Vuex

    Lecture 5: Setting Up Actions and Mutations – Part 1

    Lecture 6: Setting Up Actions and Mutations – Part 2

    Lecture 7: Rendering the Products

    Lecture 8: Adding Products to Bag

    Lecture 9: Avoiding Repeated Items on Shopping Bag

    Lecture 10: Removing Items from Bag

    Lecture 11: The Mapstate Helper

    Lecture 12: Listing items in the Shopping Bag

    Lecture 13: Calculating the Order Total

    Chapter 5: Composition API

    Lecture 1: Options API x Composition API

    Lecture 2: Presentation of Project #6 – Task Manager

    Lecture 3: Reactivity with Ref

    Lecture 4: Reactivity with Reactive

    Lecture 5: Components, Props and Scoped Styles

    Lecture 6: Adding IDs to Tasks

    Lecture 7: Filtering Tasks By State

    Lecture 8: Computed Properties

    Lecture 9: Code for the Modal Component

    Lecture 10: The Modal Component

    Lecture 11: Component Slots

    Chapter 6: State Management with Pinia – The Vuex Replacement (2023 Update)

    Lecture 1: What is State?

    Lecture 2: Getting Started with Pinia

    Lecture 3: Completing the Tasks Store

    Lecture 4: The New Task Modal Functionality

    Lecture 5: Adding the State to the Local Storage

    Instructors

  • Vue JS 3 Complete Including Composition API Pinia  No.2
    Ivan Louren?o Gomes
    Top-Rated Programming Instructor
  • Rating Distribution

  • 1 stars: 3 votes
  • 2 stars: 2 votes
  • 3 stars: 39 votes
  • 4 stars: 190 votes
  • 5 stars: 316 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!