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 […]
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.
Horloge CSS + JS
See the Pen Horloge CSS + JS by Frédéric MISERY (@FredM) on CodePen.