MudeyMudeyFormation
ParcoursCertificationsÀ proposRessources
Se connecterS'inscrire

Restez informé

Recevez nos dernières formations, conseils et offres exclusives directement dans votre boîte mail.

Nous respectons votre vie privée. Désabonnement possible à tout moment.

Transformez votre expertise en formation

Partagez vos connaissances, aidez les autres à progresser et développez vos revenus.

Devenir instructeur
MudeyMudey

La plateforme d'apprentissage en ligne qui transforme des vies grâce à des formations de qualité.

Suivez-nous

Application mobileBientôt sur iOS et Android

Découvrir

  • Toutes les formations
  • Catégories
  • Parcours d'apprentissage
  • Certifications
  • Formations populaires
  • Nouveautés

Apprendre avec Mudey

  • Mes cours
  • Mon espace étudiant
  • Liste de souhaits
  • Certificats obtenus
  • Devenir instructeur

Aide et ressources

  • Centre d'aide
  • FAQ
  • Contact
  • Blog
  • Guides
  • Vérifier un certificat
  • Accessibilité

Entreprise

  • À propos
  • Nos instructeurs
  • Entreprises et équipes
  • Partenariats
  • Affiliés
  • Carrières

Légal

  • Conditions générales
  • Politique de confidentialité
  • Politique des cookies
  • Mentions légales
  • Conditions instructeurs
  • Politique de remboursement

© 2026 Mudey. Tous droits réservés.

    1. Accueil
    2. /Formations
    3. /Développement Frontend
    Tous niveaux

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

    Ce cours Angular tous niveaux réunit 242 leçons vidéo en 39 sections, soit 38 h 18 min de vidéo. Vous le suivez à votre rythme avec Espero AKPOLI, qui anime la formation.

    38 h 18 min
    Français
    E
    Créé par
    Espero AKPOLI
    Illustration du cours Angular : Apprendre Angular par la création d'un site e-commerce
    182,35 $US341,92 $US-47%
    Ce cours comprend :
    • 38 h 18 min de vidéo
    • 242 leçons
    • Ressources téléchargeables
    • Certificat de fin de formation
    182,35 $US341,92 $US

    Ce que vous apprendrez dans cette formation Angular

    • Découvrir les fonctionnalités de Angular
    • Structure d'un projet Angular
    • Mise en page avec Angular
    • Rappel préliminaire GIT, Vs Code et TypeScript
    • Les directives et les pipes
  1. Accès à vie
  2. Les formulaires Angular
  3. Les concepts avancés d'Angular
  4. Services, Observable, Requête HTTP
  5. Création d'interface graphique en Angular
  6. Présentation de la formation Angular

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

    Le programme Angular en détail

    39 sections, 242 leçons et 38 h 18 min de vidéo au total.

    Section 1 : Présentation de la formation

    2 leçons•13 min
    • Cours 1 Présentation de la formationAperçu
      6 min
    • Cours 2 Présentation des projets de la formationAperçu
      6 min

    Section 2 : Introduction à la formation

    1 leçon•13 min
    • Cours 1 Introduction au Framework AngularAperçu
      13 min

    Section 3 : Les avantages de la formation

    5 leçons•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 leçons•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 des logiciels de travail

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

    Section 6 : Présentation de l'éditeur VS Code

    1 leçon•2 min
    • Présentation de la formation
      2 min

    Section 7 : Prise en main de l'éditeur VS Code

    5 leçons•26 min
    • Cours 1 Installation de Vs Code sur Windows
      4 min
    • Cours 2 Changer la langue de Vs Code
      4 min

    Section 8 : Gestion de fichiers et dossiers

    6 leçons•37 min
    • Cours 1 Ouvrir un fichier ou un dossier avec VS code
      6 min
    • Cours 2 Ouvrir un fichier ou un dossier avec VS code
      3 min

    Section 9 : Extensions utiles VS Code

    2 leçons•13 min
    • Cours 1 L'extension de simulation de serveur local
      6 min
    • Cours 2 L'extension d'auto complétion
      6 min

    Section 10 : Visual Studio Code et Github

    7 leçons•33 min
    • Cours 1 Présentation de Git
      6 min
    • Cours 2 Téléchargement et installation de Git en Local
      6 min
    Afficher les 29 sections suivantes

    Section 11 : Coder plus vite avec Emmet

    12 leçons•57 min
    • Cours 1 Présentation de Emmet
      3 min
    • Cours 2 Démarrer avec Emmet
      4 min

    Votre formateur

    E

    Espero AKPOLI

    63 formations publiées sur Mudey

    Avis des étudiants

    Aucun étudiant n'a encore publié d'avis. Les notes des inscrits apparaîtront ici.

    Vos questions sur la formation Angular

    Combien de temps dure le cours Angular ?

    Le programme compte 242 leçons vidéo, soit 38 h 18 min au total. Toutes les leçons existent en vidéo préenregistrée. Vous avancez donc à votre rythme, à toute heure, et revoyez chaque leçon autant de fois que nécessaire.

    Quel niveau faut-il pour suivre la formation Angular ?

    Le programme convient à tous les niveaux. Le formateur n'indique aucun prérequis particulier pour démarrer.

    Obtient-on un certificat à la fin de la formation Angular ?

    Oui. Dès que vous terminez toutes les leçons, Mudey vous délivre un certificat de fin de formation au format PDF. Chaque certificat porte un numéro unique, qu'un employeur peut contrôler sur la page de vérification des certificats.

    Combien de temps garde-t-on l'accès aux leçons ?

    L'accès reste valable à vie. Après l'inscription, la formation Angular rejoint « Mes cours » avec les mises à jour du formateur, tant qu'elle reste publiée. Vous pouvez aussi la suivre sur mobile, car la progression se synchronise d'un appareil à l'autre.

    Combien coûte le cours Angular ?

    La formation coûte 182,35 $US au lieu de 341,92 $US, toutes taxes comprises. Vous payez une seule fois par carte bancaire, sur une page sécurisée par Stripe. En cas de besoin, notre politique de remboursement précise vos droits.

    Dans quelle langue se suit cette formation ?

    Tout se passe en français : c'est la langue des vidéos et du programme.

    Autres formations du même domaine

    Pour continuer sur ce thème, Mudey propose aussi Apprenez à créer des templates E-commerce en HTML 5 et CSS 3, Créez le template du site web populaire Youtube et Créez le template du site web populaire Youtube.

    Voir toutes les formations de la catégorie Développement Frontend
    Présentation 3 Les avantages de la formule basic
    5 min
  7. Présentation 4 Les avantages de la formule premium
    6 min
  8. Présentation 5 Les avantages de la formule business
    6 min
  9. Cours 3 La Communication dans le cadre d'une Application Web
    7 min
  10. Cours 4 Reconnaitre un site Web
    3 min
  11. Cours 5 Reconnaitre une application Web
    5 min
  12. Cours 6 Synthèse
    6 min
  13. Cours 3 Installation de l'éditeur de code
    3 min
  14. Cours 4 Installation du logiciel de version GIT
    4 min
  15. Cours 5 Installation du logiciel de NodeJs
    7 min
  16. Cours 3 decouverte de l'interface de Vs Code
    11 min
  17. Cours 4 Personnaliser le thème de Vs Code
    4 min
  18. Cours 5 Synchronisation des paramètres Vs Code
    3 min
  19. Cours 3 Gestion des fichiers et des dossiers
    6 min
  20. Cours 4 Ecrire du code avec Vs Code
    9 min
  21. Cours 5 Gestion des racourcis clavier
    8 min
  22. Cours 6 Manipulation des lignes de code
    6 min
  23. Cours 3 Création de compte sur GitHub
    4 min
  24. Cours 4 Synchronisation des paramètres Vs Code sur GitHub
    3 min
  25. Cours 5 Sauvegarder un projet sur GitHub
    8 min
  26. Cours 6 Synchronisation de projet sur GitHub
    3 min
  27. Cours 7 Cloner un projet sur GitHub
    4 min
  28. Cours 3 Ecriture de balise avec Emmet
    2 min
  29. Cours 4 Déclaration d'attribut avec Emmet
    7 min
  30. Cours 5 Déclaration d'attribut avec Emmet
    5 min
  31. Cours 6 Ecrire entre les balises paires
    5 min
  32. Cours 7 Correction de l'exercice
    8 min
  33. Cours 8 Un petit resumé avant de continuer
    6 min
  34. Cours 9 Incrémentation avec Emmet
    4 min
  35. Cours 10 Incrémentation avec Emmet
    5 min
  36. Cours 11 Incrémentation avec Emmet
    3 min
  37. Cours 12 Code implicite avec Emmet
    6 min
  38. Section 12 : La découverte de la CLI Angular

    6 leçons•50 min
    • Cours 1 Installation de angular CLI
      6 min
    • Cours 2 Découverte de angular CLI
      5 min
    • Cours 3 Création d'un projet avec angular CLI
      9 min
    • Cours 4 Comprendre le contenu d'un projet Angular
      9 min
    • Cours 5 Comprendre le contenu d'un projet Angular
      11 min
    • Cours 6 Comprendre le contenu d'un projet Angular
      10 min

    Section 13 : Structure d'un projet Angular

    4 leçons•30 min
    • Cours 1 Structure d'un projet Angular
      3 min
    • Cours 2 Le module et le composant en Angular
      12 min
    • Cours 3 Le serveur de développement en Angular
      7 min
    • Cours 4 Configuration du DNS local en Angular Sur Windows
      8 min

    Section 14 : TP 1 Mise en page statique avec Angular

    6 leçons•37 min
    • Cours 1 présentation du projet de mise en pageAperçu
      2 min
    • Cours 2 Comment achitecturer un projet
      9 min
    • Cours 3 Mise en page en angular
      11 min
    • Cours 4 Mise en page en angular
      6 min
    • Cours 5 Mise en page en angular
      6 min
    • Cours 6 Conclusion de la mise en page
      3 min

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

    6 leçons•55 min
    • Cours 1 Mise en place du projetAperçu
      10 min
    • Cours 2 Mise en page desktop
      9 min
    • Cours 3 Mise en page du container
      12 min
    • Cours 4 Mise en forme du main
      12 min
    • Cours 5 Fin de la mise en forme du main
      4 min
    • Cours 6 Mise en page Tablette et Mobile
      8 min

    Section 16 : Intégration de librairies CSS et JS en Angular

    3 leçons•28 min
    • Cours 1 Intégration de librairies en Angular
      11 min
    • Cours 2 Intégration de librairies en Angular
      5 min
    • Cours 3 Intégration de librairies en Angular
      12 min

    Section 17 : Les directives en Angular

    4 leçons•33 min
    • Cours 1 La directive ngIf en angular
      11 min
    • Cours 2 La directive ngFor en angular
      8 min
    • Cours 3 La directive ngClass en angular
      8 min
    • Cours 4 La directive ngStyle en angular
      6 min

    Section 18 : La logique d'un composant

    6 leçons•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 19 : La gestion des données dynamiques

    7 leçons•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 20 : La transmission de données entre composants

    9 leçons•1 h 27 min
    • Cours 1 Introduction à la transmission des donnéesAperçu
      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 21 : TP 3 Création du Modal Product View

    7 leçons•59 min
    • Cours 1 Présentation du projetAperçu
      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 22 : Les services, Observables, Promises, Requêtes ...

    8 leçons•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 23 : Les formulaires templates en Angular

    5 leçons•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 24 : TP 4 Création d'un formulaire

    6 leçons•45 min
    • Cours 1 Présentation du projetAperçu
      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 25 : Les formulaires réactifs en Angular

    4 leçons•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 26 : Le routing en Angular

    10 leçons•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 27 : Interface graphique du Site E-commerce

    14 leçons•2 h 25 min
    • Cours 1 Présentation du projetAperçu
      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 28 : Routing avancé en Angular

    6 leçons•1 h 13 min
    • Cours 1 Création des routes imbriquéesAperçu
      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 29 : Création d'un menu responsive

    5 leçons•57 min
    • Cours 1 Création du menu mobileAperçu
      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

    Section 30 : Création d'un Slider en Angular

    4 leçons•52 min
    • Cours 1 Mise en place du sliderAperçu
      13 min
    • Cours 2 Programmation du slider
      14 min
    • Cours 3 Programmation du slider
      13 min
    • Cours 4 Programmation du slider
      12 min

    Section 31 : Création de la page Product By Category

    12 leçons•2 h 16 min
    • Cours 1 Présentation du projetAperçu
      6 min
    • Cours 2 Mise en place du containerAperçu
      14 min
    • Cours 3 Mise en forme de la page
      13 min
    • Cours 4 Récupération des categories
      13 min
    • Cours 5 Affichage des categories de produits
      13 min
    • Cours 6 Affichage des categories de produits
      16 min
    • Cours 7 Affichage des produits
      17 min
    • Cours 8 Affichage des produits
      10 min
    • Cours 9 Affichage des produits
      12 min
    • Cours 10 Affichage des produits
      8 min
    • Cours 11 Affichage des produits
      8 min
    • Cours 12 Affichage des produits
      5 min

    Section 32 : Création de la page de Contact

    7 leçons•1 h 21 min
    • Cours 1 Présentation du projet à réaliser
      3 min
    • Cours 2 Création de la page contact
      18 min
    • Cours 3 Création de la page contact
      10 min
    • Cours 4 Gestion des données de la page de contact
      13 min
    • Cours 5 Gestion des données de la page de contact
      14 min
    • Cours 6 Gestion des données de la page de contact
      11 min
    • Cours 7 Création de la page 404
      12 min

    Section 33 : Header : Interface E-commerce Moderne

    22 leçons•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 34 : Slider : Interface E-commerce Moderne

    5 leçons•1 h 1 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

    Section 35 : Product : Interface E-commerce Moderne

    10 leçons•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 36 : Spécial Product : Interface E-commerce Moderne

    3 leçons•41 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

    Section 37 : Footer : Interface E-commerce Moderne

    3 leçons•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 38 : Ecriture des tests unitaires en Angular

    6 leçons•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 39 : Conclusion à la formation

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