Développement web il3

HTML5

Exemples

• Vue d’ensemble : slides Google 2011 ( sources )
  • Obslolète : quota, web sql : Web Storage, application cache : Service Workers
• API d’accès à la caméra, avec du webGL…
• Bachelor NIFFF 2014 : une webapp mobile pour LACIS
• Plein d’exemples
  • html5 rocks! => web.dev
  • Chrome Experiments
  • MDN
  • html5 demos
  • plus de demos ?
• Veille : Frontend Focus (newsletter)
• Disponibilité dans les navigateurs CanIUse.com, What web can do today?

Progressive Web Apps

• Priorité à l’UX
• Utilise moins d’espace qu’une app native
• Avantages des 2 mondes (natif et web)
• Article d’Alex Russel 15.06.15
• Vue d’ensemble par Wikipedia
• Support tardif par iOS (notification: iOS16, install banner: iOS17)

PWA : howto

• Portabilité : Progressive Enhancement
• Rapidité : App Shell, cache
• Offline : Service Workers
• Install Banner : HTTPS, WebApp Manifest, SW, 2 visits
• Tests : Lighthouse en automatise une partie

Exemples et tutos

• Exemples
  • What PWA can do today
  • Project Fugu
  • Awesome PWA
  • Appscope
• Tutos
  • Getting started with PWA
  • Your 1st PWA
  • HN PWA # Sources