Översikt
Vi går in i sista delen av kursen och den del som också är kopplad till den sista examinationsuppgiften. Nu ska vi knyta ihop säcken genom att börja skriva progressiva webbapplikationer.
“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”Webbapplikationer och introduktion till PWA
Section titled “Webbapplikationer och introduktion till PWA”58m | Presentation
- Introduktion
- Single Page Application
- Offline First
- Applikationstyper
- Native Apps
- Hybridwebbapplikationer (Web)
- Hybridapplikationer (Desktop)
- Progressiva Webbapplikationer (PWA)
- Sammanfattning och jämförelse
Installerbara PWAs
Section titled “Installerbara PWAs”1h 32m | Presentation
- Introduktion
- Service Workers
- Service Workers - Möjligheter
- Service Workers - Krav
- Service Workers - Räckvidd (scope)
- Service Workers - Livscykel
- Service Workers - Livscykel - Steg 1 - Registrera en SW
- Service Workers - Livscykel - Steg 2 - Lyssna på händelser
- CacheStorage
- CacheStorage - Exempel - Cachning vid installation
- CacheStorage - Exempel - Cachning vid fetch
- CacheStorage - Exempel - Ta bort chachad data
- Service Workers i webbläsarens utvecklingsmiljö
- Installera PWAer som en applikation
- Webmanifest
- Demo - Installerbart Memory
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.
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 B3
Section titled “Examinationsuppgift B3”Sista examinationsuppgiften i kursen! Denna kan ni påbörja när helst ni vill! Läs mer om examinationsuppgift B3.
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.
- Förklara kort vad SPA-begreppet innebär man man bygger webbapplikationer.
- Vad innebär “Offline first”?
- Vad innebär hybridappwebbapplikationer?
- Finns det även för desktop applikationer?
- Vad innebär konceptet PWA?
- Förklara kort om Service Worker.
- Visa exempel på en manifestfil.
- Hur använder man CacheStorage tillsammans med PWA?
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 igenom föreläsningarna då de ger teknikområden som är högst relevanta. Det hjälper dig att skapa förståelse för vilken typ av applikationer som en webbprogrammerare kan bygga.
- Jobba vidare med förra veckans övningsuppgift Memory. Ett memory-spel är dessutom ett av kraven till B3 så det är ett sätt att komma igång med den examinationsuppgiften.
- Läs igenom kraven till B3 och börja fundera på hur du skall strukturera din kod. Kanske är det dags att börja bygga en prototyp av din fönsterhantering?
