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 21.41 Fr /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 -05: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
Votre projet est cassé ? Deadline qui approche ? Impossible de déployer ? J'aide les développeurs et étudiants à corriger les bugs, optimiser le code et déployer les applications en production.
Je Me Spécialise Dans :

Debugging d'Urgence: Trouver et corriger les erreurs rapidement (crashes frontend, timeouts backend, problèmes base de données)
Sauvetage de Déploiement: Mettre votre app en ligne quand rien ne fonctionne (AWS, Vercel, Netlify)
Optimisation de Performance: Accélérer les applications lentes (requêtes BDD, réponses API, taille des bundles)
Configuration CI/CD: Automatiser votre pipeline de déploiement (GitHub Actions, tests, monitoring)

Problèmes Courants Que Je Résous :

❌ "Mon app fonctionne localement mais crash en production"
❌ "Les requêtes base de données sont trop lentes"
❌ "L'authentification ne fonctionne pas"
❌ "Impossible de déployer sur AWS / Vercel"
❌ "J'obtiens des erreurs bizarres que je ne comprends pas"
❌ "L'intégration de paiement (Stripe) ne fonctionne pas"

Technologies Avec Lesquelles Je Travaille :

Frontend: React, Next.js, TypeScript, Vue, Angular
Backend: Node.js, NestJS, Express, Python (Django, Flask)
Bases de données: PostgreSQL, MySQL, MongoDB, Redis
Cloud: AWS (EC2, RDS, S3), Vercel, Netlify, Render
DevOps: Docker, CI/CD, GitHub Actions, Nginx

Parfait Pour :

Étudiants: Corrigez votre projet avant la deadline
Développeurs Junior: Debuggez des problèmes de production que vous ne pouvez pas résoudre seul
Freelances: Débloquez-vous rapidement sur des projets clients
Startups: Corrigez et déployez votre MVP sans embaucher un ingénieur à temps plein

Comment Ça Fonctionne :

Évaluation Rapide (15 min gratuit): Partagez vos logs d'erreur, j'identifie le problème
Session de Debugging en Direct: On corrige ensemble via partage d'écran
Revue de Code: Je vous montre comment prévenir le problème à l'avenir
Documentation: Vous recevez un résumé de ce qui a été corrigé et pourquoi

Temps de Résolution Moyen :

Bugs simples: 1-2 heures
Problèmes de déploiement: 2-3 heures
Debugging complexe: 3-5 heures

Projets urgents acceptés (disponibilité le jour même pour les urgences).
verified badge
Gaëtan
Ce cours est adapté à tous les niveaux et sera adapté en fonction de vos projets, les principes sont applicables à tout type de programmation que ce soit pour du développement web, programmation d'applications ou jeux vidéos.

Les mêmes principes s'appliquent donc pour les CMS Joomla, Drupal et les plateformes de commerces en lignes WooCommerce, Magento, Prestashop et les thèmes de Shopify.

Introduction au développement Web
- Présentation des technologies Web
- Développement côté client vs côté serveur

HTML (langage de balisage hypertexte)
- Structuration du contenu web
- Fonctionnalités et balises HTML5

CSS (feuilles de style en cascade)
- Mise en forme de pages Web
- CSS et SCSS

Javascript, PHP, MySQL
- Fondamentaux de JavaScript, PHP et MySQL
- Manipulation du DOM
- Programmation asynchrone et AJAX

Développement front-end
- Site Web adaptatif
- Compatibilité entre navigateurs
- Utilisation de CodeKit

Développement back-end
- Choisissez un hébergement Web adapté
- Options de gestion et d'hébergement du serveur
- Utilisation du serveur SFTP
- Créer et gérer des bases de données MySQL
- Sécurité web, comment éviter les hacks
- SEO et optimisation de la vitesse

WordPress
- Configuration et installation de WordPress
- Installation et personnalisation de thèmes (Avada notamment)
- Installation et configuration de WooCommerce
- Comment gérer les paiements sur WooCommerce
- Adapter les couleurs d'un plug-in

SilverStripe
- Installer via composer
- Configuration et installation de SilverStripe
- Créer un thème personnalisé
- Créer un back-end personnalisé pour SilverStripe
- Créer de nouveaux objets en POO
- Créer des modèles pour visualiser des objets
- Programmer des routines en PHP et JQuery
verified badge
Farouk
Ce module est une étape cruciale pour tout développeur web souhaitant passer de la manipulation simple du DOM à la maîtrise des frameworks modernes. L'objectif est clair : comprendre les "fondations invisibles" du langage pour écrire un code plus court, plus lisible et surtout, être prêt à coder sur React de manière professionnelle.

🎯 Objectifs de formation

1- Démystifier la syntaxe moderne (ES6+) souvent utilisée dans React.
2- Gagner en efficacité en utilisant les raccourcis syntaxiques les plus puissants.
3- Sécuriser son code pour éviter les bugs fréquents liés aux données manquantes.
4- Maîtriser l'asynchronisme pour gérer les appels de données (API).

📖 Contenu détaillé du programme

Le cours est découpé en 13 notions clés, illustrées par des exemples comparatifs (syntaxe classique vs syntaxe moderne) et des cas d'usage concrets dans React :

1- Confort d'écriture : Utilisation des Template Literals (`backticks`) pour des chaînes de caractères dynamiques et des Shorthand property names pour simplifier la création d'objets.

2- Logique et Fonctions : Maîtrise des Arrow => Functions (fonctions fléchées) et de leur retour implicite, indispensable pour les composants et les hooks React.

Manipulation de données :

1- Destructuring (décomposition) pour extraire proprement les données des objets et tableaux (ex: Props et States).

2- Rest & Spread Operators (...) pour copier des tableaux ou fusionner des objets sans modifier l'original (concept d'immuabilité).

Robustesse du code :

1- Gestion des valeurs par défaut des paramètres.

2- Sécurité avancée avec l'Optional Chaining (?.) et le Nullish Coalescing (??) pour éviter les plantages d'application.

3- Programmation Fonctionnelle : Utilisation intensive des méthodes de tableaux (.map(), .filter(), .reduce(), .find()) pour transformer des données en interfaces utilisateur.

4- Architecture et Asynchronisme : Organisation du code via les modules (Import/Export) et gestion des requêtes API avec les Promises et Async/Await.

🛠️ Méthode pédagogique : "Apprendre par la pratique"

Ce cours ne se contente pas de théorie. Il inclut :

L'Exercice "Interstellar Dashboard" : Un cas pratique thématique de 15 minutes où l'étudiant doit manipuler des données de missions spatiales. Cela permet d'appliquer immédiatement le destructuring, le filtrage et l'asynchronisme sur un projet concret.

Le Quiz Interactif : Une série de 10 questions conçues pour valider la compréhension de chaque concept avant de passer à la suite. Chaque question propose des scénarios réels que le développeur rencontrera dans React.

🚀 Résultat pour l'apprenant

À la fin de ce cours, l'étudiant ne se contente pas de "connaître" le JavaScript ; il sait pourquoi et comment chaque syntaxe est utilisée pour construire des composants React performants. Il repart avec une base solide pour aborder les Hooks (useState, useEffect) et la gestion d'état complexe avec confiance.

Format : Présentation visuelle épurée, syntaxe colorée pour le code, et focus sur la lisibilité.
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
Votre projet est cassé ? Deadline qui approche ? Impossible de déployer ? J'aide les développeurs et étudiants à corriger les bugs, optimiser le code et déployer les applications en production.
Je Me Spécialise Dans :

Debugging d'Urgence: Trouver et corriger les erreurs rapidement (crashes frontend, timeouts backend, problèmes base de données)
Sauvetage de Déploiement: Mettre votre app en ligne quand rien ne fonctionne (AWS, Vercel, Netlify)
Optimisation de Performance: Accélérer les applications lentes (requêtes BDD, réponses API, taille des bundles)
Configuration CI/CD: Automatiser votre pipeline de déploiement (GitHub Actions, tests, monitoring)

Problèmes Courants Que Je Résous :

❌ "Mon app fonctionne localement mais crash en production"
❌ "Les requêtes base de données sont trop lentes"
❌ "L'authentification ne fonctionne pas"
❌ "Impossible de déployer sur AWS / Vercel"
❌ "J'obtiens des erreurs bizarres que je ne comprends pas"
❌ "L'intégration de paiement (Stripe) ne fonctionne pas"

Technologies Avec Lesquelles Je Travaille :

Frontend: React, Next.js, TypeScript, Vue, Angular
Backend: Node.js, NestJS, Express, Python (Django, Flask)
Bases de données: PostgreSQL, MySQL, MongoDB, Redis
Cloud: AWS (EC2, RDS, S3), Vercel, Netlify, Render
DevOps: Docker, CI/CD, GitHub Actions, Nginx

Parfait Pour :

Étudiants: Corrigez votre projet avant la deadline
Développeurs Junior: Debuggez des problèmes de production que vous ne pouvez pas résoudre seul
Freelances: Débloquez-vous rapidement sur des projets clients
Startups: Corrigez et déployez votre MVP sans embaucher un ingénieur à temps plein

Comment Ça Fonctionne :

Évaluation Rapide (15 min gratuit): Partagez vos logs d'erreur, j'identifie le problème
Session de Debugging en Direct: On corrige ensemble via partage d'écran
Revue de Code: Je vous montre comment prévenir le problème à l'avenir
Documentation: Vous recevez un résumé de ce qui a été corrigé et pourquoi

Temps de Résolution Moyen :

Bugs simples: 1-2 heures
Problèmes de déploiement: 2-3 heures
Debugging complexe: 3-5 heures

Projets urgents acceptés (disponibilité le jour même pour les urgences).
verified badge
Gaëtan
Ce cours est adapté à tous les niveaux et sera adapté en fonction de vos projets, les principes sont applicables à tout type de programmation que ce soit pour du développement web, programmation d'applications ou jeux vidéos.

Les mêmes principes s'appliquent donc pour les CMS Joomla, Drupal et les plateformes de commerces en lignes WooCommerce, Magento, Prestashop et les thèmes de Shopify.

Introduction au développement Web
- Présentation des technologies Web
- Développement côté client vs côté serveur

HTML (langage de balisage hypertexte)
- Structuration du contenu web
- Fonctionnalités et balises HTML5

CSS (feuilles de style en cascade)
- Mise en forme de pages Web
- CSS et SCSS

Javascript, PHP, MySQL
- Fondamentaux de JavaScript, PHP et MySQL
- Manipulation du DOM
- Programmation asynchrone et AJAX

Développement front-end
- Site Web adaptatif
- Compatibilité entre navigateurs
- Utilisation de CodeKit

Développement back-end
- Choisissez un hébergement Web adapté
- Options de gestion et d'hébergement du serveur
- Utilisation du serveur SFTP
- Créer et gérer des bases de données MySQL
- Sécurité web, comment éviter les hacks
- SEO et optimisation de la vitesse

WordPress
- Configuration et installation de WordPress
- Installation et personnalisation de thèmes (Avada notamment)
- Installation et configuration de WooCommerce
- Comment gérer les paiements sur WooCommerce
- Adapter les couleurs d'un plug-in

SilverStripe
- Installer via composer
- Configuration et installation de SilverStripe
- Créer un thème personnalisé
- Créer un back-end personnalisé pour SilverStripe
- Créer de nouveaux objets en POO
- Créer des modèles pour visualiser des objets
- Programmer des routines en PHP et JQuery
verified badge
Farouk
Ce module est une étape cruciale pour tout développeur web souhaitant passer de la manipulation simple du DOM à la maîtrise des frameworks modernes. L'objectif est clair : comprendre les "fondations invisibles" du langage pour écrire un code plus court, plus lisible et surtout, être prêt à coder sur React de manière professionnelle.

🎯 Objectifs de formation

1- Démystifier la syntaxe moderne (ES6+) souvent utilisée dans React.
2- Gagner en efficacité en utilisant les raccourcis syntaxiques les plus puissants.
3- Sécuriser son code pour éviter les bugs fréquents liés aux données manquantes.
4- Maîtriser l'asynchronisme pour gérer les appels de données (API).

📖 Contenu détaillé du programme

Le cours est découpé en 13 notions clés, illustrées par des exemples comparatifs (syntaxe classique vs syntaxe moderne) et des cas d'usage concrets dans React :

1- Confort d'écriture : Utilisation des Template Literals (`backticks`) pour des chaînes de caractères dynamiques et des Shorthand property names pour simplifier la création d'objets.

2- Logique et Fonctions : Maîtrise des Arrow => Functions (fonctions fléchées) et de leur retour implicite, indispensable pour les composants et les hooks React.

Manipulation de données :

1- Destructuring (décomposition) pour extraire proprement les données des objets et tableaux (ex: Props et States).

2- Rest & Spread Operators (...) pour copier des tableaux ou fusionner des objets sans modifier l'original (concept d'immuabilité).

Robustesse du code :

1- Gestion des valeurs par défaut des paramètres.

2- Sécurité avancée avec l'Optional Chaining (?.) et le Nullish Coalescing (??) pour éviter les plantages d'application.

3- Programmation Fonctionnelle : Utilisation intensive des méthodes de tableaux (.map(), .filter(), .reduce(), .find()) pour transformer des données en interfaces utilisateur.

4- Architecture et Asynchronisme : Organisation du code via les modules (Import/Export) et gestion des requêtes API avec les Promises et Async/Await.

🛠️ Méthode pédagogique : "Apprendre par la pratique"

Ce cours ne se contente pas de théorie. Il inclut :

L'Exercice "Interstellar Dashboard" : Un cas pratique thématique de 15 minutes où l'étudiant doit manipuler des données de missions spatiales. Cela permet d'appliquer immédiatement le destructuring, le filtrage et l'asynchronisme sur un projet concret.

Le Quiz Interactif : Une série de 10 questions conçues pour valider la compréhension de chaque concept avant de passer à la suite. Chaque question propose des scénarios réels que le développeur rencontrera dans React.

🚀 Résultat pour l'apprenant

À la fin de ce cours, l'étudiant ne se contente pas de "connaître" le JavaScript ; il sait pourquoi et comment chaque syntaxe est utilisée pour construire des composants React performants. Il repart avec une base solide pour aborder les Hooks (useState, useEffect) et la gestion d'état complexe avec confiance.

Format : Présentation visuelle épurée, syntaxe colorée pour le code, et focus sur la lisibilité.
Garantie Le-Bon-Prof
favorite button
message icon
Contacter Khadija