Översikt
Att lagra data i klientens webbläsare är något som vi ibland kan ha nytta av. Vi undersöker denna vecka lite olika alternativ. Sista pusselbiten för examinationsuppgift B2.
“Stand up”-vlogg
Section titled ““Stand up”-vlogg”Förra årets vlogg för den som vill få en extra introduktion till veckan.
Stödjande inspelningar
Section titled “Stödjande inspelningar”Lagring i webbläsaren
Section titled “Lagring i webbläsaren”1h 52m | Presentation
- Inledning
- Synkrona APIer / Asynkrona APIer
- Async Patterns - Callback Pattern APIs
- Async Patterns - Promisifierade APIs
- Lagen om elektronisk kommunkation (cookielagen)
- Hur lagrar vi data i webbläsaren?
- Same Origin
- Cookies
- Web Storage API
- JSON vid lagring
- IndexDB
- Cachening
- Cache Storage API
- File System Access API
- Storage Manager API
- Utvecklarverktyget i webbläsaren för lagring
Läsanvisningar
Section titled “Läsanvisningar”Under läsanvisningar hittar du veckans kapitel som ska läsas i kurslitteraturen. Planera upp och dela upp läsningen under veckan.
Övningar
Section titled “Övningar”Under Övningsuppgifter hittar du övningsuppgifter som det är lämpligt att du arbetar med under veckan. Just denna vecka behandlar inte övningsuppgiften lagring utan generellt att arbeta med komposition av komponenter. Just denna övningsuppgift kan vara extra bra att göra då vi kommer att återse den på kursens sista examinationsuppgift.
Handledning
Section titled “Handledning”Skicka gärna in frågor på förhand via vårt formulär som du når här:
Examinationsuppgift B2
Section titled “Examinationsuppgift B2”Sista veckan att arbeta med Examinationsuppgift B2. Observera fredagens deadline! Läs mer om examinationsuppgift B2.
Studiefrågor
Section titled “Studiefrågor”Här är ett antal frågor som du kan försöka besvara och diskutera tillsammans med din AI-assistent. Tveka inte att lyfta någon av frågorna till handledningen för att fortsätta diskussionen med lärare och studiekamrater.
- Vilka möjligheter finns att lagra data lokalt i webbläsaren, när man bygger en SPA applikation med HTML, CSS och JavaScript?
- Om jag vill bygga en highscorelista till en applikation i JavaScript, vilken lagring är att rekommendera?
- Berätta hur man använder localstorage.
- Varför passar inte sessionStorage att använda till min highscorelista?
Här är en utskrift från hur det såg ut när jag diskuterade ovan frågor med min AI-assistent Ajj.
Här följer tips till hur du kan prioritera bland kursmaterialet för att komma igång med veckan.
- Titta på föreläsningen för att förstå hur man lagrar data lokalt i webbläsaren och lös sedan highscorelistan i B2.
- Fokusera på inlämningen av B2.
- Får du tid över så börjar du med de två övningsuppgifterna för att förbereda dig inför B3. Bygg modulär kod som blir enkel att återanvända i olika sammanhang, det kommer att underlätta ditt arbete med B3.
