larlet-fr-david-cache/cache/ae0bd3d45e9b20de382224c9cebead14/index.md

title: Maman, Papa, je suis développeur front-end et voilà ce que ça veut dire
url: https://wizbii.tech/maman-papa-je-suis-d%C3%A9veloppeur-front-end-et-voil%C3%A0-ce-que-%C3%A7a-veut-dire-fb7d98c5e0b8
hash_url: ae0bd3d45e9b20de382224c9cebead14

<section><div class="section-inner layoutSingleColumn"><p name="f4e0" id="f4e0" class="graf graf--p graf-after--figure">Mes parents n’ont aucune idée de ce que je fais.</p><p name="df6f" id="df6f" class="graf graf--p graf-after--p">On s’amuse souvent de cette réplique. C’est une façon de dire qu’on se sent incompris, que le métier qu’on exerce est complexe et que peu de gens peuvent en parler clairement. Mais je crois qu’on est avant tout coupable de s’en sentir valorisé. Comme si faire quelque chose que “personne” ne comprend était un facteur différenciant.</p><p name="b17f" id="b17f" class="graf graf--p graf-after--p">En vérité ce sentiment d’incompréhension tient plus à notre incapacité à l’expliquer et au fait que nous n’ayons pas pris le temps de le faire.</p><p name="f202" id="f202" class="graf graf--p graf-after--p">J’en suis coupable, et vous l’êtes peut être aussi. Mais j’ai bien l’intention de changer les choses avec l’ambition de vous donner, Maman, Papa, une image plus claire de ce que votre fils fait dans la vie.</p><h3 name="44bc" id="44bc" class="graf graf--h3 graf-after--p">Une diversité de développeurs</h3><p name="16f8" id="16f8" class="graf graf--p graf-after--h3">J’ai eu à présenter mon métier un bon nombre de fois. J’ai d’abord été très maladroit, imprécis et réducteur. Avec le temps, j’ai espoir de m’être assez amélioré pour maintenant offrir une explication simple et fidèle.</p><p name="803a" id="803a" class="graf graf--p graf-after--p">Ce dont je me suis rendu compte c’est qu’il y a, avant même le métier de développeur, un bon nombre d’aspects qui restent abstraits.</p><p name="2229" id="2229" class="graf graf--p graf-after--p">Pour beaucoup, un développeur c’est quelqu’un qui écrit du code. Cette définition n’est pas totalement fausse mais très réductrice. Ça revient à dire, par exemple, que le métier d’architecte ne consiste qu’à dessiner.</p><p name="e459" id="e459" class="graf graf--p graf-after--p">La première chose à comprendre c’est qu’il n’existe pas un seul “code”. Il existe en fait une très grande diversité de langages de programmation qui répondent chacun à une problématique précise. Le développeur qui conçoit des logiciels n’utilise pas les mêmes outils que celui qui développe des robots mécanisés, ni les mêmes langages que celui qui crée des sites internet.</p><p name="3f4e" id="3f4e" class="graf graf--p graf-after--p">Si il existe autant de métiers de développeurs, c’est parce qu’ils nécessitent chacun des compétences différentes. Programmer un robot demande de connaître son fonctionnement, les problèmes qu’il peut rencontrer et les usages attendus. Des challenges qui sont bien différents de ce que peut rencontrer un développeur d’applications mobiles par exemple. Lui doit maîtriser l’appareil, le contexte dans lequel il est utilisé, ses contraintes, etc.</p><p name="7626" id="7626" class="graf graf--p graf-after--p">En plus de maîtriser un (voir plusieurs) langage(s), il doit aussi maîtriser sa problématique, son support. Je pense qu’il est clair à ce stade qu’une seule et même personne ne peut pas raisonnablement faire toutes ces choses à la fois.</p><p name="5190" id="5190" class="graf graf--p graf-after--p">On peut donc dire qu’un développeur, c’est un spécialiste d’un besoin donné. Pour arriver à ses fins il doit en maîtriser les circonstances et technologies afin de proposer une réponse adaptée.</p><h3 name="6279" id="6279" class="graf graf--h3 graf-after--p">Pour ce qui est du web…</h3><figure name="9e0d" id="9e0d" class="graf graf--figure graf-after--h3"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 467px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 66.7%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*GAkCBKF0NyLWeLICbx5ATA.jpeg" data-width="1920" data-height="1280" data-action="zoom" data-action-value="1*GAkCBKF0NyLWeLICbx5ATA.jpeg" draggable="false"><img src="https://cdn-images-1.medium.com/freeze/max/60/1*GAkCBKF0NyLWeLICbx5ATA.jpeg?q=20" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1600/1*GAkCBKF0NyLWeLICbx5ATA.jpeg"><noscript class="js-progressiveMedia-inner"><img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/max/1600/1*GAkCBKF0NyLWeLICbx5ATA.jpeg"></noscript></div></div><figcaption class="imageCaption">Cas très classique de l’utilisation d’une tablette : sur un bureau, devant un ordi (blague).</figcaption></figure><p name="57ab" id="57ab" class="graf graf--p graf-after--figure">Je ne peux malheureusement pas rendre grâce à tous les métiers de développeur dans cet article. Je m’en tiendrai à ceux qui se sont spécialisés dans la création de supports webs.</p><p name="2b97" id="2b97" class="graf graf--p graf-after--p">Je disais plus tôt qu’il existe une grande diversité de développeurs. Eh bien il existe, au sein même d’un domaine donné, encore d’autres métiers.</p><p name="ae67" id="ae67" class="graf graf--p graf-after--p">On compte sur le web des développeurs front-end, back-end, full stack, des “devops” et bien d’autres. S’il faut autant de monde pour créer un site internet, c’est parce que internet c’est compliqué. Je pense honnête de dire qu’aucun développeur web n’en maîtrise toute la chaîne. Certains aspects restent abstraits, même pour des gens qui le côtoient tous les jours dans un cadre professionnel.</p><p name="0291" id="0291" class="graf graf--p graf-after--p">Pour illustrer cette complexité, prenons un exemple : votre boîte email. Je suis prêt à parier que vous pouvez la consulter n’importe quand, n’importe où et depuis à peu près n’importe quel appareil : votre ordinateur, votre téléphone, votre télé, peut être même votre montre. Mais vous n’êtes pas les seuls, il y a probablement des milliers d’autres personnes qui se connectent en même temps.</p><p name="ad9a" id="ad9a" class="graf graf--p graf-after--p">Alors imaginez ces milliers de personnes assises devant votre ordinateur, toutes essayant de consulter leurs emails en même temps, sur le même ordinateur. Bien que physiquement impossible, c’est pourtant un peu ce qui se passe.</p><p name="a113" id="a113" class="graf graf--p graf-after--p">Il faut donc que le site qui vous permet de consulter vos emails soit capable d’accueillir tout ce beau monde, avec la quantité d’emails et d’appareils que ça sous-entends. En coulisse, des professionnels s’assurent que le site soit toujours disponible, d’autres que vos emails soient en sécurité, d’autres qui pensent l’interface et d’autres encore qui la construisent. Il y a entre votre navigateur et le site final, un grand nombre d’étapes et de métiers avant qu’un email ne s’affiche sur votre écran.</p><p name="c5e4" id="c5e4" class="graf graf--p graf-after--p">Mais ne nous égarons pas, présenter toutes ces personnes est un projet bien trop ambitieux pour cet article. Intéressons nous plutôt à ceux qui sont le plus proches de votre écran.</p><h3 name="2544" id="2544" class="graf graf--h3 graf-after--p">La métaphore de la voiture</h3><p name="90af" id="90af" class="graf graf--p graf-after--h3">Difficile de parler du développeur front-end sans son contexte tant il est lié à deux autres métiers : celui de designer et développeur back-end.</p><p name="c07b" id="c07b" class="graf graf--p graf-after--p">Un excellent parallèle est celui de la voiture, voyons comment elle se compare à la création d’un site internet.</p><figure name="62de" id="62de" class="graf graf--figure graf--layoutOutsetLeft graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 525px; max-height: 349px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 66.5%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*Da8GraGwYEVWXsCwqMglGQ.jpeg" data-width="1920" data-height="1276" data-action="zoom" data-action-value="1*Da8GraGwYEVWXsCwqMglGQ.jpeg" draggable="false"><img src="https://cdn-images-1.medium.com/freeze/max/60/1*Da8GraGwYEVWXsCwqMglGQ.jpeg?q=20" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1200/1*Da8GraGwYEVWXsCwqMglGQ.jpeg"><noscript class="js-progressiveMedia-inner"><img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/max/1200/1*Da8GraGwYEVWXsCwqMglGQ.jpeg"></noscript></div></div><figcaption class="imageCaption"><a href="https://www.wizbii.com/?utm_source=medium&amp;utm_medium=article&amp;utm_campaign=maman_papa" data-href="https://www.wizbii.com/?utm_source=medium&amp;utm_medium=article&amp;utm_campaign=maman_papa" class="markup--anchor markup--figure-anchor" target="_blank">Ceci est une Wiz’Ferrari.</a></figcaption></figure><p name="d286" id="d286" class="graf graf--p graf-after--figure">La première étape dans la construction d’une voiture c’est de la concevoir, de la “dessiner”. Il faut la réfléchir en pensant aux besoins clients, au sens dans lequel la portière s’ouvre, comment la vitre se descend, etc. Il faut la penser dans tout ses cas d’usages et en produire une représentation concrète. Pour ce qui est du web, c’est le rôle du designer <em class="markup--em markup--p-em">(design = designer)</em>. C’est celui qui identifie les besoins et propose une interface adaptée.</p><p name="c69f" id="c69f" class="graf graf--p graf-after--p">Vient ensuite celui qui crée la carrosserie et toute la partie visible de la voiture en se basant sur le travail du designer. Il s’assure que tout est conforme, que la portière s’ouvre comme convenue, que les couleurs et matières sont respectées. Ça, c’est mon métier : celui de développeur front-end <em class="markup--em markup--p-em">(front = devant / façade)</em>. Je rends la rédaction d’un email possible via une interface interactive.</p><p name="7c7f" id="7c7f" class="graf graf--p graf-after--p">Et enfin, il y a tout le reste de la voiture. Tout ce qu’on ne voit pas de prime abord : tout ce qui se trouve sous le capot et la voiture. C’est celui qui s’assure que le carburant soit correctement distribué, peu importe le degré de pression de la pédale. Lui, c’est le développeur back-end <em class="markup--em markup--p-em">(back = arrière)</em>. Sur le web c’est celui qui s’assure que vos emails soient remis à votre destinataire en toute sécurité.</p><h3 name="f7ff" id="f7ff" class="graf graf--h3 graf-after--p">Et le code dans tout ça ?</h3><p name="5a4c" id="5a4c" class="graf graf--p graf-after--h3">Si j’ai si peu parlé de code jusqu’à maintenant, c’est parce qu’il n’est qu’un moyen d’arriver à nos fins. <em class="markup--em markup--p-em">Un développeur n’est pas payé pour écrire du code</em>, tout comme on ne paye pas un architecte pour passer son temps à dessiner.</p><p name="1342" id="1342" class="graf graf--p graf-after--p">Pourquoi est-ce qu’on paye un architecte alors ?</p><p name="8bba" id="8bba" class="graf graf--p graf-after--p">On paye un architecte pour qu’il conçoive un bâtiment. Pour qu’il écoute nos besoins, y réfléchisse et propose des solutions. Parce qu’il connaît bien mieux que nous toutes les problématiques à prendre en compte lorsqu’il s’agit de bâtir une maison.</p><p name="0ad4" id="0ad4" class="graf graf--p graf-after--p">Eh bien le métier de développeur c’est un peu pareil. Il exige d’être capable de comprendre les besoins, d’en saisir les enjeux pour formuler une solution adéquate. Des réponses qui sont bien différentes s’il s’agit de développer une boîte email, un réseau social ou un site vitrine.</p><p name="995d" id="995d" class="graf graf--p graf-after--p">Le code n’est pour ainsi dire que le cadet des soucis d’un développeur. La vraie complexité se situe dans la proposition d’une solution pertinente, efficace et fiable en connaissance des différents enjeux.</p><figure name="ef82" id="ef82" class="graf graf--figure graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 394px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 56.3%;"></div><div class="progressiveMedia js-progressiveMedia graf-image" data-image-id="1*_wRL2vgOwXmj3ILvA_XyHg.jpeg" data-width="1920" data-height="1080" data-action="zoom" data-action-value="1*_wRL2vgOwXmj3ILvA_XyHg.jpeg" draggable="false"><img src="https://cdn-images-1.medium.com/freeze/max/60/1*_wRL2vgOwXmj3ILvA_XyHg.jpeg?q=20" crossorigin="anonymous" class="progressiveMedia-thumbnail js-progressiveMedia-thumbnail"><canvas class="progressiveMedia-canvas js-progressiveMedia-canvas"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1600/1*_wRL2vgOwXmj3ILvA_XyHg.jpeg"><noscript class="js-progressiveMedia-inner"><img class="progressiveMedia-noscript js-progressiveMedia-inner" src="https://cdn-images-1.medium.com/max/1600/1*_wRL2vgOwXmj3ILvA_XyHg.jpeg"></noscript></div></div><figcaption class="imageCaption">Une représentation réaliste de code. On est bien loin de Matrix n’est-ce pas ?</figcaption></figure><h3 name="b094" id="b094" class="graf graf--h3 graf-after--figure">En résumé</h3><p name="0f56" id="0f56" class="graf graf--p graf-after--h3">J’espère à ce stade avoir démystifier un peu le métier de développeur. L’idée n’est pas de tout en savoir mais simplement que vous puissiez vous en faire une image. Je sais par exemple à peu près en quoi consiste le métier d’architecte mais serai incapable d’aller dans les détails.</p><p name="5e64" id="5e64" class="graf graf--p graf-after--p">En bref, ce qu’il faut retenir de cet article c’est que:</p><ul class="postList"><li name="af37" id="af37" class="graf graf--li graf-after--p">Il existe plein de métiers de développeurs complètement différents.</li><li name="7eb7" id="7eb7" class="graf graf--li graf-after--li">Internet c’est compliqué, c’est pour ça qu’il faut des gens spécialisés.</li><li name="9441" id="9441" class="graf graf--li graf-after--li">Il y a, entre autres, 3 acteurs qui jouent un rôle important dans la création d’un site internet : le designer, le développeur front-end et le développeur back-end.</li><li name="14cd" id="14cd" class="graf graf--li graf-after--li">Le designer est un concepteur qui crée des représentations graphiques du produit (dessine la voiture).</li><li name="e7f8" id="e7f8" class="graf graf--li graf-after--li">Le développeur front-end rend l’interface interactive en suivant les directives du designer (met la carrosserie).</li><li name="5e1d" id="5e1d" class="graf graf--li graf-after--li">Le développeur back-end s’assure que vos données soient bien conservées et en sécurité (s’occupe du moteur).</li><li name="4f18" id="4f18" class="graf graf--li graf-after--li">Enfin, un développeur est avant tout quelqu’un qui propose des solutions à un problème donné — le code n’est que sa matière première.</li></ul><p name="660d" id="660d" class="graf graf--p graf-after--li graf--last">Voilà Maman, Papa, c’est à ça que ressemble mon métier.</p></div></div></section><section name="cf1a" class="section section--body section--last"><div class="section-divider layoutSingleColumn"><hr class="section-divider"></div><div class="section-content"><div class="section-inner layoutSingleColumn"><p name="e752" id="e752" class="graf graf--p graf--leading">N’hésitez pas à partager cet article avec vos Mamans/Papas ! Et pensez à lâcher un petit ❤️ si vous pensez qu‘il contribue à rendre notre communauté plus ouverte.</p><p name="14a8" id="14a8" class="graf graf--p graf-after--p graf--last">Je serai aussi curieux de savoir comment vous vous y prenez pour expliquer votre métier ? Que vous soyez développeur, ou pas !</p></div></div></section>