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...
Tous les tutoriels Page 3
Page 3
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...
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.
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.
Dompter la hauteur de ligne
Une des choses qui me rend complètement fou lorsque je travaille sur du CSS, c'est la gestion de la hauteur de ligne par les navigateurs....
Les évolutions de l'HTTP
Dans ce tutoriel je vous propose de découvrir le protocole HTTP et ses évolutions. L'objectif est de comprendre comment ces changements...
TP : Grille photos adaptative
Dans ce tutoriel je vous propose un exercice pour pratiquer le code JavaScript côté navigateur. L'objectif est de créer une disposition...
Svelte 5 & les runes
Svelte 5 vient de sortir et cette nouvelle version introduit un nouvel élément pour gérer la réactivité (synchronisation de l'état...
UnoCSS
UnoCSS est un outil qui va vous permettre de générer des règles CSS utilitaires à la demande. Le principe est similaire à ce que...