Skip to content

Instantly share code, notes, and snippets.

@zocom-christoffer-wallenberg

zocom-christoffer-wallenberg/cache-api.md

Created May 6, 2020 09:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save zocom-christoffer-wallenberg/1dd9be1049fc9aa8d79d5f5b2786df1d to your computer and use it in GitHub Desktop.
Save zocom-christoffer-wallenberg/1dd9be1049fc9aa8d79d5f5b2786df1d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
cache-api.md

Övning med Cache API

Vad

Du ska göra en webbsida som använder sig av valfri endpoint från denna sida. Användaren får fylla i ett namn eller det som krävs för denna endpoint och sedan görs det ett anrop och svaret visas på sidan.

Ex. ifall man använder endpoint /awesome/:from så fyller användaren i en inputfält in namnet på :from och svaret blir ex. This is Fucking Awesome. - Christoffer

Hur

  1. Skapa upp följande filer:
    • Två HTML-fil (index.html och offline.html)
    • En CSS-fil
    • En JS-fil
    • En sw.js
  2. Skriv all logik för att hämta ett svar från API:et ovan och visa på webbsidan.
  3. Registrera din service worker och installera/aktivera den.
  4. Cacha alla förfrågningar i Cache API
  5. Hämta cachade svar från din cache om användaren är offline.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment