Course Outline

Invoering

  • Convergentie van web en mobiel

Redenen voor het ontwikkelen van progressieve webapps

  • snelheid en prestaties (vergeleken met websites)
  • beveiliging
  • offline mogelijkheden
  • pushmeldingen
  • verbeterde bouncepercentages
  • app-achtig gevoel en functionaliteit
  • het omzeilen van App Stores

Uw website inschakelen

  • beveiligde HTTPS-verbinding
  • JSON-manifest
  • Servicemedewerker

Bouw uw eerste progressieve webapp (PWA)

Gebruik servicemedewerkers om uw app offline te laten werken

  • Gegevens in cache opslaan
  • Pushmeldingen serveren
  • Inhoud bijwerken
  • Data manipulatie

Gebeurtenisluisteraars en opdrachten

  • Aanpassen van antwoorden op netwerkverzoeken, afhankelijk van de online/offline-status
  • Gegevenspersistentie en berichtenuitwisseling
  • Accessing Cache API, Fetch API, IndexedDB API, postMessage(), enz.
  • Het vergroten van de gebruikersbetrokkenheid via de Notificatie-API

In de cache opgeslagen activa gebruiken in uw toepassing

Webapp-manifest configureren

  • De app toevoegen aan het startscherm

Applicatie Shell-architectuur

UI-overwegingen

  • Bruikbaarheid
  • Lokalisatie

Problemen met de PWA oplossen

De PWA implementeren in een App Store

Samenvatting en conclusie

Requirements

  • HTML, CSS en objectgeoriënteerd JavaScript.
  • Een mobiel apparaat.
  • Mogelijkheid om Google Chrome op een mobiel apparaat uit te voeren.

Publiek

  • Webontwikkelaars
  • App-ontwikkelaars
  14 Hours

Getuigenissen (3)

Related Courses

Related Categories