Développement web il3

HTML5

Exemples

• Vue d’ensemble :
  • html vs html5
    
  • Slides html5 rocks ! Google 2011 ( sources )
  • Obslolète : quota, web sql : Web Storage, application cache : Service Workers
  • MDN Web APIs
• Plein d’exemples
  • What web can do today?
  • Chrome Experiments
  • API d’accès à la caméra, avec du webGL…
  • html5 demos (sponsorisé), Showcase Hongkiat, LACIS (TB NIFFF 2014)
• Veille : Frontend Focus (newsletter)
• Disponibilité dans les navigateurs CanIUse.com

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 d’iOS (notification: iOS16, install banner: iOS17)

PWA : howto

• Learn PWA
• 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