Web Apps Modernes évolue et devient React PWA !

Par Christophe Porteneuve • Publié le 22 décembre 2022 • 3 min

2023 sonne l’heure du changement ! Nous rebrandons notre formation phare et on lui ajoute diverses évolutions pour toujours suivre l’état de l’art des technologies. Web Apps Modernes devient React PWA (qui a en outre l’intérêt de fonctionner en français comme en anglais), ce qui retranscrit nettement mieux ses piliers fondamentaux.

Plus qu’un simple renommage

On en a profité pour faire aboutir des évolutions importantes :

• Les quelque 5 heures de remise à niveau sur le JS moderne du premier jour sont parties, comme depuis déjà un an pour notre formation Node.js. Début 2022, on a pris le temps d’en consigner tout le contenu (et bien plus encore) dans notre série JS idiomatique d’articles et de vidéos gratuites, qu’on recommande à tou·te·s !
• Le temps ainsi libéré permet non seulement encore plus d’exercices en autonomie, mais aussi d’explorer plus avant la partie PWA.
  • Jusqu’ici nous mettions en œuvre les notifications, un offlining complet via Service Worker, le manifeste applicatif pour l’installabilité et les shortcuts pour une intégration plus fine dans l’OS hôte d’actions applicatives courantes.
  • Nous y ajoutons désormais Web Share (comme émetteur standardisé de contenus à partager), et explorons les opportunités d’ajouter de façon pertinente d’autres API sympathiques de l’univers PWA, en particulier Badging.
• Une version TypeScript soignée est aussi disponible, à la demande, en format intra-entreprise (et il n’est pas exclu qu’elle devienne la version de référence en inter-entreprises d’ici fin 2023).
• Nous formalisons aussi les « devoirs à la maison », optionnels et 100% autonomes, pour celleux qui aiment repartir de zéro et explorer dans leur coin les compétences acquises chaque jour, en-dehors du fil rouge applicatif de la formation elle-même.

👉🏻 Voir le programme de la formation React PWA 👈🏻

Très prochainement, nous y intègrerons aussi davantage d’appels API (et plus seulement de l’authentification) afin d’illustrer notamment les diverses orchestrations possibles du chargement incrémental de données, tout particulièrement la voie proposée par la dernière génération de React Router, très inspirée de Remix.

Les origines

Fin 2011 et début 2012, nous lancions des formations très courtes (1 journée chacune) autour de JS pur et sa bibliothèque standard (« JS Puissant ») d’une part, et du développement front-end moderne d’autre part (« JS Guru »). Dès fin 2012, il devenait apparent que beaucoup de clients avaient en fait besoin des deux volets et étaient désireux de pousser les choses plus loin : « JS Total » était née.

À l’époque, cette approche moderne reposait sur Brunch, Backbone.js (donc jQuery et Undescore.js), Jade (désormais Pug), Stylus, Web Storage (via Lawnchair), Application Cache et une gestion assez directe du DOM.

Ça nous emmenait déjà bien loin : des applis 100% client, persistées, accessibles et utilisables hors-ligne… il y a plus de 10 ans !

L’importance des noms

En 2015, la formation était intégralement réécrite pour s’aligner sur l’état de l’art de la construction d’applications front-end riches et performantes. Au revoir Brunch, Backbone.js, jQuery, Underscore.js, Lawnchair, Jade, Stylus et Application Cache ; bonjour Webpack, React, Redux, Material UI, Jest, SCSS et ServiceWorker ! Une sacrée réécriture.

Dans le même temps, on nous demandait de plus en plus souvent une formation complète sur JavaScript et sa bibliothèque standard. Quelque chose pour aller explorer tous les recoins, toutes les syntaxes, toutes les fonctionnalités intégrées. D’ailleurs, vu son nom de « JS Total », celleux qui ne faisaient pas l’effort de lire le programme pensaient que c’était ce que proposait la formation.

On savait que ce nom convenait en fait mieux à une formation langage, mais on ne voulait pas juste transférer le nom existant, ce qui aurait entraîné pas mal de confusion. On a donc décidé de nommer la nouvelle « ES Total », et de renommer la formation front-end « Web Apps Modernes ». Ce nouveau nom avait en outre l’avantage d’un acronyme pratique, monosyllabique et facile à prononcer : WAM, terme que nous allions utiliser quasi tous les jours en interne.

Et en attendant ta formation…

On a tout plein d’articles et de vidéos existants et encore beaucoup à venir. Pour ne rien manquer, tu devrais penser à t’abonner à notre newsletter, à notre chaîne YouTube, nous suivre sur Twitter ou sur Mastodon