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.

Cloud Native Web Development - A Hands-On Guidebook-01.jpg

cloud-native-web-app.tar.gz

username

email

access_token

repository_name

author

firebase_proj_name

FIREBASE_TOKEN

cypress_key

cypress_projectID

dev_api_key

sapper

add-firebase-sdk

install-firebase-cli

cypress-cli

headless-mode

headless-mode-2

component-tests-1

component-tests-2

testing-library

cypress-dashboard

enable-tests-CI

enable-PR

svelte-intro

tailwindcss-component

tailwindcss-svelte

tailwindcss-svelte2

user-auth1

login-page

admin-page

user-svelte-store

signin-vs-signout

secure-admin-page

redirect

configure-firestore

create-user-interface-1

write-data-1

persist-new-blog-1

read-data-1

security-rules

configure-emulator

test-fcf-locally

new-service-placeholder

dev-integration

test-new-service

markdown2html

write-test-for-service-1

deploy-service-req-one

deploy-service-req-two

speed-up-CI-CD

local-dev

emulator-start

ch-2/lesson-5

ch-3/lesson-3

ch-1/lesson-4

ch-3/lesson-4

ch-3/lesson-5

ch-3/lesson-6

ch-4/lesson-3

ch-4/lesson-4

ch-5/lesson-1/1

ch-5/lesson-1

ch-6/lesson-2

ch-6/lesson-3

ch-8/lesson-3

ch-8/lesson-4

ch-8/lesson-6

ch-8/lesson-7

ch-8/lesson-8

ch-9/lesson-3

ch-9/lesson-4

ch-9/lesson-5

ch-10/lesson-1

ch-10/lesson-2

ch-10/lesson-3

ch-10/lesson-4

ch-10/lesson-5

ch-11/lesson-2

ch-11/lesson-3

ch-11/lesson-4

ch-11/lesson-5

ch-11/lesson-6

ch-11/lesson-7

create-user-interface-2

create-user-interface-3

create-user-interface-4

write-data-2

write-data-3

persist-new-blog-2

read-data-2

read-data-3

ch-12/lesson-2

ch-12/lesson-3

ch-13/lesson-2

ch-13/lesson-3

ch-13/lesson-4

ch-13/lesson-5

ch-13/lesson-6

ch-13/lesson-7

ch-13/lesson-8

ch-13/lesson-9

new-service-placeholder-copy

write-test-for-service-2

write-test-for-service-3

ch-14/lesson-1

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.

Cloud Native Development with Tailwind, Google Cloud and Firebase

# GitHub Actions

[GitHub Blog](https://github.blog/2019-08-08-github-actions-now-supports-ci-cd/#:~:text=GitHub%20Actions%20is%20an%20API,every%20step%20along%20the%20way.) describes **GitHub Actions** as an API for cause and effect on GitHub. GitHub Actions orchestrate any workflow, based on any event, while GitHub manages the execution, provides rich feedback, and secures every step along the way.

With [GitHub Actions](https://github.com/features/actions), it is easy to **automate your software workflows right within GitHub** where you host your source code, perform code reviews, and possibly even manage your project backlog.

It is a hosted service, so there is no need to manage any servers or deal with keeping any software patched and up-to-date.

## Alternatives
Here are some of the alternatives to GitHub Actions:
* [GitLab Pipelines](https://docs.gitlab.com/ee/ci/pipelines/)
* [Google Cloud Build](https://cloud.google.com/cloud-build)
* [Jenkins](https://www.jenkins.io/)
* [Circle CI](https://circleci.com/)
* [Drone](https://www.drone.io/)

## Why GitHub Actions?

GitHub Actions provides a lot more convenience, as all you need to do is provide a workflow configuration file, push that to GitHub, and the rest is taken care of. It is also nicely integrated with GitHub, where developers spend quite a bit of time already. A bit less context or application switching to get the job done is good.

# GitHub Actions in your web application

As described above, GitHub Actions allow us to define an automated workflow. To start, we are going to simply enable the deployment of the web application to production, when pull requests are merged to the master branch. 

> **Note:** To learn more about GitHub Actions beyond the scope of this course, please refer to [GitHub Actions documentation](https://github.com/features/actions).

Get a brief introduction to GitHub Actions and how you will use them in your project.

What are GitHub Actions?

Introduction

Create a GitHub Project Using Monorepo Template

Set Up Backend Using Sapper Template

Host Your Web App on Firebase

Set Up The Continuous Deployment Pipeline

Local Development

Feature Toggles

Production Monitoring & Rollbacks

Testing

Tailwind CSS

User Authentication

Database - Cloud Firestore

Firebase Local Emulator Suite

Trigger Services Based on Events

Final Tasks

What's Next?

What are GitHub Actions?

GitHub Actions