Offline Web Applications by Google course lesson 1/3
Udacity Google Mobile Web Specialist Nanodegree program part 2 lesson 16
Udacity Grow with Google Scholarship challenge course lesson 02
Brendon Smith
br3ndonland
- Lesson
- 1.01. Intro
- 1.02. The Problem
- 1.03. The Benefits of Offline First
- 1.04. Quiz: What Can Slow Us Down
- 1.05. Quiz: What Does Online First Look Like
- 1.06. Quiz: What Are Ways To Be Offline First
- 1.07. Introducing the Demo App
- 1.08. Quiz: Installing the Demo App
- 1.09. Quiz: Running the Demo App
- 1.10. Exploring the Demo Apps Code
- 1.11. Quiz: Changing Connection Types
- 1.12. Quiz: Testing Lie Fi Mode
- 1.13. Introducing Service Worker
-
Node installed:
$ node --version v8.7.0
-
Clone and run app
$ cd <path> $ git clone https://github.com/jakearchibald/wittr $ npm install $ npm update $ npm run serve
-
Navigate to http://localhost:8888/ for the app and http://localhost:8889/ for the settings.
-
I was able to successfully get the app running.
-
The wittr app repo is ~230 MB and contains thousands of files. I noticed the files syncing through my Dropbox, and moved the repo out of Dropbox.
- wittr makes an HTTP request via the browser's HTTP cache.
- If no match in HTTP cache, continues on to internet server.
- wittr also requests some JavaScript. This opens a web socket, a persistent connection that continually streams newer posts from the server.