HomeCoursesCloud Native Development with Tailwind, Google Cloud and Firebase

5.0

Intermediate

5h 30min

Cloud Native Development with Tailwind, Google Cloud and Firebase

Become a cloud pro with hands-on experience in developing, styling, and managing a Cloud-Native web application using Tailwind, Google Cloud, and Firebase. No setup, no cleanup, no hassle.

Join 2.7 million developers at

Overview

Content

Reviews

This course is a hands-on guidebook to walk you through the journey to creating your first web application in the cloud. In this course, you will have hands-on experience in developing, styling, hosting, testing, and efficiently managing a complete Cloud-Native web application. Along with this, you will learn how to make the important decision of choosing a technology or tool for your web application. By the end of this course, you will have a set of expertise in developing cloud native web applications that will help you throughout your career.

This course is a hands-on guidebook to walk you through the journey to creating your first web application in the cloud. In thi...Show More

WHAT YOU'LL LEARN

Set up a Firebase project to host the application.

Develop a continuous deployment pipeline to test and deploy the web application to Firebase Hosting.

Learn about feature toggles, so we can deploy to production very frequently without breaking anything.

Understand how to monitor the application by end-to-end testing.

Define rollback strategies in case new code fails in production.

Add Tailwind CSS to style the web application.

Configure Firestore, the database.

Develop an independent, event-driven service.

Set up a Firebase project to host the application.

Content

87 Lessons13 Quizzes

Introduction

3 Lessons

Get familiar with cloud-native web development, effective strategies, and essential tools.

About This Course

How This Course Will Help You

Project Overview

Create a GitHub Project Using Monorepo Template

5 Lessons

Get started with creating GitHub projects using monorepo templates for streamlined development.

Introduction to Monorepo

Advantages of Using a Monorepo

Overview of the Structure of Monorepo

Create a New GitHub Project

Quiz: Create a GitHub Project Using a Monorepo Template

Set Up Backend Using Sapper Template

7 Lessons

Master the steps to set up a backend using Sapper with flexible routing and instantaneous navigation.

Introduction to Sapper

Flexible Filesystem-Based Routing

Server Routes

Instantaneous Navigation

Sapper Template

Run Application and Create Pull Request

Quiz: Set Up Backend Using Sapper Template

Host Your Web App on Firebase

8 Lessons

Apply your skills to hosting and managing web applications using Firebase's tools and services.

Introduction to Firebase SDK

Creating a Firebase Project

Add the Firebase SDK to the Web Application

Install the Firebase CLI

Create Cloud Firestore Database & Initialize Firebase CLI

Deploy the Web Application

Server-Side Rendered Web Application VS Static Site Generators

Quiz: Host Your Web App on Firebase

Set Up The Continuous Deployment Pipeline

5 Lessons

Solve problems in setting up and optimizing CI/CD pipelines using GitHub Actions.

Introduction to CI/CD

What are GitHub Actions?

Set Up GitHub Actions

Test & Optimize The New Workflow

Quiz: : Set Up The Continuous Deployment Pipeline

Local Development

2 Lessons

Follow the process of integrating Firebase Hosting with Sapper for local development.

Develop New Features Locally

Quiz: Local Development

Feature Toggles

5 Lessons

Piece together the parts of managing feature toggles using Firebase Remote Config and Svelte.

Introduction to Feature Toggles

Firebase Remote Config

Set Up Your First Feature Toggle

Configure Feature Toggle

Quiz: Feature Toggles

Production Monitoring & Rollbacks

5 Lessons

Learn how to use GCP for monitoring, uptime checks, alert policies, and rollbacks.

Introduction to Google Cloud Platform

Create an Uptime Check

Create an Alert Policy

Rollbacks

Quiz: Production Monitoring & Rollbacks

Testing

10 Lessons

Walk through comprehensive testing strategies, focusing on Cypress, end-to-end, component, and integration.

Introduction to Testing

Introduction to Cypress

End-to-End Tests

Component Tests

Introduction to Testing Library

Use Testing Library

Cypress Dashboard

Enable Tests in the Continuous Integration Pipeline

Enable Pull Request Integration

Quiz: Testing

10.

Tailwind CSS

6 Lessons

Examine Tailwind CSS customization, Svelte integration, component creation, and utility class utilization.

Introduction to Svelte

Introduction to Tailwind CSS

Initialize & Configure

Create a Tailwind CSS Component

Use Tailwind CSS in Svelte Components

Quiz: Tailwind CSS

11.

User Authentication

6 Lessons

Grasp the fundamentals of implementing and securing user authentication using Firebase in Svelte apps.

Configure Firebase

Create the Login & Admin Page

Create a Svelte Store

Create Sign In vs. Sign Out Navbar Item

Secure the Admin Page

Quiz: User Authentication

12.

Database - Cloud Firestore

8 Lessons

Dig into Cloud Firestore's setup, data operations, user interface, and essential security practices.

Introduction to Cloud Firestore

Initialize and Configure Firestore Instance

Create a User Interface to Write Data

Quiz: Database - Cloud Firestore

13.

Firebase Local Emulator Suite

4 Lessons

Tackle setting up and utilizing the Firebase Local Emulator Suite for local app development.

Introduction: Firebase Local Emulator Suite

Initialize & Configure the Emulator

Start the Emulators in Development

Quiz: Firebase Local Emulator Suite

14.

Trigger Services Based on Events

10 Lessons

Master event-based triggers in Firebase for automating actions, integrating, and deploying services.

Introduction: Trigger Services Based on Events

Initialize Firebase Cloud Functions

Test the Default Cloud Function Locally

Develop the New Service Placeholder

Develop the Integration with DEV

Test the New Service

Convert Markdown to HTML

Write Tests for the Service

Deploy the New Service

Quiz: Trigger Services Based on Events

15.

Final Tasks

2 Lessons

Try out GitHub workflows to speed up CI/CD and connect custom domains in Firebase.

Speed Up CI/CD

Connect a Custom Domain

16.

What's Next?

1 Lessons

Look at future web development trends, tool advancements, and personal project potentials.

Web Development in 2025

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:

Mike Nikles

Developed by MAANG Engineers

Every Educative lesson is designed by our in-house team of ex-MAANG software engineers and PhD computer science educators, and developed in consultation with developers and data scientists working at Meta, Google, and more. Our mission is to get you hands-on with the necessary skills to stay ahead in a constantly changing industry. No video, no fluff. Just interactive, project-based learning with personalized feedback that adapts to your goals and experience.

Trusted by 2.7 million developers working at companies

"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"

Anthony Walker

@_webarchitect_

"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"

Evan Dunbar

ML Engineer

"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."

Software Developer

Carlos Matias La Borde

"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"

Souvik Kundu

Front-end Developer

"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."

Vinay Krishnaiah

Software Developer

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Personalized Interview Prep

Skip the LeetCode grind with a custom roadmap that adapts to your goals. Hands-on practice for Coding Interviews, System Design, and more.

Mock Interviews

Test your skills in a simulated interview setting. Receive personalized feedback based on your performance. Available for Coding Interviews, System Design, and more.

AI Prompt

Build prompt engineering skills. Practice implementing AI-informed solutions.

Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Free Resources

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath