Aller au contenu principal

Cette plateforme est en cours de construction et d'amélioration : certaines rubriques ne sont pas encore complètes.

Digital Business Smart Technologie & Training
Connexion Pré-inscription

Flash Vitrine — Boutique en ligne

Construisez le site e-commerce de votre boutique en HTML, CSS et JavaScript : catalogue, fiche produit, panier, commande par WhatsApp. Publié à la fin sur votre espace DigiBus.

Le programme du niveau Débutant : 4 modules

En autonomie, à votre rythme. Avant chaque nouvelle technologie, un petit cours (15 à 25 min) avec une pratique à réussir. À la fin de chaque module, un rendu relu par l’équipe pédagogique ouvre le module suivant.

◆ petit cours + pratique▸ leçon du projet (≈ 1 h 30)
MODULE 1 · ≈ 4 h 35

Mes premières pages

  1. Petit cours : le terminal15 min
  2. Petit cours : VS Code15 min
  3. Petit cours : le navigateur et ses outils (F12)15 min
  4. Petit cours HTML25 min
  5. Leçon 1 — Ma première page web≈ 1 h 30
  6. Petit cours : Git25 min
  7. Leçon 2 — Les 3 pages de la boutique≈ 1 h 30

Rendu : Les 3 pages (accueil, catalogue, contact) reliées entre elles, et ton premier dépôt Git.

MODULE 2 · ≈ 4 h 35

Un site beau, sur tous les écrans

  1. Petit cours CSS25 min
  2. Petit cours Tailwind20 min
  3. Leçon 3 — Un beau design, aussi sur téléphone≈ 1 h 30
  4. Petit cours JavaScript25 min
  5. Petit cours : JavaScript dans la page (DOM et événements)25 min
  6. Leçon 4 — Les produits en JavaScript≈ 1 h 30

Rendu : Le catalogue affiché depuis produits.js, propre sur téléphone et sur ordinateur.

MODULE 3 · ≈ 4 h 50

Chercher, voir, choisir

  1. Leçon 5 — Filtrer et chercher≈ 1 h 30
  2. Leçon 6 — La fiche produit≈ 1 h 30
  3. Petit cours : garder des données dans le navigateur (localStorage)20 min
  4. Leçon 7 — Le panier≈ 1 h 30

Rendu : Filtre, fiche produit et panier qui reste après fermeture de la page.

MODULE 4 · ≈ 5 h 05

Commander et publier

  1. Petit cours : liens WhatsApp et e-mail15 min
  2. Leçon 8 — Commander par WhatsApp ou e-mail≈ 1 h 30
  3. Leçon 9 — Finitions≈ 1 h 30
  4. Petit cours : mettre un site en ligne20 min
  5. Leçon 10 — Git, publication et présentation≈ 1 h 30

Rendu : Ton site complet, publié sur ton espace DigiBus et vérifié en ligne (condition de l’attestation).

Trois niveaux, un seul projet qui grandit

Débutant

1 200 DH TTC

Catalogue, filtre, fiche, panier, commande WhatsApp, contact.

Intermédiaire

1 500 DH TTC

Partie serveur PHP + MySQL : comptes clients, commandes en base, FR + darija, SEO.

Expert

1 700 DH TTC

Lancement prochainement : sécurité, API, paiement simulé, tests, mise en production.