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...
Disponible dans
Tous les tutoriels
Envie d'apprendre de nouvelles choses et maitriser de nouvelles technologies ?
Alors vous êtes sur le bon chemin...
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...
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...
Junior
Premium
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...