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.

Intermediate

87 Lessons

5h 30min

Certificate of Completion

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.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

121 Playgrounds

13 Quizzes

This course includes

121 Playgrounds

13 Quizzes

Course Overview

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 t...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.

What You'll Learn

Set up a Firebase project to host the application.

Course Content

Introduction

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

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

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

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

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.

Feature Toggles

5 Lessons

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

Production Monitoring & Rollbacks

5 Lessons

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

Testing

10 Lessons

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

10.

Tailwind CSS

6 Lessons

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

11.

User Authentication

6 Lessons

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

12.

Database - Cloud Firestore

8 Lessons

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

13.

Firebase Local Emulator Suite

4 Lessons

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

14.

Trigger Services Based on Events

10 Lessons

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

15.

Final Tasks

2 Lessons

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

16.

What's Next?

1 Lesson

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

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

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

Instant 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.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

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!