GROW WITH GOOGLE SCHOLARSHIP: MOBILE WEB SPECIALIST

On January 10, 2018 I was accepted into phase one of the Grow with Google Scholarship program on the intermediate track for Mobile Web Specialist.

This repository contains my notes from the course as well as resources and information I found to be valuable from the Slack channel and discussion forums.

As I have not yet finished the course, my notes at this point are incomplete. I will be updating my notes as I progress.

I hope my fellow students will find this information useful to them. Happy coding and good luck making it to the second phase!

♥ tophergates

TABLE OF CONTENTS

• Course Resources / Q&A
• Lesson 01: Course Introduction
  • Scholarship Overview
  • Accessing the Discussion Forums
  • Joining Slack
• Lesson 02: Offline First
  • Intro
  • The Problem
  • The Benefits of Offline First
  • Quiz: What Can Slow Us Down?
  • Quiz: What Does Online First Look Like?
  • Quiz: What Are Ways to be Offline First?
  • Quiz: Installing the Demo App
  • Quiz: Running the Demo App
  • Exploring the Demo Apps Code
  • Quiz: Changing Connection Types
  • Quiz: Testing Lie-Fi Mode
  • Introducing Service Worker
• Lesson 03: Introducing the Service Worker
  • An Overview of Service Worker
  • Quiz: Scoping Quiz
  • Adding a Service Worker to the Project
  • Quiz: Registering a Service Worker
  • The Service Worker Lifecycle
  • Enabling Service Worker Dev Tools
  • Quiz: Service Worker Dev Tools
  • Quiz: Service Worker Dev Tools 2
  • Service Worker Dev Tools Continued
  • Hijacking Requests
  • Quiz: Hijacking Requests 1
  • Hijacking Requests 2
  • Quiz: Hijacking Requests 2
  • Hijacking Requests 3
  • Quiz: Hijacking Requests 3
  • Caching and Serving Assets
  • Quiz: Install and Cache
  • Quiz: Cache Response
  • Updating the Static Cache
  • Quiz: Update Your CSS
  • Quiz: Update Your CSS 2
  • Adding UX to the Update Process
  • Quiz: Adding UX
  • Triggering an Update
  • Quiz: Triggering an Update
  • Quiz: Caching the Page Skeleton
• Lesson 04: IndexedDB and Caching
  • Introducing the IDB Promised Library
  • Getting Started with IDB
  • Quiz: Getting Started with IDB
  • Quiz: More IDB
  • Using the IDB Cache and Display Entries
  • Quiz: Using IDB Cache
  • Quiz: Using IDB 2
  • Quiz: Cleaning IDB
  • Cache Photos
  • Quiz: Cache Photos
  • Cleaning Photo Cache
  • Quiz: Cleaning Photo Cache
  • Quiz: Caching Avatars
  • Outro
• Lesson 05: Next Up
  • Onward
• Lesson 06: Syntax
  • Harmony, ES6, ES2015...
  • Let and Const
  • Quiz: Using Let and Const
  • Template Literals
  • Quiz: Build an HTML Fragment
  • Destructuring
  • Quiz: Destructuring Arrays
  • Object Literal Shorthand
  • Lesson Checkup
  • Iteration
  • Family of For Loops
  • For...of Loop
  • Quiz: Writing a For...of Loop
  • Spread... Operator
  • ...Rest Parameter
  • Quiz: Using the Rest Parameter
  • Lesson Summary
• Lesson 07: Functions
  • Updates to Functions
  • Arrow Functions
  • Using Arrow Functions
  • Quiz: Convert Function into an Arrow Function
  • Arrow Functions Recap
  • Arrow Functions and the "this" Keyword
  • "this" and Regular Functions
  • "this" and Arrow Functions
  • Default Function Parameters
  • Defaults and Destructuring
  • Quiz: Using Default Function Parameters
  • Class Preview
  • Javascript's Illusion of Classes
  • Convert a Function to a Class
  • Working with JavaScript Classes
  • Super and Extends
  • Extending Classes from ES5 to ES6
  • Working with JavaScript Subclasses
  • Quiz: Building Classes and Subclasses
  • Lesson Summary
• Lesson 08: Built-ins
  • New Built-ins
  • Symbols Intro
  • Symbols
  • Iteration & Iterable Protocols
  • Sets
  • Modifying Sets
  • Working with Sets
  • Sets & Iterators
  • Quiz: Using Sets
  • WeakSets
  • Quiz: Working With WeakSets
  • Maps
  • Creating & Modifying Maps
  • Working with Maps
  • Looping Through Maps
  • WeakMaps
  • Promises Intro
  • Promises
  • More Promises
  • Proxies Intro
  • Proxies
  • Proxies vs. ES5 Getter/Setter
  • Proxies Recap
  • Generators
  • Generators & Iterators
  • Sending Data into/out of a Generator
  • Lesson Summary
• Lesson 09: Professional Developer-fu
  • The Web is Growing Up
  • Old and New Browsers
  • ES6 Specification
  • Supported Features
  • The Web is Eternal
  • Polyfills
  • Using Polyfills
  • Polyfill Walkthrough
  • Other Uses for Polyfills
  • Transpiling
  • Using Babel
  • Transpiling Walkthrough
  • Transpiling Recap
  • Course Summary
• Lesson 10: Course Wrap Up