Introduction En tant que développeur web travaillant seul, j’ai développé ces derniers temps un workflow qui me permet de maintenir une bonne qualité de code tout en gardant une structure de projet claire et robuste. Ce guide détaille ma méthode de gestion de projet avec Git et GitHub, spécialement conçue pour les développeurs indépendants. Pourquoi […]
Nettoyer son code legacy avec grep
En tant que développeur web, j’ai récemment dû faire face à un défi classique mais peu engageant : nettoyer un projet contenant des implémentations obsolètes accumulées depuis 2007, soit plus de 15 ans de code legacy. La commande qui a changé ma fin de semaine Ces jour-ci, mon attention s’est portée sur une commande Linux […]
🚀 Setup React 18 + Vite + Tailwind : Le guide ultime 2024-2025
Le guide de configuration définitif que vous garderez précieusement pour tous vos projets React. 🎯 Pourquoi ce guide ? Vous connaissez cette situation : nouveau projet React, et c’est reparti pour chercher : Les bonnes versions des dépendances La configuration optimale Les fichiers à créer Les commandes à exécuter Ce guide résout définitivement ces problèmes […]
Un bouton Scroll to top avec ReactJS et Hooks
Dernièrement, dans une application ReactJS, j’ai été confronté à la mise en place d’un bouton qui permet de faire défiler une page jusqu’en haut. Dans le même temps, j’avais découvert Hooks, une des nouvelles fonctionnalités proposées par le framework. Je me suis donc lancé. J’ai préparé une page HTML potentiellement assez longue pour qu’elle nécessite […]
JavaScript: async/await avec forEach()
Ou comment remettre un peu d’ordre dans des traitements asynchrones. Le problème : imprimer une série de dessins en respectant une chronologie pour la mise en page. Pour cela, il nous faut donc la fonction qui va bien : Hélas, l’impression n’est pas synchrone et met un certain délai à se réaliser. Corrigeons donc cette […]
Transformer un tableau en javascript
Prenons l’exemple d’un tableau contenant des renseignements sur des animaux : Le problème : Transformer ce tableau d’objets en un tableau synthétisant chaque objet dans une chaîne de caractère. Solution 1 : En utilisant la programmation impérative : Solution 2 : En utilisant la programmation fonctionnelle : Et encore plus redoutable avec l’avènement de ECMAScript 2015 […]
Filtrer un tableau en javascript
Prenons l’exemple d’un tableau contenant des renseignements sur des animaux : Le problème : Extraire les renseignements contenus dans ce tableau mais uniquement pour les chiens. Solution 1 : En utilisant la programmation impérative : Solution 2 : En utilisant la programmation fonctionnelle : Et encore plus redoutable avec l’avènement de ECMAScript 2015 : […]
Comparer des booléens
En utilisant l’opérateur de comparaison stricte (===) : See the Pen Truthy and Falsy Values (Strict Equality) by Frédéric MISERY (@FredM) on CodePen. En utilisant l’opérateur de comparaison normal (==) : See the Pen Truthy and Falsy Values (Lenient Equality) by Frédéric MISERY (@FredM) on CodePen.
Quelques propriétés de la balise < video />
Dans cet article, je me propose de vous faire découvrir quelques propriétés de la balise qui a fait son apparition avec le HTML5. Les quatre propriétés que nous allons découvrir sont les suivantes : curentTime : de type float, elle donne la position courante de la lecture en secondes. duration : de type float, elle […]
Parking CSS + JS
See the Pen Parking – Activités by Frédéric MISERY (@FredM) on CodePen.
