Vue 3 using Composition API, Tailwind CSS and Firebase

Vue 3 using Composition API, Tailwind CSS and Firebase, available at $59.99, has an average rating of 4.2, with 19 lectures, 3 quizzes, based on 5 reviews, and has 34 subscribers.

You will learn about Usage of Vue composition API for robust web app development ATOMIC design for web development Firebase Authentication and Deploying Vue 3 project on AWS Amplify Integrating Tailwind CSS with Vue 3 This course is ideal for individuals who are This course is perfect for those who want to kick start their Vue 3 journey and take it to advance level. Before joining this course all you need to know is basics of HTML, CSS and JavaScript. The course will start with basics of Vue and then step by step the concepts will get more advanced. It is particularly useful for This course is perfect for those who want to kick start their Vue 3 journey and take it to advance level. Before joining this course all you need to know is basics of HTML, CSS and JavaScript. The course will start with basics of Vue and then step by step the concepts will get more advanced.

Enroll now: Vue 3 using Composition API, Tailwind CSS and Firebase

Summary

Title: Vue 3 using Composition API, Tailwind CSS and Firebase

Price: $59.99

Average Rating: 4.2

Number of Lectures: 19

Number of Quizzes: 3

Number of Published Lectures: 19

Number of Published Quizzes: 3

Number of Curriculum Items: 22

Number of Published Curriculum Objects: 22

Original Price: 拢22.99

Quality Status: approved

Status: Live

What You Will Learn

Usage of Vue composition API for robust web app development

ATOMIC design for web development

Firebase Authentication and Deploying Vue 3 project on AWS Amplify

Integrating Tailwind CSS with Vue 3

Who Should Attend

This course is perfect for those who want to kick start their Vue 3 journey and take it to advance level. Before joining this course all you need to know is basics of HTML, CSS and JavaScript. The course will start with basics of Vue and then step by step the concepts will get more advanced.

Target Audiences

This course is perfect for those who want to kick start their Vue 3 journey and take it to advance level. Before joining this course all you need to know is basics of HTML, CSS and JavaScript. The course will start with basics of Vue and then step by step the concepts will get more advanced.

This course is structured in such a way that someone with a basic understanding of HTML, CSS and JavaScript could master the Vue.js framework.

The course begins with basic theoretical concepts like 3 tier architecture, Single Page Application, Server Side rendering.

Then the next section is about installing Node.js, npm and Vue CLI and creating a project using Vue CLI.

Then the next section covers all the basics of Vue right from project structure, how Vue code works to all the features and properties required to create a Vue 3 application. Each concept is explained well and in as simple words as possible.

Then the next section is all about the action of coding. First, we will see how to install Tailwind CSS and use it in Vue 3 with JIT mode, then how to create a Firebase project and lastly it is all about coding an app with a proper firebase authentication system. I have been coding web applications for various sizes of companies for 6+ years. I will be putting in all my experience and learning to create this app so that you could also use it to develop your next portfolio or your dream project.

Please note that this app is developed completely client-side using serverless logic of Firebase and APIs. However, you could use the same client-side logic and substitute Firebase APIs with your own APIs as per your API logic.

About the App

This is app is for educational purposes and is meant to be used ethically.

We will be creating a Vue 3 app that will take an IP address and will make an API call to get the details of that IP address. Using Google Maps API we will then plot the location of that IP on the map.

We will be then deploying this app on AWS Amplify using Github.

This app is developed with line by line code explanation. We will be login in, login out and registering the user using Firebase Auth API and will also put a navigation guard on the route so that only authenticated users could use our IP app. We are storing user details in Vuex and hydrating the store on page refresh.

The mastery time for this course depends from person to person but if you take and study this course properly then you could at least use Vue comfortably for any projects. Of course, some practice will be required from your side but this course will give a clear direction and understanding of  Vue 3 and composition API.

Disclaimer for the course

All the information provided in this course is published in good faith and for general information purpose only. The course is created by using personal learnings and experience additionally referring to online resources, official documentation of Vue 3, Firebase, Tailwind CSS.

However, I do not make any warranties about the completeness, reliability and accuracy of this information. Any action you take upon the information you find in this course (Vue 3 using Composition API, Tailwind CSS and Firebase), is strictly at your own risk. I will not be liable for any losses and/or damages in connection with the use of this course.

Aditya 馃檪

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: 3 tier architecture

Lecture 3: SPA, SSR

Lecture 4: What is Vue.js?

Chapter 2: Creating Vue Project

Lecture 1: Installing Node.js, npm and vue cli

Lecture 2: Creating Vue project with Vue CLI

Lecture 3: Project directory and role of each file

Lecture 4: Running and understanding the initial code

Chapter 3: Understanding the basics

Lecture 1: Props

Lecture 2: Data Binding (v-model, ref, toRef, reactive)

Lecture 3: Computed Properties and Watcher

Lecture 4: Directives

Lecture 5: Lifecycle hooks

Chapter 4: Creating an app using Vue 3 composition API, Vuex, Tailwind CSS and Firebase

Lecture 1: Installing Tailwind

Lecture 2: Creating Firebase project

Lecture 3: Coding the app Phase 1

Lecture 4: Coding the app Phase 2

Lecture 5: Coding the app Phase 3 – Middleware/Navigation Guards

Lecture 6: Coding the app Phase 4 – Final touch ups, unit testing and deployment

Instructors

Aditya S Kadam
Entrepreneur

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 1 votes

4 stars: 2 votes

5 stars: 2 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!