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

It has the ability to develop web apps of all sizes.

It is a simple and delightful development experience to get up to speed.

Only the paid version is available for use.

It has a blazing-fast runtime performance.

Which of the following are the key advantages of using Sapper?

Which of the following are the key advantages of using Sapper?

It has flexible filesystem-based routing.

Which of the following is not a key feature of Sapper?

Which of the following is not a key feature of Sapper?

Which of the following is the correct way of making a Svelte file with `student` as a **dynamic parameter**?

Which of the following is the correct way of making a Svelte file with <code>student</code> as a dynamic parameter?

In this code snippet, which variable is used to store the member's name as a *key* and their information as a *value* in a **Map function**?
```
const team = [
  {
    name: "Mike",
    jobTitle: "Software Architect",
    bio: "dolor sit amet",
    pic: "src/xyz/mike.png"
  },
  {
    name: "Hannaor",
    jobTitle: "Lead Web Developer",
    bio: "Lorem ipsum",
    pic: "src/xyz/hannaor.png"
  }
];

const lookup = new Map();
team.forEach(member => {
  lookup.set(member.name.toLowerCase(), JSON.stringify(member));
});

export const get = (req, res) => {
  const {member} = req.params;
  if (lookup.has(member)) {
    res.writeHead(200, {
      "Content-Type": "application/json"
    });
    res.end(lookup.get(member));
  } else {
    res.writeHead(404, {
      "Content-Type": "application/json"
    });
    res.end({
      message: "Not found"
    });
  }
}
```

In this code snippet, which variable is used to store the member’s name as a key and their information as a value in a Map function?
<pre><code>const team = [
 {
 name: &quot;Mike&quot;,
 jobTitle: &quot;Software Architect&quot;,
 bio: &quot;dolor sit amet&quot;,
 pic: &quot;src/xyz/mike.png&quot;
 },
 {
 name: &quot;Hannaor&quot;,
 jobTitle: &quot;Lead Web Developer&quot;,
 bio: &quot;Lorem ipsum&quot;,
 pic: &quot;src/xyz/hannaor.png&quot;
 }
];

const lookup = new Map();
team.forEach(member =&gt; {
 lookup.set(member.name.toLowerCase(), JSON.stringify(member));
});

export const get = (req, res) =&gt; {
 const {member} = req.params;
 if (lookup.has(member)) {
 res.writeHead(200, {
 &quot;Content-Type&quot;: &quot;application/json&quot;
 });
 res.end(lookup.get(member));
 } else {
 res.writeHead(404, {
 &quot;Content-Type&quot;: &quot;application/json&quot;
 });
 res.end({
 message: &quot;Not found&quot;
 });
 }
}
</code></pre>

**(True/False)**

Sapper uses **prefetching** for instantaneous navigation of web pages.

(True/False)
Sapper uses prefetching for instantaneous navigation of web pages.

```terminal
npx install -D Sapper web
```

```terminal
npx degit "sveltejs/sapper-template#rollup" web
```

Which of the following commands is correct to clone the Sapper template in the `web` directory?

Which of the following commands is correct to clone the Sapper template in the <code>web</code> directory?

Quiz:  Set Up Backend Using Sapper Template

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?

Quiz: Set Up Backend Using Sapper Template