-
Filière :
Développement logiciel
-
Sous-filière :
Applications mobiles & PWA
-
Référence
PWA3
-
Durée
3 jours (21 h)
-
Prix par personne HT
1 650 € HT
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
Qualité
Cette formation est accessible aux personnes en situation de handicap, nous contacter en cas de besoin d’informations complémentaires.
Programme mis à jour le