Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite)

🌟 Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite) 🌟

Course Headline: 🚀 Already know the Options API? Switch over to the Composition API as quickly as possible! (Oh, and Pinia & Firebase 9!)

Course Description:

Hey there, Vue enthusiasts! 👋 If you’re already comfortable with Vue 2 and its beloved Options API, then you’re at the right place to elevate your skills to the next level with Vue 3 and its powerful Composition API.

Your Instructor: Danny Connell 🧑‍💻

I’m Danny, an Indie App Developer and the mastermind behind Fudget, a highly-rated personal finance app for iOS, Android, Mac, and Windows. With over a year of experience in building Fudget 2 on Vue 3 and the Composition API, I’m here to guide you through this exciting transition.

What You'll Learn:

This course is structured to take you from the basics of Vue 3 & Composition API to building a fully-functional real-world app, Noteballs. Here's what's in store for you:

• 🔁 Understanding the Differences: We’ll kick off by contrasting the Options API with the Composition API, starting with a simple project and transforming it into a Vue 3 application.

• 🚀 Mastering the Basics: You'll get hands-on experience with:

  • <script setup>
  • Reactive data with Refs & Reactive Objects
  • Methods, Computed Properties, and Watchers
  • Lifecycle Hooks
  • Directives
  • Vue Router for navigation
  • Child Components, including props, emits, and modelValue
  • Dynamic Components
  • Creating and using composables
  • Leveraging the VueUse library for pre-built composables

• 📊 State Management with Pinia: We’ll delve into Pinia, mastering state management as a successor to Vuex.

• 🌐 Building Noteballs from Scratch: Apply everything you've learned by building a complete application with full CRUD (Create, Read, Update, Delete) capabilities, using Pinia for state management, and demonstrating the practical use of the Composition API.

Firebase 9 Update:

• 🗣️ Firebase Integration: We’ve updated the course with 3 hours of new content on Firebase 9, including setting up a Firestore database, user authentication, real-time data sync, adding security rules, and hosting your app with Firebase Hosting.

• 🔒 Security and Real-time Functionality: Ensure your users' data is protected with Firebase Security Rules and enable real-time updates across devices.

Course Requirements:

A basic understanding of Vue 2, HTML, CSS, and JavaScript is essential to get the most out of this course.

Why Take This Course?

By the end of this course, you’ll be equipped with the knowledge and skills to build your own Vue 3 applications using the Composition API. You’ll understand its patterns, best practices, and how to manage state effectively with Pinia. Plus, you’ll know how to connect your app to Firebase 9 for real-time data handling and user authentication.

Don't just take my word for it; check out the preview videos and join me on this journey to becoming a Vue JS 3 pro! Let’s build something incredible together 🛠️✨