MudeyMudeyFormation
Learning pathsCertificationsAboutResources
Sign inSign up

Stay informed

Get our latest courses, tips and exclusive offers straight to your inbox.

We respect your privacy. You can unsubscribe at any time.

Turn your expertise into a course

Share what you know, help others move forward and grow your income.

Become an instructor
MudeyMudey

The online learning platform that transforms lives through quality training.

Follow us

Mobile appComing soon on iOS and Android

Discover

  • All courses
  • Categories
  • Learning paths
  • Certifications
  • Popular courses
  • New releases

Learn with Mudey

  • My courses
  • My student area
  • Wishlist
  • My certificates
  • Become an instructor

Help and resources

  • Help center
  • FAQ
  • Contact
  • Blog
  • Guides
  • Verify a certificate
  • Accessibility

Company

  • About
  • Our instructors
  • Business and teams
  • Partnerships
  • Affiliates
  • Careers

Legal

  • Terms and conditions
  • Privacy policy
  • Cookie policy
  • Legal notice
  • Instructor terms
  • Refund policy

© 2026 Mudey. All rights reserved.

    1. Home
    2. /Courses
    3. /Développement Frontend
    All levels

    Apprendre Angular par la création d'un site e-commerce

    This Angular course for all levels brings together 196 video lessons in 31 sections, for 32 h 44 min of video in total. You follow it at your own pace with Espero AKPOLI, who teaches it. The videos are in French.

    32 h 44 min
    French
    E
    Created by
    Espero AKPOLI
    Illustration for the Angular course: Apprendre Angular par la création d'un site e-commerce
    US$34.18US$227.94-85%
    This course includes:
    • 32 h 44 min of video
    • 196 lessons
    • Certificate of completion
    • Lifetime access
    US$34.18US$227.94

    What this Angular program teaches you

    • Créer une application Angular complète à partir d'un dossier vide
    • Ajouter des formulaires pilotés par le template et par le modèle
    • Mettre en place un système d'authentification
    • Développer un système de navigation entre composants
    • Effectuer des requêtes HTTP depuis son application
    Consommer les ressources d'une API pour produire un site
  1. Déployer une application Angular en production
  2. About this Angular program

    De nombreux projets professionnels pour apprendre, approfondir et devenir un expert incontournable du framework Angular

    Angular curriculum

    31 sections, 196 lessons and 32 h 44 min of video in total.

    Section 1: Présentation de la formation

    1 lesson•13 min
    • Cours 1 Introduction au Framework AngularPreview
      13 min

    Section 2: Introduction à la formation

    5 lessons•31 min
    • Présentation 1 Les avantages de la formation
      8 min
    • Présentation 2 Les avantages de la formule starter
      6 min
    • Présentation 3 Les avantages de la formule basic
      5 min
    • Présentation 4 Les avantages de la formule premium
      6 min

    Section 3: Les avantages de la formation

    5 lessons•31 min
    • Présentation 1 Les avantages de la formation
      8 min
    • Présentation 2 Les avantages de la formule starter
      6 min

    Section 4: La communication client serveur

    6 lessons•33 min
    • Cours 1 La Communication client serveur
      5 min
    • Cours 2 La Communication dans le cadre d'un site Web
      7 min

    Section 5: Installation de logiciels de travail

    5 lessons•22 min
    • Cours 1 Présentation des logiciels de travails
      5 min
    • Cours 2 Installation du navigateur Chrome sur Windows
      3 min

    Section 6: Découverte de la CLI Angular

    6 lessons•50 min
    • Cours 1 Installation de angular CLI
      6 min
    • Cours 2 Découverte de angular CLI
      5 min

    Section 7: Structure d'un projet Angular

    4 lessons•30 min
    • Cours 1 Structure d'un projet Angular
      3 min
    • Cours 2 Le module et le composant en Angular
      12 min

    Section 8: TP 1 Mise en page statique avec Angular

    6 lessons•37 min
    • Cours 1 Présentation du module de cours
      2 min
    • Cours 2 Comment achitecturer un projet
      9 min

    Section 9: TP 2 Mise en page statique avancée avec Angular

    6 lessons•55 min
    • Cours 1 Mise en place du projet
      10 min
    • Cours 2 Mise en page desktop
      9 min

    Section 10: Intégration de librairies CSS et JavaScript

    3 lessons•28 min
    • Cours 1 Intégration de librairies en Angular
      11 min
    • Cours 2 Intégration de librairies en Angular
      5 min
    Show the next 21 sections

    Section 11: Les directives en angular

    4 lessons•33 min
    • Cours 1 La directive ngIf en angular
      11 min
    • Cours 2 La directive ngFor en angular
      8 min

    Your instructor

    E

    Espero AKPOLI

    63 courses on Mudey

    Student reviews

    No student has posted a review yet. Ratings from enrolled students will appear here.

    Angular course FAQ

    How long does the Angular course take?

    The curriculum has 196 video lessons, for 32 h 44 min in total. Every lesson is a pre-recorded video, so you move at your own pace, at any hour, and watch each lesson again as often as you need.

    What level do you need to follow the Angular lessons?

    The program suits all levels. The instructor lists no particular requirement to get started.

    Do you get a certificate at the end?

    Yes. As soon as you complete every lesson, Mudey issues a certificate of completion as a PDF. Each certificate carries a unique number that an employer can check on the certificate verification page.

    How long do you keep access to the lessons?

    Access lasts for life. After you enroll, the Angular program joins "My courses" along with the instructor's updates, for as long as it stays on the platform. You can also follow it on a phone, and your progress syncs from one device to another.

    How much does the Angular course cost?

    Enrollment costs US$34.18 instead of US$227.94, all taxes included. You pay once by card, on a secure page run by Stripe. If needed, our refund policy sets out your rights.

    In which language are the videos?

    Everything happens in French: it is the language of the videos and the curriculum.

    More courses in the same field

    To keep going on this subject, Mudey also offers Apprenez à créer des templates E-commerce en HTML 5 et CSS 3, Créez le template du site web populaire Youtube, and Créez le template du site web populaire Youtube.

    See all courses in the Développement Frontend category
    Présentation 5 Les avantages de la formule business
    6 min
    Présentation 3 Les avantages de la formule basic
    5 min
  3. Présentation 4 Les avantages de la formule premium
    6 min
  4. Présentation 5 Les avantages de la formule business
    6 min
  5. Cours 3 La Communication dans le cadre d'une Application Web
    7 min
  6. Cours 4 Reconnaitre un site Web
    3 min
  7. Cours 5 Reconnaitre une application Web
    5 min
  8. Cours 6 Synthèse
    6 min
  9. Cours 3 Installation de l'éditeur de code
    3 min
  10. Cours 4 Installation du logiciel de version GIT
    4 min
  11. Cours 5 Installation du logiciel de NodeJs
    7 min
  12. Cours 3 Création d'un projet avec angular CLI
    9 min
  13. Cours 4 Comprendre le contenu d'un projet Angular
    9 min
  14. Cours 5 Comprendre le contenu d'un projet Angular
    11 min
  15. Cours 6 Comprendre le contenu d'un projet Angular
    10 min
  16. Cours 3 Le serveur de développement en Angular
    7 min
  17. Cours 4 Configuration du DNS local en Angular Sur Windows
    8 min
  18. Cours 3 Mise en page en angular
    11 min
  19. Cours 4 Mise en page en angular
    6 min
  20. Cours 5 Mise en page en angular
    6 min
  21. Cours 6 Conclusion de la mise en page
    3 min
  22. Cours 3 Mise en page du container
    12 min
  23. Cours 4 Mise en forme du main
    12 min
  24. Cours 5 Fin de la mise en forme du main
    4 min
  25. Cours 6 Mise en page Tablette et Mobile
    8 min
  26. Cours 3 Intégration de librairies en Angular
    12 min
    Cours 3 La directive ngClass en angular
    8 min
  27. Cours 4 La directive ngStyle en angular
    6 min
  28. Section 12: La logique d'un composant

    6 lessons•1 h
    • Cours 1 Mise en place du projet Shop App
      8 min
    • Cours 2 Balisage de l'application
      12 min
    • Cours 3 Mise en page du header et du footer
      13 min
    • Cours 4 Mise en page d'un produit
      14 min
    • Cours 5 Mise en page flexible des produits
      7 min
    • Cours 6 Quelques ajustements de styles
      7 min

    Section 13: La gestion des données dynamiques

    7 lessons•1 h
    • Cours 1 La logique d'un composant
      5 min
    • Cours 2 Propriétés et méthodes d'un composant
      10 min
    • Cours 3 Les types de données en TypeStript
      11 min
    • Cours 4 Affichages des propriétés dans le template
      8 min
    • Cours 5 Les fitres en Angular
      11 min
    • Cours 6 Création d'un model de données
      11 min
    • Cours 7 Création d'un model de données
      5 min

    Section 14: La transmission de données entre composants

    9 lessons•1 h 27 min
    • Cours 1 Introduction à la transmission des données
      9 min
    • Cours 2 L'opération Input et Output
      6 min
    • Cours 3 Transmission père au fils
      13 min
    • Cours 4 Utilisation des données reçues
      11 min
    • Cours 5 La directive ngFor ou la boucle For
      11 min
    • Cours 6 Quelques ajustement de styles
      9 min
    • Cours 7 Les évenements en angular
      9 min
    • Cours 8 Transmission du fils au père
      12 min
    • Cours 9 La directive ngIf en angular
      9 min

    Section 15: TP 3 Création du modal Product View

    7 lessons•59 min
    • Cours 1 Présentation du projet
      4 min
    • Cours 2 Mise en place du model en Angular
      11 min
    • Cours 3 Ajstement de styles sur le modal
      12 min
    • Cours 4 Affichage du modal product View
      11 min
    • Cours 5 Gestion de l'interaction avec le Modal
      12 min
    • Cours 6 Mot de fin du la réalisation du projet
      2 min
    • Cours 7 Quelques ajustement sur l'aspect responsive
      7 min

    Section 16: Les services, Observables, Promises, Requêtes ...

    8 lessons•1 h 32 min
    • Cours 1 Les services en angular
      12 min
    • Cours 2 L'injection de dépendance
      8 min
    • Cours 3 Gestion asynchrone des données
      9 min
    • Cours 4 Programmation réactive avec RxJs
      15 min
    • Cours 5 Programmation reactive avec RXJS
      12 min
    • Cours 6 Le requêttage HTTP en angular
      11 min
    • Cours 7 Requête HTTP vers un serveur
      13 min
    • Cours 8 Les variables d'environnement en Angular
      12 min

    Section 17: Les formulaires templates en angular

    5 lessons•50 min
    • Cours 1 Présentation des formulaires
      14 min
    • Cours 2 La directive ngModel
      10 min
    • Cours 3 Correction des exercices sur le formulaire
      11 min
    • Cours 4 Correction des exercices sur le formulaire
      9 min
    • Cours 5 Correction des exercices sur le formulaire
      7 min

    Section 18: TP 4 Création d'un formulaire

    6 lessons•45 min
    • Cours 1 Présentation du projet
      2 min
    • Cours 2 Mise en place du formulaire
      10 min
    • Cours 3 Mise en forme du formulaire
      8 min
    • Cours 4 Finalisation du projet
      15 min
    • Cours 5 Gestion de l'aspect responsive
      4 min
    • Cours 6 Création de la page de connexion
      6 min

    Section 19: Les formulaires réactifs en angular

    4 lessons•38 min
    • Cours 1 Présentation des formulaires réactifs
      15 min
    • Cours 2 La validité d'un formulaire
      9 min
    • Cours 3 La validité d'un formulaire
      10 min
    • Cours 4 Exercice sur la validité d'un formulaire
      4 min

    Section 20: Le routing en Angular

    10 lessons•1 h 27 min
    • Cours 1 Mise en place du routing en angular
      11 min
    • Cours 2 La navigation au sein d'une application Angular
      5 min
    • Cours 3 Les routes dynamiques dans angular
      9 min
    • Cours 4 Présentation du projet à réaliser
      3 min
    • Cours 5 Correction de l'exercice sur le routage
      13 min
    • Cours 6 Correction de l'exercice sur le routage
      15 min
    • Cours 7 Correction de l'exercice sur le routage
      9 min
    • Cours 8 Ajustement de styles
      7 min
    • Cours 9 Création d'une page loader
      13 min
    • Cours 10 Fin du projet
      3 min

    Section 21: Interface graphique du site E-commerce

    14 lessons•2 h 25 min
    • Cours 1 Présentation du projet
      4 min
    • Cours 2 Ajustements de la partie Header
      6 min
    • Cours 3 Ajustement du style des products item
      15 min
    • Cours 4 Ajustement du style des products item
      9 min
    • Cours 5 Ajustement du style du bas de page
      13 min
    • Cours 6 Ajustement du style du bas de page
      9 min
    • Cours 7 Ajustement du style du bas de page
      9 min
    • Cours 8 Ajustement du style de la page signup
      11 min
    • Cours 9 Ajustement du style du modal
      8 min
    • Cours 10 Ajustement du style du single product
      11 min
    • Cours 11 Ajustement du style du single product
      11 min
    • Cours 12 Ajustement du style du single product
      12 min
    • Cours 13 Ajustement du style du single product
      14 min
    • Cours 14 Ajustement du style du single product
      15 min

    Section 22: Routing avancé en angular

    6 lessons•1 h 13 min
    • Cours 1 Création des routes imbriquées
      12 min
    • Cours 2 Amélioration de l'interface graphique
      12 min
    • Cours 3 Gestion des données des routes imbriquées
      16 min
    • Cours 4 Gestion des données des routes imbriquées
      9 min
    • Cours 5 Mise en page des détails de produits
      14 min
    • Cours 6 Mise en page des détails de produits
      10 min

    Section 23: Création d'un menu pour Mobile

    6 lessons•1 h 10 min
    • Cours 1 Création du menu mobile
      16 min
    • Cours 2 Création du menu mobile
      11 min
    • Cours 3 Création du menu mobile
      13 min
    • Cours 4 Fin du projet d'ajustement de styles
      4 min
    • Cours 5 Ajustement responsive
      13 min
    • output
      13 min

    Section 24: Création d'un slider en Angular

    4 lessons•52 min
    • Cours 1 Mise en place du slider
      13 min
    • Cours 2 Programmation du slider
      14 min
    • Cours 3 Programmation du slider
      13 min
    • Cours 4 Programmation du slider
      12 min

    Section 25: Header : Interface E-commerce Moderne

    22 lessons•4 h 6 min
    • Cours 1 Présentation de l'atelier de formation
      3 min
    • Cours 2 Mise en place du projet
      10 min
    • Cours 3 Présentation de la stratégie
      4 min
    • Cours 4 Mise en place des couleurs du site
      8 min
    • Cours 5 Mise en place du fichier utile
      16 min
    • Cours 6 Création de la partie Banner Promo
      12 min
    • Cours 7 Mise en place de la barre de navigation top
      12 min
    • Cours 8 Mise en forme du nav top
      9 min
    • Cours 9 Mise en forme du nav top
      11 min
    • Cours 10 Mise en forme responsive du nav top
      14 min
    • Cours 11 Mise en place du website details
      15 min
    • Cours 12 Mise en forme du website details
      13 min
    • Cours 13 Mise en forme du website details
      14 min
    • Cours 14 Mise en forme du website details
      12 min
    • Cours 15 Mise en forme du menu
      14 min
    • Cours 16 Mise en forme du menu
      13 min
    • Cours 17 Mise en forme du menu
      7 min
    • Cours 18 Mise en forme du menu
      11 min
    • Cours 19 Mise en forme du menu
      14 min
    • Cours 20 Mise en forme du menu
      14 min
    • Cours 21 Mise en forme du menu
      6 min
    • Cours 22 Mise en forme du menu
      13 min

    Section 26: Slider : Interface E-commerce Moderne

    6 lessons•1 h 11 min
    • Cours 1 Création du slider
      19 min
    • Cours 2 création de la partie promo
      14 min
    • Cours 3 création de la partie promo
      9 min
    • Cours 4 Création des boutons next et previous
      8 min
    • Cours 5 Ajustement de la partie promo
      10 min
    • output
      10 min

    Section 27: Product : Interface E-commerce Moderne

    10 lessons•2 h 30 min
    • Cours 1 Création de la section products featured
      16 min
    • Cours 2 Création de la section products featured
      16 min
    • Cours 3 Création de la section products featured
      18 min
    • Cours 4 Mise en forme de la section products featured
      15 min
    • Cours 5 Mise en place New arrivals Products
      13 min
    • Cours 6 Mise en place Banner big Sale
      13 min
    • Cours 7 Mise en place des categories
      19 min
    • Cours 8 Mise en page Pub banner
      15 min
    • Cours 9 Mise en page de la partie News
      15 min
    • Cours 10 Mise en page de la partie partenaires
      9 min

    Section 28: Spécial Product : Interface E-commerce Moderne

    4 lessons•52 min
    • Cours 1 Mise en place spécial Product
      16 min
    • Cours 2 Mise en forme spécial Product
      15 min
    • Cours 3 Mise en forme spécial Product
      11 min
    • output
      10 min

    Section 29: Footer : Interface E-commerce Moderne

    3 lessons•46 min
    • Cours 1 Mise en place du footer
      15 min
    • Cours 2 Mise en forme du footer
      15 min
    • Cours 3 Mise en forme du footer
      16 min

    Section 30: Les tests unitaires en Angular

    6 lessons•1 h 51 min
    • Cours 1 Introduction au Test BDD avec Jasmine
      9 min
    • Cours 2 Ecrire le test unitaire d'une fonctionnalité
      16 min
    • Cours 3 Tester un model TypeScript
      23 min
    • Cours 4 Tester un componente
      20 min
    • cours 5 Tester un component
      20 min
    • cours 6 Tester un component avec dépendance
      22 min

    Section 31: Conclusion à la formation

    2 lessons•8 min
    • Partie 1 Conclusion à la formation
      6 min
    • Partie 2 Aller plus loin avec une autre formation
      3 min