17 astuces HTML que vous connaissez peut-être pas

@saian: c'est un peu ce qui m'a rebuté dans le dev front end, c'est ces incompatibilités entre navigateurs, si tu reposes pas sur des biblis qui font tout à ta place, tu dois gérer chaque cas et ton code est ultra lourd à écrire, à lire, à maintenir. Pffft, c'est bien de faire des navigateurs innovants, mais bon, voilà.
Bon courage !

@Double: non franchement ça va c'était tellement pire il y a 10 ans, aujourd'hui ils tournent presque tous sur le même moteur.

@saian: j'ai commencé un job qui impliquait back et front en 2006, j'ai donc débuté en exclusif IE. Nos clients devaient utiliser IE, sinon c'est de leur faute si ça marche pas. T'imagines le tsunami Chrome :D

@Double: si tu restes loin de ces techs à la mode (React, Vue, Next, Nuxt...) qui pour moi ne règlent aucun problème et dégoutent du dev, le frontend web aujourd'hui c'est vraiment un fun, on peut presque tout faire en css et html, même les icones en svg, quel plaisir.

@saian: j'imagine oui.
Pas pondu ou même regardé une seule ligne de code depuis 6 mois jour pour jour.
Libéré, délivré, je ne coderai plus jamais...
Mais j'ai toujours mes bouquins Kernighan & Ritchie et une paire d'autres sur le C++, des fois que ça me redémange un jour.

@saian: Jamais réussi a passer le cap de React pour me mettre au web donc entièrement d'accord, mais du coup y a quoi d’intéressant comme autres techno ?

@BAVKT: t'as rien raté c'est une catastrophe ces tech, j'ai fait 2 sites avec Vue/Nuxt, c'était tellement chiant à coder et à mettre à jour que 3 mois plus tard j'ai tout recodé en "classique" et ça m'a pris 7 jours contre 45 avec Vue pour un résultat tout aussi propre.

Pareil pour React, j'ai appris React Native pour faire une belle app Choualbox, l'app est super mais c'est une horreur aussi bien à dev qu'à mettre à jour et React Native Web est juste un gros lol, c'est juste impossible à utiliser en prod. Enfin bref si j'avais commencé la programmation avec ça j'aurais jamais voulu continuer, on a atteint ce moment où quand une technologie (le web) est vraiment mûre on commence à réinventer et compliquer à fond la roue, je sais plus comment s'appelle ce phénomène mais on est en plein dedans.

Sinon pour mon com plus haut je pensais juste aux nouveautés d'HTML et CSS, maintenant tu peux faire des super sites bien design avec aucune image et aucune feinte javascript.

T'as aussi des framework comme Tailwinds qui font vraiment du beau boulot.

Ajoute à ça les PWA, j'adore le concept des PWA, la moitié des apps sur mon mac sont des PWA (Twitter, Tinder, Youtube Music...), il y a eu des gros progrès chez Google pour mettre cette techno en avant et pour une fois on a quelque chose qui est vraiment utile.

Le plus prometteur c'est que dans les prochaines versions de Chrome (les autres navigateurs suivront vite j'imagine) on pourra même charger du contenu avant le clic et gérer les animations, on aura le même rendu qu'avec React ou Vue mais en pure HTML et sans réinventer la roue (modifier tes pages), ça demandera sans doute à peine quelques minutes de code pour passer son site en SPA.

Exemple https://developer.chrome.com/blog/shared-element-transitions-for-spas/

@saian: Après si t'as codé en classique toute ta vie c'est normal que tu sois plus efficace qu'avec des nouvelles technos pour lesquelles tu ne connais pas encore bien le fonctionnement non ?

En tous cas je suis d'accord, y a un framework JS qui sort par jour, pour refaire la même chose que tous les autres avec deux variations dans le "langage"... Puis c'est des packages qui appellent des packages qui appellent des packages, au final t'as aucune idée de ce qu'il se passe derrière tellement il y a de surcouches

Du coup ce que tu dis si j'ai bien compris c'est que HTML/JS/CSS se suffisent à eux même ? C'est assez interessant si c'est le cas parce que quand tu check des tutos/avis t'as l'impression que tu peux plus rien faire sans framework ou librairies à la React

@BAVKT: franchement non j'ai déjà sorti 4 gros projets avec, le premier j'ai galéré car j'apprenais mais les 3 autres c'était de l'acquis, sans parler de toutes les merdes de paquets, comptabilité et tech pas mûres, le plus gros problème ça reste que tu vas écrire 2 voir 3 fois plus de code.

Exemple avec un écran de connexion (juste un login+mdp) :
- sur une app avec React Native ou autre framework js tu dois coder : ton formulaire HTML + une fonction submit() qui va envoyer les informations de connexion + une fonction qui va interpréter le return renvoyé par ton backend (api).

- sur un site "classique" tu dois coder : ton formulaire html.

C'est tout. Tout le retour est géré en backend et le backend est pas plus gros que ton api.

-----------------

Aussi quand tu creuses tu te rends compte que ces frameworks t'aident pas du tout à résoudre les vrais galères du dev mobile :

- le clavier qui s'affiche différemment selon l'OS et qui te massacre l'affichage une fois sur deux (ex: le site mobile choualbox) : t'auras le même soucis avec React Native qu'avec du HTML/CSS classique mais sur ton site tu veux éviter de régler avec du JS, tu préfères tout faire en CSS pour éviter les galères, sur React tu fais déjà tout en JS donc tu vas corriger le problème en JS et au final tu vas te dire "ah ouais React c'est cool", bah non ....

- un dropdown : tout aussi galère avec React
- une modal : encore plus galère avec React
- un header flottant : encore plus galère avec React

Mais bien sûr sur React (et les autres) tu vas installer 10 packages pour te faciliter la tâche alors qu'en classique tu fais tout pour éviter les frameworks css et autres donc encore une fois tu vas te dire "c'est plus facile avec React".

@saian: Ok je vois, merci pour ton retour, ça fait plaisir de voir que tout le monde ne jure pas que par ça !
HTML/CSS/JS ont l'air bien plus abordable donc ça m'arrange bien haha. Surtout pour ce que je veux en faire qui de manière générale est plutot basique