La console du navigateur recrache pour la troisième fois la même ligne rouge : Uncaught TypeError. Je viens de réécrire mon script de tri de tickets sans toucher à la logique, et l'erreur s'accroche quand même. Au bureau, près de Rennes, c'est la corvée qui tourne en boucle depuis des mois : cliquer sur « Suivant », copier une adresse MAC, la coller ailleurs, valider, recommencer, cent fois par jour ou presque. À un moment donné, je me suis dit qu'il fallait parler directement au navigateur plutôt que de le subir, d'où cette formation JavaScript, suivie en autoformation, pensée pour le support IT, pas pour un futur développeur web.
Petit avertissement avant d'aller plus loin : cet article contient des liens affiliés que j'utilise moi-même, et si vous achetez en passant par là, je touche une petite commission sans que ça change le prix pour vous. Ça me permet de continuer à payer ces formations de ma poche, un soir à la fois, et à vous dire franchement ce qui vaut le coup ou pas, sans filtre marketing.
Avant de m'inscrire, j'avais déjà tenté ma chance avec une pile de tutoriels YouTube pris un peu au hasard, sans fil directeur. Ça ressemblait à monter un meuble avec dix notices différentes ouvertes en même temps : chaque vidéo donnait sa propre méthode, et je finissais avec des bouts de code qui ne s'emboîtaient pas entre eux. J'avais aussi bidouillé un peu la formation au langage Python pour extraire des données de nos tickets, une bonne porte d'entrée pour découvrir la programmation, mais côté navigateur, c'est un autre langage qui commande : le JavaScript. C'est le seul que tous les navigateurs comprennent nativement, peu importe lequel. Entre les deux, le choix n'est pas vraiment une question de goût : Python pour scripter en coulisses, JavaScript pour toucher à ce que l'utilisateur voit à l'écran. Je me suis donc lancé dans la formation JavaScript : 100 % pratique, non pas pour devenir développeur web, mais pour fabriquer mes propres outils.
Le DOM, premier outil pour comprendre le navigateur
Ce qui m'a plu tout de suite, c'est que le programme ne perd pas trois semaines en théorie avant d'arriver au concret. On attaque directement le DOM. Pour quelqu'un qui vient du réseau, l'image la plus simple reste celle d'un plan d'étage : chaque élément HTML de la page est une pièce, et le JavaScript est la clé qui permet d'entrer et de changer la disposition sans refaire les murs.
La première fois que j'ai changé la couleur de fond d'une page avec une seule ligne tapée dans la console, sur l'écran de droite pendant que la vidéo du cours tournait sur celui de gauche, ça n'avait l'air de rien. Mais une fois qu'on comprend qu'on peut modifier n'importe quel bouton ou texte d'une interface qu'on utilise huit heures par jour, les usages possibles sautent aux yeux. Le cours n'enseigne pas le vieux JavaScript poussiéreux : on travaille directement en ES6, la syntaxe moderne, celle qui reste lisible même pour quelqu'un sans diplôme d'informatique derrière lui.
C'est là que j'ai eu mon premier vrai moment de solitude. Toute une matinée de week-end passée à m'arracher les cheveux sur un script de tri de tickets qui semblait correct mais refusait de fonctionner. La cause : un simple signe égal au lieu d'un triple, sur une comparaison de variables. Les notions de variables, de fonctions et de conditions, c'est la base qu'on retrouve aussi du côté de Python, mais en JavaScript la syntaxe a ses propres pièges, et celui-là, une fois qu'on s'est fait avoir, on ne l'oublie plus.
Fetch et l'asynchrone : les pièges
Vers le milieu du parcours, je suis tombé sur un os plus coriace : les fonctions asynchrones et les requêtes Fetch. En clair, c'est quand le script demande une info à un serveur et doit attendre la réponse sans bloquer tout le reste. L'image qui m'a aidé, c'est celle d'une commande en drive : on ne reste pas planté devant le haut-parleur en attendant que les frites cuisent, on avance à la fenêtre suivante et on récupère le sac une fois prêt.
Le cours passe ensuite à la manipulation des API, ce qui sert concrètement si on veut utiliser des API de support avec une formation JavaScript accessible pour remonter une info de garantie directement dans le navigateur, sans changer d'onglet. Voir enfin s'afficher un code 200, le code de succès HTTP standard, après plusieurs heures d'erreurs en boucle, ça fait un vrai bien, même tard un soir de semaine.
On mesure aussi l'ampleur du truc à ce moment-là. Savoir qu'il existe plus de 2 000 000 de paquets sur le registre NPM, ça donne le vertige. Le cours aide heureusement à rester concentré sur ce qui sert vraiment au quotidien du support, sans partir dans tous les gadgets réservés aux développeurs professionnels.
Coder une extension tout de suite, la fausse bonne idée
Un point où je ne suis pas d'accord avec ce qu'on lit souvent sur les forums : vouloir fabriquer une extension de navigateur dès le départ est une erreur de méthode. Beaucoup de collègues du support tentent le coup directement pour automatiser leurs tâches, mais sans maîtriser d'abord les barrières de sécurité qui isolent le DOM, on va droit dans le mur. Le navigateur protège les données de l'utilisateur par des cloisons volontairement strictes.
Essayer d'injecter du code sans comprendre comment le navigateur compartimente les scripts, et soit ça ne marche pas, soit on ouvre une faille de sécurité sur son propre poste. La formation insiste sur la pratique, et c'est précisément ce qui m'a fait comprendre qu'un simple script lancé depuis la console suffit très largement pour créer des scripts helpdesk sur mesure, sans partir dans une architecture d'extension bien trop lourde pour nos besoins de techniciens.
J'ai aussi laissé tomber le module sur les frameworks modernes, React et compagnie, à mi-chemin. Pas parce qu'il était mauvais, mais parce que ce n'est tout simplement pas mon métier : à quoi ça servirait à quelqu'un qui veut juste bricoler des scripts de support ? Gwenaël, un collègue du support qui a eu sa certification réseau avant moi, garde un wiki perso de commandes qu'il ne partage qu'à contrecœur ; sur ce coup-là, impossible de compter sur lui, j'ai dû m'en sortir avec le cours. Et c'est à peu près vers la cinquième semaine de cette autoformation que j'ai remarqué un truc bizarre : en passant devant son écran, j'ai lu d'un coup d'œil un schéma réseau punaisé au mur, sans avoir besoin de suivre chaque trait du doigt comme avant. Rien à voir avec le JavaScript en soi, mais c'est le même réflexe qui s'installe : une fois qu'on a appris à lire du code structuré, un schéma d'adressage ou de routage devient juste une autre carte à déchiffrer.
Transformer ces heures d'autoformation en script utile pour le support
Aujourd'hui, ce petit script tourne pour toute l'équipe et nous fait gagner une bonne dizaine de minutes par heure sur la saisie des rapports. Ce n'est pas le code le plus élégant du monde, un développeur pro y trouverait sûrement à redire, mais il tient la route. Et c'est ça que j'apprécie dans cette approche : on apprend à construire des outils, pas à réciter des définitions. Si vous avez déjà touché au réseau, par exemple via la formation Cisco, vous savez que la théorie compte, mais que savoir quel câble débrancher quand tout plante compte encore plus ; ce cours demande d'ailleurs le même genre d'investissement sur la durée, avec quelques passages où l'anglais technique ne pardonne pas. Pour le JavaScript côté navigateur, c'est pareil : la pratique prime.
Nordine, un lecteur qui calcule chaque euro de sa reconversion, m'a demandé récemment en commentaire si ce cours valait le coup une fois qu'on a déjà fait du réseau. Ma réponse, sans tourner autour du pot : oui, mais pas en toute première formation. Ce programme suppose déjà quelques notions de base en HTML, donc si vous partez de zéro côté web, mieux vaut d'abord vous familiariser avec les balises avant de vous attaquer au script. Et si votre objectif, c'est surtout d'automatiser des tâches répétitives plutôt que de bricoler le navigateur, la formation Python reste sans doute le réflexe à avoir en premier, avant même de penser critères de sélection ou programme détaillé.
Si vous hésitez encore, regardez d'abord les vidéos gratuites avant de sortir la carte bancaire. Pour quelqu'un du support, ce genre de formation est le pont entre subir les outils qu'on nous impose et commencer à construire ceux dont on a vraiment besoin. Allez jeter un œil à la page de la JavaScript : formation 100 % pratique pour voir si le programme colle à votre situation ; les tarifs et les promos changent souvent, mieux vaut vérifier par vous-même. Verdict en une phrase : un bon cours pour qui sait déjà pourquoi il code, pas pour qui n'a jamais ouvert une page HTML.