facebook
favorite button
member since icon
Depuis décembre 2023
Professeur depuis décembre 2023
Traduit par GoogleVoir l'original
Créer une boutique e-commerce avec HTML, Tailwind CSS, et Laravel
course price icon
Àpd 23.35 € /h
arrow icon
Vous rêvez de lancer une boutique en ligne ou d’apprendre à en développer une ? Ce cours vous accompagne pas à pas dans la création d’un site e-commerce complet :

Page d’accueil avec produits

Fiches produit avec panier d’achat

Authentification client

Tableau de bord d’administration (gestion des produits, commandes, utilisateurs)

💡 Stack utilisée : HTML, Tailwind CSS, Laravel, MySQL
📦 Bonus : astuces pour héberger votre boutique gratuitement ou à petit prix.
🎯 À la fin du cours, vous aurez un projet prêt à montrer à des clients ou employeurs !
Informations supplémentaires
pc +base de programmation
Lieu
location type icon
En ligne depuis le Maroc
Age
Adolescents (13-17 ans)
Adultes (18-64 ans)
Seniors (65+ ans)
Niveau du Cours
Débutant
Intermédiaire
Avancé
Durée
60 minutes
Enseigné en
arabe
français
anglais
Disponibilité semaine type
(GMT -04:00)
New York
at teacher icon
Cours par webcam
Mon
Tue
Wed
Thu
Fri
Sat
Sun
00-04
04-08
08-12
12-16
16-20
20-24
Ce cours vous permettra de maîtriser les bases du développement web Full Stack en combinant Laravel pour le backend et React.js pour le frontend.
Vous apprendrez à créer des applications dynamiques, sécurisées et performantes.
Le programme couvre les fondamentaux de Laravel (routes, contrôleurs, Blade, API REST, bases de données) ainsi que React.js (composants, gestion d’état, appels API).
À la fin du cours, vous serez capable de construire une application complète de gestion (comme un blog ou une boutique)
Lire la suite
Vous souhaitez apprendre à créer un site web moderne mais vous partez de zéro ? Ce cours est fait pour vous ! Ensemble, nous allons apprendre les bases du développement web :

HTML pour structurer vos pages

CSS (ou Tailwind CSS) pour les styliser

JavaScript pour les rendre interactives

👉 Cours 100% pratique avec des exercices concrets à chaque étape.
🎯 À la fin, vous serez capable de créer un site vitrine complet !
Lire la suite
Voir plus
arrow icon
Cours Similaires
arrow icon previousarrow icon next
verified badge
Oussama
Apprenez à construire des applications web prêtes pour la production avec un ingénieur professionnel ayant 3+ ans d'expérience livrant de vrais projets clients.

Ce Que Vous Allez Maîtriser :
Frontend: React, Next.js, TypeScript, design responsive, gestion d'état
Backend: Node.js, NestJS, API REST, authentification (JWT, OAuth), bonnes pratiques de sécurité
Bases de données: PostgreSQL, MongoDB - conception de schéma, requêtes, optimisation
DevOps: Déploiement sur AWS (EC2, RDS, S3), Docker, CI/CD avec GitHub Actions
Intégrations: Paiements Stripe, automatisation d'emails, upload de fichiers

Ce Qui Rend Ce Cours Différent :
Travaillez sur VOTRE projet (PFE, portfolio, MVP startup) - pas des tutoriels génériques
Apprenez le debugging de production - comment corriger de vraies erreurs, pas juste écrire du code
Déployez votre app EN LIGNE avec CI/CD et monitoring appropriés
Repo GitHub prêt à montrer aux recruteurs avec historique de commits professionnel

Parfait Pour :
Étudiants: Livrez votre projet avec des standards professionnels (authentification, déploiement, documentation)
Reconversion: Construisez 2-3 projets portfolio qui vous font embaucher
Développeurs Junior: Apprenez ce dont les entreprises ont vraiment besoin (debugging, tests, automatisation du déploiement)

Ce Que Vous Allez Construire :
Application full-stack déployée sur AWS
Système d'authentification utilisateur (login, OAuth, reset password)
Tableau de bord admin avec données en temps réel
Intégration de paiement avec Stripe
Complet avec pipeline CI/CD et monitoring

Bonus : Je révise votre CV et vous aide à vous positionner pour des postes de développeur remote.
verified badge
Farouk
Ces cours font partie d'une formation en introduction pratique et accessible au développement web 🌐💻, conçue pour celles et ceux qui souhaitent apprendre à créer un site web de A à Z.
En utilisant les technologies fondamentales du web — HTML 🧱, CSS 🎨 et JavaScript ⚙️ — vous apprendrez à structurer des pages, à les styliser et à les rendre interactives.

Mon approche pédagogique est centrée sur la pratique : chaque notion est accompagnée d’exemples concrets et d’exercices progressifs pour consolider vos acquis. Vous découvrirez comment construire une interface responsive 📱💡, gérer les événements utilisateur 🖱️ et appliquer des animations simples ✨ pour améliorer l’expérience utilisateur.

Que vous soyez débutant ou que vous cherchiez à consolider vos bases, cette formation vous guidera pas à pas vers l’autonomie dans la création de vos propres projets web 🚀

Plan de formation en 10 modules :

1. Introduction à la programmation 🧠💡
Comprendre les bases : logique, commandes linux, instructions et algorithmes simples.

2. Introduction à HTML 🧱📄
Structure d'une page web, balises principales, liens, images, tableaux, formulaires.

3. Accessibilité et SEO ♿🔍
Créer des sites inclusifs et bien référencés : balises sémantiques, attributs ARIA, bonnes pratiques SEO.

4. Introduction au CSS 🎨🖌️
Mise en forme, couleurs, typographie, boîtes, flexbox et layout responsive.

5. Git & GitHub 🗂️⚙️
Versionner son code et collaborer efficacement : commandes Git, création de dépôts, push/pull, pull requests.

6. JavaScript - Types de données 🔢📝
Nombres, chaînes, booléens, objets, tableaux... Apprendre à manipuler les données.

7. JavaScript - Fonctions et méthodes ⚙️🧩
Définir et appeler des fonctions, comprendre le scope, utiliser les méthodes natives.

8. JavaScript - Conditions ❓🔁
Maîtriser les instructions if, else, switch pour gérer les cas spécifiques.

9. JavaScript - Tableaux et boucles 🔄📊
Itérer efficacement avec for, while, forEach, manipuler les tableaux comme un pro.

10. Manipulation du DOM & Closures 🌐✨
Modifier le HTML/CSS depuis JS, ajouter des événements, comprendre les closures pour des interactions avancées.
verified badge
Hocine
À propos du cours
Vous souhaitez créer votre premier site internet, vous reconvertir dans la tech ou simplement valider un examen ? Je vous propose un accompagnement sur mesure, adapté à votre rythme et à vos objectifs réels.

Le développement web peut paraître complexe au début, mais avec la bonne méthode, tout devient logique. Mon approche est 100% pratique : on apprend mieux en codant des projets concrets qu'en lisant des manuels !

Ce que je vous propose d'apprendre :
Les bases solides : HTML5 , CSS3 et Javascript.

Le dynamisme : JavaScript moderne (ES6+), manipulation du DOM, appels d'API.

Frameworks & Outils : React.js, Vue.js ou Node.js (selon vos besoins).

Workflow professionnel : Utilisation de Git/GitHub, VS Code, et déploiement en ligne.

Aide aux projets : Coaching sur vos projets personnels ou préparation aux titres professionnels.

Ma méthodologie
Diagnostic : Lors du premier échange, nous définissons vos objectifs et votre niveau actuel.

Pratique immédiate : Chaque concept est illustré par un exercice ou un mini-projet.

Supports de cours : Je vous fournis des ressources, des "cheat sheets" et le code source de nos séances.

Disponibilité : Je reste disponible par message entre deux cours pour débloquer vos éventuels bugs.

Pourquoi me choisir ?
Expérience : Développeur full stack avec 4 années d'expérience.

Pédagogie : J'ai l'habitude d'expliquer des concepts techniques complexes de manière simple et imagée.

Flexibilité : Cours en visioconférence ou en présentiel en ile de france.
verified badge
Laroussi
Que vous souhaitiez créer un blog personnel ou un site vitrine pour votre entreprise, ce cours vous accompagne pas à pas. L'objectif est de vous rendre totalement autonome dans la conception, la mise à jour et la sécurisation de votre site web, sans avoir besoin de savoir coder.
Module 1 : Niveau Débutant – Les Fondamentaux
L'objectif est de comprendre l'écosystème et de lancer son premier site.
Introduction au Web : Comprendre le couple Nom de domaine /
Hébergement.
Installation : Mise en place de WordPress (en local ou chez un hébergeur).Découverte de l’interface : Exploration du tableau de bord (Dashboard).Gestion du contenu :Différence cruciale entre Articles et Pages.
Utilisation de l’éditeur de blocs (Gutenberg).Gestion de la bibliothèque média (images, vidéos, PDF).Apparence : Choisir, installer et configurer un thème gratuit.
Extensions (Plugins) : Qu'est-ce que c'est et comment les installer en toute sécurité ?Module 2 : Niveau Intermédiaire – Personnalisation et Optimisation
L'objectif est de transformer un site basique en un outil professionnel et performant.
Personnalisation avancée :Configuration des menus de navigation et des widgets.
.Formulaires et Interaction : Créer un formulaire de contact professionnel et intégrer une carte Google Maps.
Référencement Naturel (SEO) : Installer et configurer un plugin SEO (Yoast ou RankMath) pour être visible sur Google.
Sécurité et Maintenance :Mise en place de sauvegardes automatiques
.Protection contre les spams et les tentatives de piratage.
Performance : Optimiser la vitesse de chargement (mise en cache et compression d'images).Méthodologie Pédagogique
Pratique immédiate : Chaque concept théorique est appliqué directement sur un site de test.
Supports de cours : Envoi de fiches récapitulatives après chaque séance.
Accompagnement personnalisé : Adaptation du contenu selon votre projet spécifique (blog, site d'association, site pro).
verified badge
Raouf
Que vous souhaitiez créer un blog personnel ou un site vitrine pour votre entreprise, ce cours vous accompagne pas à pas. L'objectif est de vous rendre totalement autonome dans la conception, la mise à jour et la sécurisation de votre site web, sans avoir besoin de savoir coder.

Programme de la Formation
Module 1 : Niveau Débutant – Les Fondamentaux
L'objectif est de comprendre l'écosystème et de lancer son premier site.

Introduction au Web : Comprendre le couple Nom de domaine / Hébergement.

Installation : Mise en place de WordPress chez un hébergeur. On offre la possibilité d'acquérir un nom de domaine et un espace d'hébergement pour vous.

Découverte de l’interface : Exploration du tableau de bord (Dashboard).

Gestion du contenu :

Différence cruciale entre Articles et Pages.

Utilisation de l’éditeur de blocs.

Gestion de la bibliothèque média (images, vidéos, PDF).

Apparence : Choisir, installer et configurer un thème gratuit.

Extensions (Plugins) : Qu'est-ce que c'est et comment les installer en toute sécurité ?

Module 2 : Niveau Intermédiaire – Personnalisation et Optimisation
L'objectif est de transformer un site basique en un outil professionnel et performant.

Personnalisation avancée :

Configuration des menus de navigation et des widgets.

Formulaires et Interaction : Créer un formulaire de contact professionnel et intégrer une carte Google Maps.

Référencement Naturel (SEO) : Installer et configurer un plugin SEO (Yoast ou RankMath) pour être visible sur Google.

Sécurité et Maintenance :

Mise en place de sauvegardes automatiques.

Protection contre les spams et les tentatives de piratage.

Performance : Optimiser la vitesse de chargement (mise en cache et compression d'images).

Méthodologie Pédagogique
Pratique immédiate : Chaque concept théorique est appliqué directement sur un site de test.

Supports de cours : Envoi de fiches récapitulatives après chaque séance.

Accompagnement personnalisé : Adaptation du contenu selon votre projet spécifique (blog, site d'association, site pro).
message icon
Contacter Khadija
repeat students icon
Le premier cours est couvert par notre Garantie Le-Bon-Prof
Cours Similaires
arrow icon previousarrow icon next
verified badge
Oussama
Apprenez à construire des applications web prêtes pour la production avec un ingénieur professionnel ayant 3+ ans d'expérience livrant de vrais projets clients.

Ce Que Vous Allez Maîtriser :
Frontend: React, Next.js, TypeScript, design responsive, gestion d'état
Backend: Node.js, NestJS, API REST, authentification (JWT, OAuth), bonnes pratiques de sécurité
Bases de données: PostgreSQL, MongoDB - conception de schéma, requêtes, optimisation
DevOps: Déploiement sur AWS (EC2, RDS, S3), Docker, CI/CD avec GitHub Actions
Intégrations: Paiements Stripe, automatisation d'emails, upload de fichiers

Ce Qui Rend Ce Cours Différent :
Travaillez sur VOTRE projet (PFE, portfolio, MVP startup) - pas des tutoriels génériques
Apprenez le debugging de production - comment corriger de vraies erreurs, pas juste écrire du code
Déployez votre app EN LIGNE avec CI/CD et monitoring appropriés
Repo GitHub prêt à montrer aux recruteurs avec historique de commits professionnel

Parfait Pour :
Étudiants: Livrez votre projet avec des standards professionnels (authentification, déploiement, documentation)
Reconversion: Construisez 2-3 projets portfolio qui vous font embaucher
Développeurs Junior: Apprenez ce dont les entreprises ont vraiment besoin (debugging, tests, automatisation du déploiement)

Ce Que Vous Allez Construire :
Application full-stack déployée sur AWS
Système d'authentification utilisateur (login, OAuth, reset password)
Tableau de bord admin avec données en temps réel
Intégration de paiement avec Stripe
Complet avec pipeline CI/CD et monitoring

Bonus : Je révise votre CV et vous aide à vous positionner pour des postes de développeur remote.
verified badge
Farouk
Ces cours font partie d'une formation en introduction pratique et accessible au développement web 🌐💻, conçue pour celles et ceux qui souhaitent apprendre à créer un site web de A à Z.
En utilisant les technologies fondamentales du web — HTML 🧱, CSS 🎨 et JavaScript ⚙️ — vous apprendrez à structurer des pages, à les styliser et à les rendre interactives.

Mon approche pédagogique est centrée sur la pratique : chaque notion est accompagnée d’exemples concrets et d’exercices progressifs pour consolider vos acquis. Vous découvrirez comment construire une interface responsive 📱💡, gérer les événements utilisateur 🖱️ et appliquer des animations simples ✨ pour améliorer l’expérience utilisateur.

Que vous soyez débutant ou que vous cherchiez à consolider vos bases, cette formation vous guidera pas à pas vers l’autonomie dans la création de vos propres projets web 🚀

Plan de formation en 10 modules :

1. Introduction à la programmation 🧠💡
Comprendre les bases : logique, commandes linux, instructions et algorithmes simples.

2. Introduction à HTML 🧱📄
Structure d'une page web, balises principales, liens, images, tableaux, formulaires.

3. Accessibilité et SEO ♿🔍
Créer des sites inclusifs et bien référencés : balises sémantiques, attributs ARIA, bonnes pratiques SEO.

4. Introduction au CSS 🎨🖌️
Mise en forme, couleurs, typographie, boîtes, flexbox et layout responsive.

5. Git & GitHub 🗂️⚙️
Versionner son code et collaborer efficacement : commandes Git, création de dépôts, push/pull, pull requests.

6. JavaScript - Types de données 🔢📝
Nombres, chaînes, booléens, objets, tableaux... Apprendre à manipuler les données.

7. JavaScript - Fonctions et méthodes ⚙️🧩
Définir et appeler des fonctions, comprendre le scope, utiliser les méthodes natives.

8. JavaScript - Conditions ❓🔁
Maîtriser les instructions if, else, switch pour gérer les cas spécifiques.

9. JavaScript - Tableaux et boucles 🔄📊
Itérer efficacement avec for, while, forEach, manipuler les tableaux comme un pro.

10. Manipulation du DOM & Closures 🌐✨
Modifier le HTML/CSS depuis JS, ajouter des événements, comprendre les closures pour des interactions avancées.
verified badge
Hocine
À propos du cours
Vous souhaitez créer votre premier site internet, vous reconvertir dans la tech ou simplement valider un examen ? Je vous propose un accompagnement sur mesure, adapté à votre rythme et à vos objectifs réels.

Le développement web peut paraître complexe au début, mais avec la bonne méthode, tout devient logique. Mon approche est 100% pratique : on apprend mieux en codant des projets concrets qu'en lisant des manuels !

Ce que je vous propose d'apprendre :
Les bases solides : HTML5 , CSS3 et Javascript.

Le dynamisme : JavaScript moderne (ES6+), manipulation du DOM, appels d'API.

Frameworks & Outils : React.js, Vue.js ou Node.js (selon vos besoins).

Workflow professionnel : Utilisation de Git/GitHub, VS Code, et déploiement en ligne.

Aide aux projets : Coaching sur vos projets personnels ou préparation aux titres professionnels.

Ma méthodologie
Diagnostic : Lors du premier échange, nous définissons vos objectifs et votre niveau actuel.

Pratique immédiate : Chaque concept est illustré par un exercice ou un mini-projet.

Supports de cours : Je vous fournis des ressources, des "cheat sheets" et le code source de nos séances.

Disponibilité : Je reste disponible par message entre deux cours pour débloquer vos éventuels bugs.

Pourquoi me choisir ?
Expérience : Développeur full stack avec 4 années d'expérience.

Pédagogie : J'ai l'habitude d'expliquer des concepts techniques complexes de manière simple et imagée.

Flexibilité : Cours en visioconférence ou en présentiel en ile de france.
verified badge
Laroussi
Que vous souhaitiez créer un blog personnel ou un site vitrine pour votre entreprise, ce cours vous accompagne pas à pas. L'objectif est de vous rendre totalement autonome dans la conception, la mise à jour et la sécurisation de votre site web, sans avoir besoin de savoir coder.
Module 1 : Niveau Débutant – Les Fondamentaux
L'objectif est de comprendre l'écosystème et de lancer son premier site.
Introduction au Web : Comprendre le couple Nom de domaine /
Hébergement.
Installation : Mise en place de WordPress (en local ou chez un hébergeur).Découverte de l’interface : Exploration du tableau de bord (Dashboard).Gestion du contenu :Différence cruciale entre Articles et Pages.
Utilisation de l’éditeur de blocs (Gutenberg).Gestion de la bibliothèque média (images, vidéos, PDF).Apparence : Choisir, installer et configurer un thème gratuit.
Extensions (Plugins) : Qu'est-ce que c'est et comment les installer en toute sécurité ?Module 2 : Niveau Intermédiaire – Personnalisation et Optimisation
L'objectif est de transformer un site basique en un outil professionnel et performant.
Personnalisation avancée :Configuration des menus de navigation et des widgets.
.Formulaires et Interaction : Créer un formulaire de contact professionnel et intégrer une carte Google Maps.
Référencement Naturel (SEO) : Installer et configurer un plugin SEO (Yoast ou RankMath) pour être visible sur Google.
Sécurité et Maintenance :Mise en place de sauvegardes automatiques
.Protection contre les spams et les tentatives de piratage.
Performance : Optimiser la vitesse de chargement (mise en cache et compression d'images).Méthodologie Pédagogique
Pratique immédiate : Chaque concept théorique est appliqué directement sur un site de test.
Supports de cours : Envoi de fiches récapitulatives après chaque séance.
Accompagnement personnalisé : Adaptation du contenu selon votre projet spécifique (blog, site d'association, site pro).
verified badge
Raouf
Que vous souhaitiez créer un blog personnel ou un site vitrine pour votre entreprise, ce cours vous accompagne pas à pas. L'objectif est de vous rendre totalement autonome dans la conception, la mise à jour et la sécurisation de votre site web, sans avoir besoin de savoir coder.

Programme de la Formation
Module 1 : Niveau Débutant – Les Fondamentaux
L'objectif est de comprendre l'écosystème et de lancer son premier site.

Introduction au Web : Comprendre le couple Nom de domaine / Hébergement.

Installation : Mise en place de WordPress chez un hébergeur. On offre la possibilité d'acquérir un nom de domaine et un espace d'hébergement pour vous.

Découverte de l’interface : Exploration du tableau de bord (Dashboard).

Gestion du contenu :

Différence cruciale entre Articles et Pages.

Utilisation de l’éditeur de blocs.

Gestion de la bibliothèque média (images, vidéos, PDF).

Apparence : Choisir, installer et configurer un thème gratuit.

Extensions (Plugins) : Qu'est-ce que c'est et comment les installer en toute sécurité ?

Module 2 : Niveau Intermédiaire – Personnalisation et Optimisation
L'objectif est de transformer un site basique en un outil professionnel et performant.

Personnalisation avancée :

Configuration des menus de navigation et des widgets.

Formulaires et Interaction : Créer un formulaire de contact professionnel et intégrer une carte Google Maps.

Référencement Naturel (SEO) : Installer et configurer un plugin SEO (Yoast ou RankMath) pour être visible sur Google.

Sécurité et Maintenance :

Mise en place de sauvegardes automatiques.

Protection contre les spams et les tentatives de piratage.

Performance : Optimiser la vitesse de chargement (mise en cache et compression d'images).

Méthodologie Pédagogique
Pratique immédiate : Chaque concept théorique est appliqué directement sur un site de test.

Supports de cours : Envoi de fiches récapitulatives après chaque séance.

Accompagnement personnalisé : Adaptation du contenu selon votre projet spécifique (blog, site d'association, site pro).
Garantie Le-Bon-Prof
favorite button
message icon
Contacter Khadija