La conférence Apple est de retour, les développeurs front-end qui codent toute la nuit ne doivent pas oublier de formater
Dès que la conférence Apple commence, le monde de la tech est en fête. Les réseaux sociaux s'enflamment, les tendances explosent, et même la tante qui ne s'intéresse qu'au prix des légumes demande « combien coûte ce nouveau téléphone ». Mais pour nous, développeurs front-end, la conférence a une autre signification : le site officiel doit être mis à jour, les pages spéciales doivent être en ligne, et quand le patron dit « faites une version dans le style Apple », vous devez vous asseoir sagement devant votre ordinateur et vous battre avec le code jusqu'au petit matin.
Coder toute la nuit, les développeurs front-end connaissent bien ça. Le chef de produit vous presse, le designer UI envoie la 18e version des annotations, l'API backend n'est pas encore intégrée, et vous tapez sur votre clavier en râlant. Vous avez enfin réussi à ajuster la page, elle est belle dans le navigateur, mais dès que vous soumettez le code, votre collègue le récupère et voit que la mise en page est complètement cassée. Pourquoi ? Parce que vous avez été paresseux en écrivant le HTML, les balises sont imbriquées n'importe comment, l'indentation est aléatoire, l'ordre des attributs est laissé au hasard. Ça vous semble correct, mais sur un autre ordinateur ou avec un autre éditeur, le problème apparaît immédiatement.
C'est là qu'il faut parler de l'outil de formatage HTML. Beaucoup pensent que formater, c'est juste appuyer sur un raccourci, une fonction intégrée à l'éditeur, rien de spécial. Mais réfléchissez bien : depuis combien de temps n'avez-vous pas sérieusement organisé votre code HTML ? Pour aller vite, vous mettez une dizaine de balises sur une ligne, des div imbriqués dans des div imbriqués dans des div, et à la fin vous ne trouvez même plus où est la balise fermante. Quand il faut modifier une fonctionnalité, vous cherchez pendant des heures sans trouver l'endroit correspondant, vous devez tout reprendre depuis le début, et le temps est perdu à chercher dans le code.
Le formatage HTML fait une chose très simple : réorganiser votre code. Ce qui doit être indenté est indenté, ce qui doit être mis à la ligne est mis à la ligne, les attributs sont alignés, les balises sont fermées. Ça semble anodin, mais les avantages sont bien réels. La structure du code est claire, on trouve les choses plus vite, on corrige les bugs plus facilement. Plus important encore, lors du travail en équipe, tout le monde a un style de code uniforme, les revues de code ne se transforment plus en disputes sur les espaces et les sauts de ligne, et le temps gagné vous permet de dormir une demi-heure de plus.
Surtout lors d'événements comme la conférence Apple, la pression sur les développeurs front-end est déjà énorme. Les pages spéciales du site officiel ont des exigences élevées : animations fluides, responsive impeccable, compatibilité avec toutes sortes de navigateurs exotiques. Vous travaillez jusqu'à 2 heures du matin, votre cerveau ne fonctionne plus très bien, et si en plus le code est un vrai fouillis, c'est la goutte d'eau qui fait déborder le vase. Mieux vaut prendre l'habitude de formater dès que vous avez fini d'écrire une section, et laisser l'outil ranger votre code. Ne sous-estimez pas ce geste, il peut vous faire gagner beaucoup de temps de reprise.
Certains diront peut-être : le formatage ne va-t-il pas abîmer mon code ? Rassurez-vous, un outil de formatage HTML sérieux ne fait qu'ajuster la mise en page, il ne touche pas à votre logique. Les balises restent les mêmes, les attributs restent les mêmes, c'est juste plus agréable à regarder. Bien sûr, il faut choisir un outil fiable, pas un qui va aussi tout chambouler dans les balises ``. Les outils de formatage courants sur le marché sont assez matures : versions en ligne, extensions d'éditeur, outils en ligne de commande, il y en a pour tous les goûts.
Au fond, dans le développement front-end, le code c'est notre métier. La qualité du métier ne se voit pas seulement à si la fonctionnalité est implémentée, mais aussi à si le code est bien écrit. La conférence Apple a lieu chaque année, et les nuits blanches à modifier du code ne manquent pas non plus. Puisqu'on ne peut pas y échapper, autant se rendre la vie plus agréable. Après avoir modifié le code, formatez-le, et le lendemain matin en ouvrant le fichier, tout est propre et net, votre humeur s'améliore d'un coup.
Donc, si ce soir vous devez encore faire des heures supplémentaires, pensez à préparer un café, mettre votre casque, et ne vous précipitez pas pour soumettre le code après l'avoir écrit. Formatez d'abord, vérifiez ensuite, puis dormez tranquille. Apple lance son nouveau téléphone, nous, on protège notre code. C'est ça, la dignité du développeur front-end.