Les composants serveur
Dans cet article, on va revenir en détail sur le fonctionnement des Composants serveur dans React, un sujet qui a causé pas mal de...
Tous les tutoriels
Envie d'apprendre de nouvelles choses et maitriser de nouvelles technologies ?
Alors vous êtes sur le bon chemin...
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 Sommaire 00:00...
Créer un composant polymorphe avec "asChild"
Aujourd’hui, je vous propose de découvrir un motif de développement avec React pour rendre vos composants plus flexibles : l’utilisation...
daisyUI
Aujourd'hui, je vous propose de découvrir daisyUI, un plugin pour TailwindCSS qui va grandement simplifier la création de vos composants...
Personnaliser les select
C'est officiel, on peut enfin personnaliser les éléments <select> en CSS ! Plus besoin d'utiliser des librairies JavaScript...
Conteneur centré dans la page
Lorsque l'on intègre une maquette en CSS, il est fréquent de vouloir centrer le contenu tout en limitant sa largeur pour garantir...
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...
Intermédiaire
Premium
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...
Intermédiaire
Premium
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...
Intermédiaire
Premium
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...
Intermédiaire
Premium
Bloc Promotions
Dans ce chapitre nous allons intégrer le bloc "Promotions" et voir comment on peut réutiliser le style des cartes produit...
Intermédiaire
Premium
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...
Intermédiaire
Premium
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...
Intermédiaire
Premium
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...
Intermédiaire
Premium
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...
Recherche FullText
Lorsqu'il s'agit de rechercher un texte dans une base de données, le premier réflexe est souvent d'utiliser des requêtes LIKE. Si,...
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...
Déployer une application NodeJS
Dans cet article, nous allons voir comment déployer une application Node.js sur un serveur dédié. L'objectif est de partir d'un...
Les snippets dans VSCode
Les snippets sont un outil puissant de Visual Studio Code qui permet d'automatiser l'écriture de code répétitif. Dans cet article...
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...
Créer un langage de programmation
Je vous propose dans cette vidéo de découvrir les bases à connaitre pour commencer à créer son propre langage de programmation. Sommaire 00:00...
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é...
Les nouveautés de React 19
La version 19 de React est sortie en version stable début décembre et introduit quelques changements qui vont améliorer l'expérience...
Créer un carrousel avec scroll-snap
Dans ce tutoriel je vous propose de découvrir comment créer un carrousel en utilisant le minimum de JavaScript possible. Le problème Pour...