Votre partenaire formation 100% digital

Progressive Web App : Concepts et design des SPA / PWA

Concepts et design des SPA / PWA

  • Formateur(s)

    Claude LECOMTE
  • Référence

    PWA3

  • Durée

    3 jours (21h)

  • Prix unitaire HT

    1650 €

Prochaines sessions

Sur demande

Description

Les usages évoluant, les utilisateurs sont en demande constante de fonctionnalités et de performances aux sites web. L’avènement des applications au ressenti natif permet aujourd’hui de répondre à ces aspirations et d’offrir une expérience utilisateur toujours plus riche et rapide.

Le but de cette formation est d’expliquer les concepts sous-jacents aux Single Page Application (SPA) et Progressive Web App (PWA) afin de permettre aux stagiaires de les concevoir de manière performante et d’exploiter leur plein potentiel.

Pour ne pas masquer la mécanique interne, la formation s’appuie uniquement sur JavaScript natif et n’aborde les frameworks qu’au dernier chapitre, en les considérant comme un outil optionnel permettant de faciliter la réalisation;

Objectifs pédagogiques

  • Maitriser les concepts sous-jacents aux SPA / PWA
  • Comprendre leurs forces et leurs faiblesses
  • Maitriser leur architecture / conception
  • Maitriser les outils et notions nécessaires à leur réalisation

Public cible

Développeurs JavaScript

Pré-requis

Bonne maitrise de JavaScript ES6

Modalités d’évaluation

L’évaluation des acquis se fait tout au long de la session au travers d’ateliers de mise en pratique des notions et concepts abordés pendant la formation.

Méthodes pédagogiques

50 % Théorie / 50 % Pratique

Programme de la formation

Les concepts

  • Qu’est-ce qu’une SPA ?
  • Qu’est-ce qu’une PWA ?
  • Comment choisir le type d’application pour un projet ?
  • Quels sont les avantages et inconvénients d’une application ?

Outils et notions

  • Micro services
  • Immutabilité
  • Web pack

Conception et architecture

  • Comment concevoir une SPA / PWA ?
  • Comment gérer l’état de son application dans une SPA / PWA ?
  • Comment gérer le offline dans une PWA ?
  • Le SEO dans un environnement SPA / PWA (SSR)

Mise en application

  • Réalisation d’une SPA en JavaScript natif
  • Enrichissement de la SPA pour obtenir une PWA en JavaScript natif

État de l’art

  • Sensibilisation aux frameworks actuels (React / Angular / Vue)
  • Les Web Components
  • Avantages et inconvénients de ces frameworks
  • Exercice de sensibilisation sur chacun de ces frameworks