Jump-Start API frontend and backend use & coding skills

Course Curriculum

Chapter 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

Chapter 2: Frontend

Lecture 1: Create a UI

Lecture 2: Functions and async-await execution

Lecture 3: First API call and execution tracking

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

Lecture 5: Apply resolving and looping through a JSON response

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

Lecture 7: Practice 3 Important function types to handle promises and chaining

Lecture 8: Understand promise, .then() & .catch()

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

Chapter 3: APIs that need credentials & server side scripts

Lecture 1: Credential flow when we use an API key and CORS

Lecture 2: An Update to Oxford Dictionary API used

Lecture 3: Navigate a simple API that needs an API key for access

Lecture 4: Add Initialization Header with Credentials to the fetch

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

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

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

Lecture 8: How a local host acts as a backend server?

Lecture 9: Create a Node server that listens

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

Lecture 11: Receive and parse a query from the UI

Lecture 12: Loop through through the response with the help of Postman

Chapter 4: Google Apps Script as backend and frontend servers

Lecture 1: Apps Script intro

Lecture 2: Sign up to Google and links to sheets and Apps Script

Lecture 3: Intro to Sheets and Apps Script

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

Lecture 5: Convert the Node.js script to Apps Script

Lecture 6: Use Sheets to auto store your API response

Lecture 7: Deploy a UI html using Apps Script

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

Lecture 9: Deployment types, deploy a library & use it remotely

Lecture 10: Simulate an API and fetch it

Chapter 5: Google APIs

Lecture 1: Intro to Google APIs and libraries

Lecture 2: Start by Discovery API and explore it

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

Lecture 4: Start using Google Translate API

Lecture 5: Translate a word, a Couple of words and a phrase

Lecture 6: How to register for a GCP?

Lecture 7: How to use GCP to enable APIs & Keys?

Lecture 8: Call Google API from Browser side script

Lecture 9: Quickly Convert async-await to .then()

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

Lecture 11: Use Google Sheets API to read sheet values

Lecture 12: Change Values in a Google Sheet using Google Sheets API

Lecture 13: Let's understand what are authorization and authentication

Lecture 14: Use Google identity service for authorization

Lecture 15: Reuse the user_token and sign out option

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

Lecture 1: Google Authentication using html and client side script for decoding

Lecture 2: Google Authentication popup from the script only using Google accounts

Lecture 3: Difference between Browser JavaScript and Node.js

Lecture 4: Google translate module/library

Lecture 5: Convert your function into a module

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

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

Lecture 8: Protect your app from API inconsistent data

Lecture 9: Let the UI return the translations

Chapter 7: Google Service Accounts and third party libraries

Lecture 1: Google APIs different authorization levels

Lecture 2: Convert your translation module to use V3

Lecture 3: Google sheets using Google libraries for Sheets API

Lecture 4: Writing to the Sheets using Google Sheets API

Lecture 5: Switching Authentication from Service account to Oauth2 or web client

Lecture 6: Saving Oauth2 Token for repeated access or actions

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

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

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

Lecture 10: Integrate a 3rd API in your Definitions Heaven