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
Tous les tutoriels
Envie d'apprendre de nouvelles choses et maitriser de nouvelles technologies ?
Alors vous êtes sur le bon chemin...
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...
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é...
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....
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...
Les ValueResolver
Dans Symfony, les controllers sont au cœur de la logique de notre application. Les méthodes peuvent recevoir des paramètres qui...
Tanstack Vue Query
Dans ce chapitre je vous propose de découvrir une librairie incontournable lorsqu'il s'agit de récupérer des données tiers avec...
Vite PWA
Dans ce tutoriel, je vous propose de découvrir ensemble le plugin vite pwa qui va vous permettre de créer une progressive web app...
Créer une application React Native
React Native est un framework permettant de développer des applications mobiles (iOS et Android) à partir de code React. Dans cette...
Nuxt
Nuxt est un framework open source qui permet de créer des applications plus facilement en utilisant des composants Vue.js. Son principal...
Gérer l'état avec Pinia
Aujourd'hui, nous allons explorer ensemble Pinia, un gestionnaire d'État global pour Vue.js. Même si vous pouvez créer des valeurs...
TypeScript avec Vue.js
Dans ce chapitre nous allons voir comment utiliser TypeScript dans le cadre d'un projet Vue.js. La vérification du code et la validation...
Gérer le CSS avec Vue.js
Dans ce chapitre, je vous propose de découvrir comment gérer les styles au niveau de vos composants Vue.js. Par défaut, lorsque...
Composants & Éléments spéciaux
Dans ce chapitre je vous propose de découvrir quelques composants / éléments spéciaux dans Vue.js
Tester ses composants
Dans ce chapitre je vous propose de découvrir comment tester vos composants Vue.js. Pour cela on va se reposer sur plusieurs librairies...