Vue JS 3 Complete Including Composition API Pinia
- Development
- Apr 19, 2025

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
Who Should Attend
Target Audiences
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

Ivan Louren?o Gomes
Top-Rated Programming Instructor
Rating Distribution
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!
- Random Picks
- Popular
- Hot Reviews
- FlexVertex- Graph, Document, KV, Time Series One Database
- Marketing Festival Season- Offers, Deals, and Promotions 101
- Mastering SEO
- Crypto Trading Mastery (Scalping, Day trading, price action)
- Company Valuation Financial Modeling
- The Beginner Forex Trading Playbook
- Step-By-Step Stock Market Analysis and Real-Time Trades
- Hydrogen Energy Masterclass- Fundamentals Applications
- 1YouTube Masterclass The Best Guide to YouTube Success
- 2Photoshop CC- Adjustement Layers, Blending Modes Masks
- 3Personal Finance
- 4SolidWorks Essential Training ( 2023 2024 )
- 5The Architecture of Oscar Niemeyer
- 6Polymer Clay Jewelry Making Techniques for Beginners
- 7Advanced Photoshop Manipulations Tutorials Bundle
- 8SEO for Web Developers
- 1Linux Performance Monitoring Analysis Hands On !!
- 2Content Writing Mastery 1- Content Writing For Beginners
- 3Media Training for PrintOnline Interviews-Get Great Quotes
- 4Learn Facebook Ads from Scratch Get more Leads and Sales
- 5The Complete Digital Marketing Course Learn From Scratch
- 6C#- Start programming with C# (for complete beginners)
- 7[FREE] How to code 10 times faster with Emmet
- 8Driving Results through Data Storytelling