le web des années 2020

Ce chapitre n'existe pas, et n'existera pas.

Déjà parce que j'écris ça en 2025, la décennie n'est pas finie.

Aussi, comme je vous l'ai dit avec les flexbox, le design des pages web se sont calcifiés quelque part entre 2012 et 2014, pour autant qu'on fasse toute une histoire de React, 75% du web au moment ou j'écris ça (mars 2025) tourne encore sur jquery.

Et quand je dit calcifié, je parle de l'UX et des layouts. Oui il y a eu plusieurs effets de modes sur le plan du graphisme mais ça nous change très peu de choses.

Ce qui caractérise le web depuis 2017 jusqu'à maintenant c'est la popularisation du "tout-javascript" parce que les entreprises veulent absolument faire des applications web et pas seulement des pages. Donc des expériences, toujours plus riches, toujours plus connectées, avec toujours plus de chances de bugs. Popularisant des trucs comme React et son écosystème.

Et de ce fait, ce cours s'arrête là puisqu'il était censé parler d'html, de css, et de pages web.

Pour continuer, vous devriez faire une intro à javascript, comme celle qui est sur mon site, quoique si vous voulez plus long, plus complet, mais moins immédiatment utile, vous pouvez regarder https://eloquentjavascript.net/

Après quoi votre aventure tombera sur un carrefour avec une multitude de sorties.

Notez que je fais une liste longue pour montrer l'explosion des possibilités et donc qu'il n'y a plus UNE manière de faire. En partant du principe que vous êtes débutant, je vous met un code couleur pour vous aider à faire le tri

🟩 = bonne idée
🟡 = peut être une bonne idée, ça se discute
⭕ = possiblement (très) bonne idée, absolument pas le moment si vous êtes en début de parcours

🟡 On fait "comme tout le monde" parce que le but c'est d'abord de trouver un poste de salarié : React, tailwind, typescript
- ou d'autres frameworks plus ou mains mainstream
  - Vue
  - Svelte
  - Angular
🟡 On reste calme et on utilise seulement le necessaire : webcomponents (potentiellement avec lit ou webC), mutationObserver, javascript proxy, preact-signals
On abandonne javascript:
- ⭕ pour faire du webassembly
- pour utiliser des solution backend-heavy
  - 🟩 htmx (ou peut être fixi mais pour le moment c'est en beta)
  - ⭕ phoenix liveview
  - ❓ hotwire
  - 🟩 ou juste un templating engine comme Pug ou Handlebar
⭕ pour utiliser quelque chose qui transpile vers JS (avec un vrai systeme de types, oui je vise typescript en disant ca)
- gleam
- haxe
- rescript/melange
- elm
🟩 On s'occupe du serveur plutôt que juste des pages web
🟩 On peut aussi creuser plus l'html et le css via
- les animations
- SVG
- l'accessibilité

Enfin bref, le but de ce cours était de faire une intro, et là on y est clairement plus donc rideau!