Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite)
Develop essential web development skills with expert instruction and practical examples.
What You'll Learn
Skills you'll gain:
Prerequisites & Target Audience
Skill Level
Requirements
Who This Course Is For
Course Information
About This Course
If you're already familiar with Vue 2 & The Options API, then this course will teach you everything you need to know to switch over to (and get started with) Vue 3 & the amazing new Composition API. My name's Danny, I'm an Indie App Developer & Creator of Fudget, the highest rated personal finance app for iOS, Android, Mac & Windows. And I've spent the last 12 months creating Fudget 2 - which is built on Vue 3 & The Composition API.
In this course you'll start by learning the key differences between the Options API & Composition API by creating a simple Options API app & converting it to the Composition API. You'll then master all of the basics including:Reactive data with Refs & Reactive ObjectsMethods, Computed Properties & WatchersLifecycle HooksDirectivesVue RouterChild Components - including the new ways of handling props, emits & modelValueDynamic ComponentsComposables - how to create them from scratch & how to import them from the VueUse libraryAnd you'll learn State Management using Pinia, the incredible successor to VuexAfter learning the basics, you're gonna create a real world app called Noteballs from scratch - which has full CRUD capabilities, uses Pinia for State Management and demonstrates real-world use of all the basics you learned earlier. FIREBASE 9 UPDATE (JUN 2025): The course has been updated with 3 hours of new content on Firebase 9, where we will:Hook Noteballs up to a Firebase Cloud Firestore databaseAdd Authentication, so that multiple users can register, login and log out of our appAdd Realtime Data Sync, so that if a user adds a note on one device, they'll see the note instantly appear on another deviceAdd Firebase Security Rules to protect our users' dataHost our finished app on Firebase Hosting so that we can share it with anyoneAfter this course, you'll be able to create your own Vue 3 apps based entirely on the Composition API - from scratch.
This course requires a basic understanding of Vue 2 & The Options API, HTML, CSS & JavaScript. Please check out the preview videos & I look forward to seeing you in the course.
Topics Covered
Course Details
Course Details
View pricing and check out the reviews. See what other learners had to say about the course.
$19.99
list price when the catalogue was read (2026-07-07); Udemy sale prices run lower
Affiliate disclosure: if you enroll through links on this page, the course provider may pay us a commission. This comes at no extra cost to you and does not influence how we describe courses.
This course includes:
Not sure if this is right for you?
Browse More Web Development CoursesWhere this course fits
Certifications in this area
Concepts behind this area
Git
Git is a distributed version control system that records the history of a set of files as a graph of snapshots, lets many people work on branches of that history at once, and merges their work back together.
HTTP
HTTP is the request-and-response protocol of the web: a client sends a method, a path and headers, a server answers with a status code, headers and a body, and each exchange stands alone unless the two sides agree to carry state in a header.
REST API
A REST API exposes an application's data as resources at stable addresses and lets clients read and change them with HTTP's standard methods and status codes, so that the protocol itself carries most of the meaning.
CDN (Content Delivery Network)
A CDN is a worldwide network of servers that answers requests for your site from a location near the person asking, instead of sending every request back to the single machine your site runs on.
DNS (Domain Name System)
DNS is the distributed lookup system that turns a hostname such as getting-digital.net into the IP address a browser can connect to, by walking a chain of nameservers whose answers are then cached for a lifetime the domain's owner publishes.
SSL/TLS
SSL/TLS is the protocol that encrypts the connection between a browser and a server and, by way of a certificate signed by a certificate authority, proves the server is entitled to answer for the domain in the address bar.
The field, explained: Programming & Web Development · Hosting & Cloud
Wider context: the fields we cover, the glossary and certification exams, all written by us rather than pulled from a provider feed.