Jump-Start Api Frontend And Backend Use & Coding Skills

Every call for a resource encompass the usage of an API, let's demystify it

What you'll learn
Create API endpoints
Handle API requests and responses from the client side scripts
Create a backend server using Node js
Use GCP service accounts, web clients & API Keys
Use Apps Script to create and deploy web apps
Practice with free and free tiers of Google APIs
Practice different Google Authentication techniques
Create a real life web app that encompass 3 APIs working together
Create and practice your own Node methods
Requirements
Basic HTML and JavaScript is a plus. However, we shall provide foundations of all the tools across the lectures
Description
Straightforward approach on how to use APIs in your front end or client side scripts and in your backend scripts. We shall build a real world project along the course. It will be realized on different platforms mixing the usage of 3-4 APIs at the same time with many authentication and authorization techniques We shall excel using Goggle APIs as translate and sheets together with 3rd party APIsYou will master using Google Apps Script to develop Web AppsYou will understand how to build your own API Moreover at every chapter we shall clarify the theoretical and acronyms commonly used so you won’t know only how to code this stuff but what each part of the code means and what are the resources to find it yourself. In other words we shall give you the fishing stick rather than the fishWe shall use JavaScript, Node.js, and Apps script extensively in the course. But, we shall give you a strong boost at each of them at the beginning and along the course. This means that you won’t learn only about APIs but you will leverage your Node.js and npm, JavaScript and Apps Script experience at the same time.Moreover a lot of coding tricks will be covered along the course which also will leverage your coding abilities Intentionally some common mistakes and error are let to happen to show you the real programming and troubleshooting world not the class room ideal status that is trouble free In case that you face any problem with applying the code, drop us a line in the Q&A and we shall be there for you Even if you want to take any of the topics we covered to the next level beyond this course we shall be there to answer your questionsSee you inside the course

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 How to follow up?

Lecture 3 What interactions with APIs that you will learn and code in this course?

Lecture 4 What Tools we may need?

Lecture 5 A brief intro to html, css and script

Section 2: Frontend

Lecture 6 Create a UI

Lecture 7 Functions and async-await execution

Lecture 8 First API call and execution tracking

Lecture 9 4 ways to navigate and extract data from a JSON response

Lecture 10 Apply resolving and looping through a JSON response

Lecture 11 Get more from the JSON response and use try-catch

Lecture 12 Practice 3 Important function types to handle promises and chaining

Lecture 13 Understand promise, .then() & .catch()

Lecture 14 Code promise, .then() & .catch() in different styles

Section 3: APIs that need credentials & server side scripts

Lecture 15 Credential flow when we use an API key and CORS

Lecture 16 Navigate a simple API that needs an API key for access

Lecture 17 Add Initialization Header with Credentials to the fetch

Lecture 18 Can running your website from a local host or a host resolve CORS problem?

Lecture 19 What is Node.js & how to install it?

Lecture 20 First Server side script and how it is different to client side script.

Lecture 21 How a local host acts as a backend server?

Lecture 22 Create a Node server that listens

Lecture 23 Create your own CORS validation between the serve side and client side scripts

Lecture 24 Receive and parse a query from the UI

Lecture 25 Loop through through the response with the help of Postman

Section 4: Google Apps Script as backend and frontend servers

Lecture 26 Apps Script intro

Lecture 27 Sign up to Google and links to sheets and Apps Script

Lecture 28 Intro to Sheets and Apps Script

Lecture 29 Simulate an API server that digs in dbase & has an endpoint URL

Lecture 30 Convert the Node.js script to Apps Script

Lecture 31 Use Sheets to auto store your API response

Lecture 32 Deploy a UI html using Apps Script

Lecture 33 Link frontend and backend scripts inside Apps Script with this secret method

Lecture 34 Deployment types, deploy a library & use it remotely

Lecture 35 Simulate an API and fetch it

Section 5: Google APIs

Lecture 36 Intro to Google APIs and libraries

Lecture 37 Start by Discovery API and explore it

Lecture 38 Explore the discovery document and use it to assemble an API endpoint

Lecture 39 Start using Google Translate API

Lecture 40 Translate a word, a Couple of words and a phrase

Lecture 41 How to register for a GCP?

Lecture 42 How to use GCP to enable APIs & Keys?

Lecture 43 Call Google API from Browser side script

Lecture 44 Quickly Convert async-await to .then()

Lecture 45 Call Google Translation API from the browser and pass it a key

Lecture 46 Use Google Sheets API to read sheet values

Lecture 47 Change Values in a Google Sheet using Google Sheets API

Lecture 48 Let's understand what are authorization and authentication

Lecture 49 Use Google identity service for authorization

Lecture 50 Reuse the user_token and sign out option

Section 6: Explore Google Different Authentication techniques and create Node modules

Lecture 51 Google Authentication using html and client side script for decoding

Lecture 52 Google Authentication popup from the script only using Google accounts

Lecture 53 Difference between Browser JavaScript and Node.js

Lecture 54 Google translate module/library

Lecture 55 Convert your function into a module

Lecture 56 In order to translate the definitions, extract them in Node.js

Lecture 57 Let the user select the translation language and you pass it to the backend

Lecture 58 Protect your app from API inconsistent data

Lecture 59 Let the UI return the translations

Section 7: Google Service Accounts and third party libraries

Lecture 60 Google APIs different authorization levels

Lecture 61 Convert your translation module to use V3

Lecture 62 Google sheets using Google libraries for Sheets API

Lecture 63 Writing to the Sheets using Google Sheets API

Lecture 64 Switching Authentication from Service account to Oauth2 or web client

Lecture 65 Saving Oauth2 Token for repeated access or actions

Lecture 66 Use Other popular 3rd party npm libraries to access Google APIs

Lecture 67 Service Account Authentication & constants loading using the .env file

Lecture 68 Access Rows and cells data and manipulate it using a 3rd party library

Lecture 69 Integrate a 3rd API in your Definitions Heaven

Beginners who want to create an understanding and experience API,Intermediate developers who want to add API knowledge and experience to their portfolio,Beginners and Intermediate users of Apps Script who want to integrate API to their project,Beginners and Intermediate users of Apps Script who want to practice with web apps,Beginners and intermediate developers who want to understand and practice Google Authentication