Animer avec du Code via Motion Canvas
Quand on a besoin de créer des vidéos techniques, ajouter des animations est un bon moyen d'améliorer les explications et la compréhension....
UnionFind
Dans cette vidéo je vous propose de découvrir une nouvelle structure de données : le "Union-Find" qui permet de travailler...
Découverte du ResizeObserver
Quand on a besoin qu'un élément réagisse en fonction de sa dimension en JavaScript, on pense souvent à l'évènement resize (window.addEventListener('resize'))....
Le nouveau compiler de React
Dans cette vidéo je vous propose de découvrir le nouveau compiler de React qui permet d'optimiser automatiquement le rendu des composants...
Automatisez vos tâches répétitives avec n8n
Dans cet article je vous propose de découvrir ensemble n8n qui est un outil d'automatisation NoCode auto-hébergeable capable d'utiliser...
Mes outils préférés dans le terminal
Dans cette vidéo je vous propose de partager avec vous quelques outils en ligne de commande que j'utilise sur mon système mais aussi...
Gestion des étapes de la recette
Dans cette dernière vidéo, nous allons mettre en place le système d'étapes dans nos recettes de cuisine. L'objectif est de permettre...
Associer les ingrédients aux recettes
Dans cette seconde vidéo de notre TP je vous propose de découvrir comment mettre en place un élément de formulaire avancé. L'objectif...
Créer une interface d'administration
Aujourd’hui, je vous propose de pratiquer autour d'un TP sur Laravel, Inertia et React. L’idée, c’est de voir comment combiner...
Interface en ligne de commande avec Bubbletea
Aujourd’hui je vous propose de découvrir comment créer une interface en ligne de commande (TUI) avec le framework go Bubble Tea....
Shadcn
shadcn se présente comme une bibliothèque de composants React mais avec un détail très particulier. Contrairement à des solutions...
Créer un serveur MCP
Aujourd’hui, je vous propose de découvrir le protocole MCP (Models-Context-Protocol), développé par Anthropic (l’équipe derrière...
Hyprland, découverte & installation
Hyprland Aujourd'hui je vous propose de découvrir ensemble l'environnement de bureau que j'utilise depuis quelques mois : Hyprland
daisyUI
Aujourd'hui, je vous propose de découvrir daisyUI, un plugin pour TailwindCSS qui va grandement simplifier la création de vos composants...
Page détail produit
Nous allons finir l'intégration de cette maquette avec la création de la page détails d'un produit. La principale difficulté de...
Filtre produits
Dans ce chapitre, nous allons attaquer la partie qui permet de lister les produits et de les filtrer. Cette partie sera l'occasion...
Pied de page
Pour finaliser notre page d'accueil nous allons intégrer la partie "pied de page". La principale difficulté que l'on va...
En tête du site
Dans ce chapitre nous allons enfin passer à l'intégration de l'en tête du site (topbar). Cette partie n'est jamais très évidente...
Bloc Promotions
Dans ce chapitre nous allons intégrer le bloc "Promotions" et voir comment on peut réutiliser le style des cartes produit...
Bloc articles
Dans ce chapitre nous allons intégrer le bloc qui liste les derniers articles du blog. Ce bloc sera plus simple que ce que l'on a...
Bloc "Continuer vos achats"
Dans ce chapitre nous allons intégrer le bloc "Continuer vos achats" qui permet d'afficher à l'utilisateur les éléments...
Bannière & Catégories
Dans ce second chapitre nous allons intégrer la bannière qui se situe en haut de la page et le bloc qui permet d'aller rapidement...
Intégrer la grille produit
Dans ce premier chapitre je vous propose de découvrir le logiciel utilisé pour la maquette et d'intégrer notre premier bloc. N'hésitez...
Quel framework backend choisir ?
Node.js est un environnement puissant pour développer des applications backend, mais choisir le bon framework peut être déroutant....
Découverte de Livewire
Dans cet article je vous propose de découvrir Livewire qui est un outil, pour Laravel, qui permet de créer des éléments d'interface...
Le protocole NTP
Il m'arrive régulièrement de m'interroger sur le fonctionnement des systèmes fondamentaux qui nous entourent. Récemment, je me...
TailwindCSS 4, nouvelle configuration
Découvrez les nouveautés de Tailwind CSS v4 Dans cet article, nous allons explorer les nouveautés apportées par la version 4 de...
Les générateurs
Dans ce tutoriel je vous propose de découvrir les générateurs en JavaScript et les fonctions function*qui ont la particularité...