Nicolas Negrier

Reconverti en développeur, actuellement en CDI, je cherche à développer aussi bien mon code que ma partie freelance sur mon temps libre. Voici mon aventure!

[Nicolas Negrier @NegrierNicolas]

Performance d’un site vitrine 🚀

Comme je le dis souvent dans mes posts, je crée des sites vitrines ou des sites avec un portail d’administration pour permettre à mes clients de publier et modifier leur contenu en toute autonomie.

Je ne suis pas un expert SEO, mais j’ai quelques bases. Et si mon client souhaite une optimisation avancée, je travaille en collaboration avec Sarah FREITAG, pour qui la création de contenu optimisé pour le référencement n’a plus de secret 🕵️‍♀️.

Mais ce n’est pas parce que je ne suis pas spécialiste en SEO que je ne dois pas faire ma part du travail en optimisant la structure et la performance du site.

L’organisation du HTML joue un rôle clé dans le référencement. Une structure claire et ordonnée permet aux robots 🤖 d’indexation des moteurs de recherche de mieux comprendre le contenu du site.

C’est pourquoi, lorsque je développe un site, j’essaye d'utiliser au mieux les bonnes balises HTML afin que le texte, optimisé ou non, soit reconnu à sa juste valeur dans une structure bien organisée.

Je pourrais me contenter d’un site uniquement composé de <div>, <p>, <img> et autres balises basiques, mais cela reviendrait à écrire un livre sans titres ni chapitres. Les moteurs de recherche ne sauraient pas quels éléments sont importants ni leur rôle dans la page.

Le contenu est essentiel pour le SEO, mais le code aussi ! Une structure propre et optimisée met en valeur les efforts rédactionnels ✍️.

Un site lent peut être pénalisé par les moteurs de recherche. Et l’un des coupables les plus fréquents ? Des images trop lourdes !

Comment éviter ça ?

👉 Utiliser des images adaptées : inutile d’afficher une 4K (3840 × 2160) si elle ne dépasse pas 1280 × 720 sur le site.

👉 Stocker plusieurs versions d’une image si elle est utilisée en miniature, en illustration d'un article et en pleine largeur.

👉 Compresser les images sans perte de qualité. Perso, j’utilise https://t.co/00RqN6NgaJ, un outil ultra pratique 🛠️.

Bien sûr, il y a encore plein d’autres optimisations possibles mais... ce post est déjà bien long 😆.

Et vous, quelles sont vos astuces pour optimiser la performance d’un site ? Partagez-les en commentaire ! ⬇️

[Nicolas Negrier @NegrierNicolas]

Suis-je un imposteur ?

Je suis 🧑‍💻 développeur Node/React depuis maintenant un an et demi, sans compter une première expérience en tant que développeur Symfony quelques mois auparavant.

Je suis capable de faire plein de choses : développer une API en Node.js avec Express et Prisma, ainsi que son front en React avec Mantine. Pourtant, je ne me sens pas toujours légitime dans ce que je fais.

En parallèle, je conçois des sites vitrines pour des clients en freelance sur mon temps libre. Sur ce point, je me sens un peu plus à ma place, car ce sont des projets plus basiques en HTML/CSS. Mais je me dis toujours qu’il y a sûrement des choses que j’ignore ou que je ne fais pas parfaitement.

Malgré tout, la satisfaction de mes clients et mon souci de produire du code structuré et conforme aux "bonnes pratiques" me rassurent.

Je sais que dans le développement web, le syndrome de l’imposteur est omniprésent. Il faudrait presque un module dédié dans les formations de développeur 😄.

Mais je me pose une question : ce sentiment finit-il par disparaître ?

Est-ce qu’un jour, on se sent pleinement légitime dans son métier ? Est-ce une question d’années d’expérience ? De projets réalisés ?

Et vous, quand avez-vous commencé à vous sentir légitime en tant que développeur ?

[Nicolas Negrier @NegrierNicolas]

@PatrickFaramaz Avec plaisir.

[Nicolas Negrier @NegrierNicolas]

Comment se tenir à jour ?!

Hier, @PatrickFaramaz a commenté mon post (sur LinkedIn) sur mon changement d’environnement informatique, et cela m’a fait penser à la veille technologique. Pour ceux qui ne le connaissent pas, c’est un développeur expérimenté, mais surtout le co-présentateur de Double Slash (je vous en parle plus bas 😉).

En informatique, tout évolue très vite, et le développement web n’est pas épargné. Il y a énormément de choses à apprendre, mais aussi beaucoup de nouveautés qui peuvent nous submerger. Sur Internet, on trouve tout et son contraire. Quand on débute, on a tendance à tout prendre pour argent comptant, faute d’expérience, et à croire les plus avancés sans toujours remettre en question les informations.

Aujourd’hui, j’ai quelques sources de veille qui sont, pour moi, des références essentielles dans ce domaine. Elles sont mes bibles pour rester à jour et progresser en tant que développeur.

Je garde aussi un œil sur ce qui passe sous mon radar sur les réseaux sociaux : avis, retours d’expérience d’autres devs… Mais je ne stocke réellement une information que si mes sources de confiance en parlent.

👉 Mes incontournables pour la veille et la montée en compétence :

- Double Slash // @doubleslash_dev – Un excellent support pour suivre l’actualité tech et découvrir de nouvelles technologies. Chaque mois, un épisode récapitule ce qui s’est passé dans le monde du développement, en podcast ou en vidéo. Il y a aussi des workshops pratiques pour approfondir certains sujets. Vraiment top !

- La newsletter de @sebastienlorber – Une référence pour tout développeur React. Il y partage les évolutions majeures de l’écosystème. Un grand merci à lui !

- Dev Café @DevCafeYt – Une chaîne YouTube qui présente l’actualité tech dans un format façon journal télévisé, avec un focus sur le développement. On y apprend souvent des choses qu’on ne retrouve pas ailleurs.

- Mon lead dev/mentor – Une véritable référence pour moi au quotidien. Son avis sur les technos et les tendances a une importance particulière dans mes choix.

🫵Et vous, quelles sont vos références pour faire votre veille ?

[Nicolas Negrier @NegrierNicolas]

@sebastienlorber @PatrickFaramaz La pub, c’est vite dit 😅 mais on sait jamais.

[Nicolas Negrier @NegrierNicolas]

@Onehourgamestud Tu as bien raison, c'est une valeur sur pour le long terme.

[Nicolas Negrier @NegrierNicolas]

J’ai quitté Windows !

Depuis le début de ma reconversion, j’avais le souhait de quitter Windows.

Sûrement victime de la hype des créateurs de contenu qui nous montrent leur travail sur un bel environnement, qui nous font une vidéo tous les ans (voire deux fois par an) sur leur nouveau setup, ou encore des chaînes high-tech qui nous font rêver avec leurs tests des toutes dernières machines.

Mais au final, en tant que bon consommateur et dev junior, comme le dirait Christophe Maé : 🎶 je suis tombé sous le charme 🎶 de l’environnement macOS.

En plus de proposer des machines simples mais élégantes, avec des performances plus que satisfaisantes, Apple offre un espace de travail agréable où il fait bon développer.

Il faut se l’avouer, après 30 ans à utiliser Windows — que ce soit en perso, à l’école (quand il y avait des PC 😄), au bureau de papa, puis pour les études et le travail —, le passage nécessite un temps d’adaptation.

Mais quel bonheur de travailler avec ces machines et sous cet environnement ! C’est fluide, sans superflu (ou presque), ça ne ralentit pas (même sur batterie), ne souffle pas (merci les puces M) et tient la charge.

Je me suis offert un MacBook Air M1 en 2023 pour tester et, désormais, je ne rachèterai pas de PC Windows perso pour travailler.

Depuis début février, j’ai la chance d’avoir un Mac mini fourni par mon entreprise, et quel plaisir de pouvoir travailler au quotidien avec !

Depuis lundi, je l’installe au fur et à mesure pour me créer l’environnement parfait d’un développeur web.

Si vous êtes développeur et que vous utilisez aussi macOS, quelles sont les apps ou outils indispensables dans votre quotidien que vous me conseilleriez ?

[Nicolas Negrier @NegrierNicolas]

🔥 Je l’ai enfin trouvé !

Aujourd’hui, je suis toujours dans cette entreprise en plein développement. Certes, une petite équipe, mais avec deux leads devs au savoir-faire impressionnant (développement, sys admin, etc.).

Les débuts n’ont pas été simples :

👉 J’étais avec le lead Symfony / API Platform, mais il manquait de temps pour m’accompagner comme il fallait.

Alors le lead dev Node / React, celui qui m’a recruté, m’a pris dans son équipe.

Depuis plus d’un an maintenant :

🚀 Je travaille sur la conception d’une sorte de CRM personnalisé pour une boîte dans les télécoms.

Mon quotidien :

✅ Back-end: Node / Express / Prisma / TypeScript

✅ Front-end: React / UseQuery / Mantine

J’apprends énormément chaque jour et je sais qu’il me reste encore beaucoup à découvrir !

À partir de maintenant, mes posts seront orientés sur :

- Mon univers de dev : ce que je vis au quotidien ou chaque semaine
- Mes interrogations, découvertes
- Et aussi mes projets freelance à côté de mon CDI !

La suite arrive très vite 😉

[Nicolas Negrier @NegrierNicolas]

@__RedW @romainlanz J’avais mis son article de déploiement d’une app node de côté hier :) merci je le suis maintenant 😉

[Nicolas Negrier @NegrierNicolas]

Nouveau poste en avril 2023 : des promesses... et des surprises.

J’intègre une équipe avec un chef de projet, des sys admins et des collègues devs sur une organisation AGILE. Ça commence bien !

On me présente la techno, et je me dis :

🤔 Moins intéressant techniquement, mais plus structuré. Faut faire des choix...

Sauf qu’au bout de 15 jours, je comprends que les projets Node/React sont réservés aux alternants. Moi ? Une vieille interface visuelle des années 90, glisser-déposer et un peu de JavaScript Vanilla... Pas très motivant 😬

Je décide de leur laisser une chance, car des projets Node/React sont promis "bientôt".

1 mois plus tard ? C’était du pipo : je suis cantonné à faire des scripts HERMES 90% du temps.

Je reprends mes recherches.

Tous les midis, je scrute Indeed, Welcome to the Jungle, etc. Je postule avec des lettres personnalisées… beaucoup de refus.

Puis un mercredi, je reçois une réponse quelques heures après avoir postulé :

➡️ Une boîte qui fait du Node/React cherche un dev junior Symfony pour être formé par le lead dev.

Appel le soir même, visio le vendredi... et le soir-même, une proposition d’emploi pour commencer le 16 août 2023 !

🔥 Spoiler Alert : je suis toujours dans cette boîte et j’adore ce que je fais et avec qui je le fais !

[Nicolas Negrier @NegrierNicolas]

🎉 Premier poste de développeur, 😞 mais pas celui que j’imaginais.

J’ai eu la chance d’avoir un bon chef : il m’a fait confiance, m’a laissé monter en compétence, mais il me manquait une chose essentielle :

🥸 Des retours experts sur mon code.

Je voulais comprendre pourquoi utiliser telle approche plutôt qu’une autre, comment coder de façon plus optimisée, plus professionnelle.

Malheureusement, mes collègues, pris par leurs projets, n’avaient pas toujours le temps pour ça.

J’ai donc décidé de reprendre mes recherches 🔎.

Objectif : intégrer une équipe structurée où je pourrais progresser grâce à des feedbacks réguliers.

👉 Je trouve une entreprise avec une techno différente, mais qui développe aussi dans mes technos (Node et React).

J’accepte de faire moins de Node et React, mais de rejoindre une organisation où je pourrais enfin avoir des retours pour monter en compétence.

Fin avril 2023, je commence cette nouvelle aventure.

Spoiler alert : ça sera de courte durée ! 😅

La suite dans un prochain post !

[Nicolas Negrier @NegrierNicolas]

Septembre 2022 : Fin de la formation intensive !

J’ai préparé mon profil LinkedIn dès juin/juillet avec mes nouvelles compétences, mais gros syndrome de l’imposteur : un bootcamp suffit-il pour être développeur ? 😬

Je mets aussi à jour mes profils sur les plateformes de recrutement. Quelques appels de recruteurs, toujours le même scénario : questions, 20 minutes perdues, puis silence radio.
La fin de la formation arrive, retour à mon ancien poste : routine morose mais heureusement des collègues au top qui adoucissent la journée.

Pas question de baisser les bras. Je continue mes recherches intensives.

Travaillant en service IT, je me renseigne sur le pôle dev national 💡.
J’attire l’attention d’un chef qui cherche des ressources. Premier poste dev assuré, même si je ne connais pas Symfony : il me laisse monter en compétences.

Mais après 3 mois intenses, je décide de reprendre ma recherche d'entreprise.

[Nicolas Negrier @NegrierNicolas]

@_smontlouis Dans ce cas là, en effet, un changement est necessaire. As tu besoin d'un portable absolument? Parce que les Mac mini sont des petites fusées pour un tarif super interessant.

[Nicolas Negrier @NegrierNicolas]

Grâce au CEP, j’ai eu un bon dossier validé en commission. 🎉

J’ai pu commencer une nouvelle vie fin mars 2022. Me voilà devant mon poste, connecté au cockpit (la classe virtuelle) avec 20 autres élèves. Voici comment ça s'est passé 👇

Les journées étaient organisées comme du Full remote :

9h-12h : Correction ou apprentissage

Pause déjeuner

13h-16h : découverte d’une nouvelle notion

Soirée : challenges (exercices pratiques)

Certains terminaient après minuit... Attention, le repos est crucial !

C’est souvent en revenant sur votre code le lendemain que vous trouvez la solution qui vous bloquait pendant des heures.

Ne négligez pas le repos et le lâcher de code !

On a commencé par :

- 15 jours de HTML/CSS

- Une semaine de JavaScript vanilla (côté front)

- Puis Node.js pour le back-end

On a ajouté Express pour construire un back-end plus facilement.

Ensuite, place au SQL pour gérer des datas autrement que via des fichiers JSON.

On a intégré Sequelize pour simplifier les actions avec la base de données.

Résultat : un petit site en SSR avec EJS, avec des pages HTML dynamiques !

Après ça, création d'une API :

Construire des endpoints pour récupérer des données

Exploitation côté front

Pour bien ancrer tout ça, une semaine supplémentaire de JavaScript vanilla avant de partir sur...

Un mois entier de React ⚛️ !

C'était intense mais interessant. Une fois React bien en tête, il nous restait un dernier mois de projet pour tout mettre en application.

Changer de vie grâce à une formation, c’est possible. 💪

Avec des bonnes bases techniques, du repos et de la détermination, tout est faisable !

Et vous, quels ont été vos plus grands défis en formation tech ?

[Nicolas Negrier @NegrierNicolas]

@dkp_consult Super! Je prends tous les conseils surtout venant des personnes étant passées par le même genre de chemin.
Merci pour ton aide et tes conseils !

[Nicolas Negrier @NegrierNicolas]

Ok cool si ça marche. J’avoue que la prospection et tout ce qui va avec le principe de ce faire connaître est très compliqué quand tu as déjà 8h de travail par jour 😅 et que tu n’y connais rien 🤣
Mais grace à ton retour, je sais que c’est possible. On va garder l’objectif et rien lâché.

[Nicolas Negrier @NegrierNicolas]

Aventure reconversion : financement et formation

Maintenant que je connais ma nouvelle voie, le premier pas hors de ma zone de confort commence avec la prise de renseignements et le passage à l’action.

Après m’être renseigné auprès de la personne en charge des formations dans l’entreprise où je travaillais, j’ai découvert qu’on n’est jamais mieux servi que par soi-même.

En effet, une entreprise n’a aucun intérêt à te renseigner sur la manière de suivre une formation sur ton temps de travail pour changer de métier… et partir de chez eux ! 😀

J’ai donc découvert Transition Pro, les CEP (Conseillers en Évolution Professionnelle, que je recommande vivement à toute personne souhaitant faire une demande à Transition Pro), ainsi qu'un tas de ressources précieuses sur le changement de métier.

Transition Pro permet d’obtenir, sous certaines conditions, un financement pour suivre une formation sur ton temps de travail. Cet organisme indemnise ton employeur à hauteur de ton salaire. En d'autres termes, tu restes employé de ta boîte avec le même salaire durant toute la durée de ta formation.

Le CEP est la personne clé dans cette démarche. Son aide est gratuite et te permet de maximiser tes chances d'avoir un dossier complet et solide pour la commission de Transition Pro.

Une fois la solution de financement trouvée, il me restait à choisir un organisme de formation. Celui-ci devait pouvoir être financé avec mon CPF.

Mon choix s’est porté sur O’Clock, une formation de 5 mois avec des intervenants en direct, comme des profs, et entièrement à distance.

Après quelques questions et petits tests, ma candidature a été acceptée. Mon dossier a été rempli par mon employeur de l’époque et est maintenant en attente de passage en commission pour un début de formation prévu fin mars 2022.

[Nicolas Negrier @NegrierNicolas]

@LeSipa3 Pour ma part, je suis sur Node/Prisma/Express et React/Mantine