Bienvenue dans l’ère du smartphone !
Vous avez surement en face de vous, dans votre poche ou même dans vos mains en ce moment votre téléphone intelligent (Si ce n’est pas le cas, vous pouvez quitter cette page !) mais connaissez vous les Progressive Web Apps ou Applications web progressive ?
Les PWAs (on va les appeler comme ça c’est plus rapide) sont des petites applications qui s’installent lorsque vous cliquez sur “Ajouter à l’écran d’accueil” ou sur le pop-up qui vous propose de le faire depuis le navigateur de votre smartphone (Google Chrome par exemple), vous vous retrouverez donc avec une nouvelle application sur votre écran d’accueil !

screenshot

Voici un exemple de PWA, un accordeur de guitare qui s’installe sur votre écran d’accueil facilement sans passer par un quelconque store.

screenshot (1)

Voici par exemple 6 PWAs que j’ai installé depuis mon navigateur (toutes disponibles ici)

screenshot (2)

 

Si je clique sur l’icone guitare, je suis alors envoyé non pas sur le site mais sur la PWA installé précédemment.

Voila, vous avez compris le concept de la PWA mais concrètement a quoi ça sert ?

Et bien grâce à ces applications installables très facilement, vous pourrez par exemple permettre à vos utilisateur d’accéder à une version plus épuré et rapide de votre site qui sera en partie installé sur l’appareil. Cela vous permet d’installer une version local de votre site sur l’appareil de l’utilisateur, mais aussi d’envoyer des notifications Push facilement, d’afficher des animations plus fluide et d’interagir de façon sécurisé avec votre utilisateur car la PWA gère le protocole HTTPS.

Vous voulez vous lancer dans le monde de la Progressive Web Applications ? Google vous propose un tutoriel complet pour créer votre application disponible ici.

Vous aurez juste besoin des outils ci-dessous :

  • Chrome 52 ou la version au dessus
  • Web Server pour Chrome, ou votre propre serveur
  • Un éditeur de texte
  • Les connaissances de base en HTML, CSS, JavaScript, et Chrome DevTools
  • Un assez bon niveau en anglais

 

Et voila ! Vous êtes près a vous lancer !