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

    Clonez le site de cartographie Google Maps en JavaScript

    This clone de Google Maps course for all levels brings together 205 video lessons in 28 sections, for 31 h 28 min of video in total. You follow it at your own pace with Espero AKPOLI, who teaches it. The videos are in French.

    31 h 28 min
    French
    E
    Created by
    Espero AKPOLI
    Illustration for the clone de Google Maps course: Clonez le site de cartographie Google Maps en JavaScript
    US$182.35US$455.90-60%
    This course includes:
    • 31 h 28 min of video
    • 205 lessons
    • Certificate of completion
    • Lifetime access
    US$182.35US$455.90

    What this clone de Google Maps program teaches you

    • Apprendre les bases du langage JavaScript
    • Apprendre les notions avancée de JavaScript
    • Apprendre à créer une carte en JavaScript
    • Apprendre à récupérer la position de géolocalisation des utilisateurs
    • Apprendre à manipuler les données en JavaScript
    Cloner le site Web Google Maps
  1. Apprendre à effectuer des requêtes vers un serveur local ou distant
  2. About this clone de Google Maps program

    Apprenez à cloner entièrement le site Web Google Maps JavaScript de A à Z

    Clone de Google Maps curriculum

    28 sections, 205 lessons and 31 h 28 min of video in total.

    Section 1: Présentation de la formation

    1 lesson•6 min
    • Présentation du projet de la formationPreview
      6 min

    Section 2: Les avantages de la formation

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

    Section 3: JavaScript : Les bases

    29 lessons•4 h 20 min
    • Cours 1 Introduction à JavaScriptPreview
      9 min
    • Cours 2 Environnement de développement Windows
      6 min

    Section 4: JavaScript : Sélectionner des éléments

    7 lessons•47 min
    • Cours 1 Introduction à la partie 2Preview
      4 min
    • Cours 2 Sélection par l'attribut idPreview

    Section 5: JavaScript : Manipulation d'élément HTML 5

    5 lessons•49 min
    • Cours 8 Manipulation des attributsPreview
      15 min
    • Cours 9 Manipulation des attributs (suite)Preview

    Section 6: JavaScript : Les évènements

    7 lessons•56 min
    • Cours 1 Javascript - Les évènementsPreview
      2 min
    • Cours 2 Les évènements en JavaScriptPreview

    Section 7: JavaScript : Manipuler le DOM

    2 lessons•18 min
    • Cours 1 Manipulation du DOMPreview
      6 min
    • Cours 2 Manipulation du DOM - cas pratique
      11 min

    Section 8: Projet 1 JavaScript : Menu dynamique

    3 lessons•31 min
    • Cours 1 Présentation du projet
      7 min
    • Cours 2 Réalisation du projet partie 1
      14 min

    Section 9: Projet 2 JavaScript : Création d'un slider

    12 lessons•1 h 42 min
    • Cours 1 Introduction au projet 2
      2 min
    • Cours 2 Mise en place du silider
      9 min

    Section 10: JavaScript : Les objets natifs

    13 lessons•1 h 59 min
    • Cours 1 Objet natif Window
      17 min
    • Cours 2 Objet natif String
      10 min
    Show the next 18 sections

    Section 11: Projet 3 JavaScript : Création d'un accordion

    7 lessons•1 h 2 min
    • Cours 1 Introduction au projet accordeon
      2 min
    • Cours 2 Mise en place de l'Accordeon
      10 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.

    clone de Google Maps course FAQ

    How long does the clone de Google Maps course take?

    The curriculum has 205 video lessons, for 31 h 28 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 clone de Google Maps 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 clone de Google Maps 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 clone de Google Maps course cost?

    Enrollment costs US$182.35 instead of US$455.90, 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 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 Les extensions utiles
    4 min
  6. Cours 4 Exécution de JavaScript dans le navigateur
    7 min
  7. Cours 5 Intégration de JavaScript à un document Web (partie 1)
    8 min
  8. Cours 6 Intégration de JavaScript à un document Web (partie 2)
    6 min
  9. Cours 7 Intégration de JavaScript à un document Web (partie 3)
    8 min
  10. Cours 8 La syntaxe du langage JavaScript
    11 min
  11. Cours 9 Les variables en JavaScript
    13 min
  12. Cours 10 Les constantes en JavaScript
    7 min
  13. Cours 11 Les booléens en JavaScript
    2 min
  14. Cours 12 Les types de données en JavaScript
    8 min
  15. Cours 13 Les opérateurs arithmétiques
    13 min
  16. Cours 14 Les opérateurs d'affectation
    6 min
  17. Cours 15 Les opérateurs de comparaison
    13 min
  18. Cours 16 Les opérateurs logiques_
    6 min
  19. Cours 17 L'opérateur de concatenation
    7 min
  20. Cours 18 Les structures conditionnelles
    8 min
  21. Cours 19 Les structures conditionnelles Switch case
    8 min
  22. Cours 20 Les boucles en for, while et do while
    12 min
  23. Cours 21 Exercices sur les boucles en for, while et do while
    12 min
  24. Cours 22 Les tableaux en JavaScript
    12 min
  25. Cours 23 Les tableaux en JavaScript
    9 min
  26. Cours 24 Les fonctions en JavaScript
    11 min
  27. Cours 25 Les fonctions en JavaScript
    13 min
  28. Cours 26 Les fonctions en JavaScript
    8 min
  29. Cours 27 Les objets en JavaScript
    11 min
  30. Cours 28 Les objets en JavaScript
    13 min
  31. Cours 29 Les objets en JavaScript
    10 min
  32. 13 min
  33. Cours 3 Sélection par l'attribut class
    8 min
  34. Cours 4 Sélection par l'attribut name
    5 min
  35. Cours 5 Sélection par balise
    5 min
  36. Cours 6 Sélection par selecteur CSS
    10 min
  37. Cours 7 Quelques equivalences
    4 min
  38. 6 min
  39. Cours 10 Manipulation du contenu des éléments
    10 min
  40. Cours 11 Manipulation du style des éléments
    8 min
  41. Cours 12 Manipulation du style des éléments
    10 min
  42. 5 min
  43. Cours 3 Programmation évènementielle en JavaScript
    11 min
  44. Cours 4 Méthodologie de structuration
    11 min
  45. Cours 5 La variable this et l'objet Event
    16 min
  46. Cours 6 Challenge sur la programmation évènementielle
    8 min
  47. Cours 7 Challenge sur la programmation évènementielle
    4 min
  48. Cours 3 Réalisation du projet partie 2
    10 min
    Cours 3 Création de lapagination
    7 min
  49. Cours 4 Création du slider
    11 min
  50. Cours 5 Gestion du défilement du slider
    14 min
  51. Cours 6 Gestion du défilement du slider
    5 min
  52. Cours 7 Fin du projet Slider
    3 min
  53. Cours 8 Correction du challenge
    8 min
  54. Cours 9 Correction de bugs
    11 min
  55. Cours 10 Correction de bugs
    10 min
  56. Cours 11 Correction du challenge 2
    15 min
  57. Cours 12 Mot de fin sur le projet
    6 min
  58. Cours 3 Objet natif String
    11 min
  59. Cours 4 Objet natif Integer
    9 min
  60. Cours 5 Objet natif Array
    11 min
  61. Cours 6 Objet natif Array
    6 min
  62. Cours 7 Objet natif Date
    10 min
  63. Cours 8 Objet natif Date - Exercice
    12 min
  64. Cours 9 Objet natif Date - Exercice
    8 min
  65. Cours 10 Objet natif Image
    5 min
  66. Cours 11 Objet natif Image
    5 min
  67. Cours 12 Objet natif Math
    8 min
  68. Cours 13 Mot de fin sur les Objets natifs
    7 min
  69. Cours 3 Mise en forme de l'Accordeon
    13 min
  70. Cours 4 Gestionnaire d'évènement de l'Accordeon
    10 min
  71. Cours 5 Gestionnaire d'évènement de l'Accordeon
    12 min
  72. Cours 6 Fin de réalisation de l'Accordeon
    3 min
  73. Cours 7 Mot de fin sur la réalisation du projet
    12 min
  74. Section 12: JavaScript : Programmation Orientée Objet

    9 lessons•1 h 29 min
    • Cours 1 Introduction à la POO en JavaScript
      8 min
    • Cours 2 Création d'un modèle d'objet en JavaScript
      12 min
    • Cours 3 Création d'un modèle d'objet en JavaScript
      11 min
    • Cours 4 Héritage en JavaScript
      11 min
    • Cours 5 Héritage en JavaScript ES6
      8 min
    • Cours 6 Les prototypes en JavaScript ES6
      10 min
    • Cours 7 Les prototypes en JavaScript ES6
      11 min
    • Cours 8 L'objet Object en JavaScript ES6
      14 min
    • Cours 9 L'objet Object en JavaScript ES6
      5 min

    Section 13: JavaScript : JavaScript Object Notation (JSON)

    3 lessons•22 min
    • Cours 1 Le format de données JSON en JavaScript ES6
      10 min
    • Cours 2 Utilisation du JSON en JavaScript ES6
      5 min
    • Cours 3 Conversion du JSON en JavaScript ES6
      6 min

    Section 14: JavaScript : Les expressions régulières

    9 lessons•1 h 32 min
    • Cours 1 Introduction aux expressions régulières
      3 min
    • Cours 2 Le modèle d'une expression régulière
      12 min
    • Cours 3 Ecriture d'une expression régulière
      10 min
    • Cours 4 Ecriture d'une expression régulière
      16 min
    • Cours 5 Les options d'une expression régulière
      9 min
    • Cours 6 Les méthodes de recherche et de remplacement
      5 min
    • Cours 7 Exercice sur la vérification d'email
      15 min
    • Cours 8 Exercice sur la vérification d'une adresse URL
      10 min
    • Cours 9 Exercice sur les méthodes de recherche et de remplacement
      14 min

    Section 15: JavaScript : La gestion des formulaires

    24 lessons•4 h 6 min
    • Cours 1 Introduction aux formulaires
      9 min
    • Cours 2 Mise en place du formulaire
      12 min
    • Cours 3 Mise en forme du formulaire
      15 min
    • Cours 4 Mise en forme du formulaire
      9 min
    • Cours 5 L'objet Form en JavaScript
      15 min
    • Cours 6 L'objet Form en JavaScript
      6 min
    • Cours 7 Le contenu de l'objet Form en JavaScript
      7 min
    • Cours 8 L'objet FormData en JavaScript
      11 min
    • Cours 9 Changement de type d'un input en JavaScript
      15 min
    • Cours 10 Changement de type d'un input en JavaScript
      2 min
    • Cours 11 Introduction aux contrôles de saisie
      10 min
    • Cours 12 Les contraintes de validation HTML
      12 min
    • Cours 13 Les contraintes de validation HTML
      9 min
    • Cours 14 Les contraintes de validation HTML
      1 min
    • Cours 15 Validation d'un formulaire en JavaScript
      22 min
    • Cours 16 Validation d'un formulaire en JavaScript
      11 min
    • Cours 17 Validation d'un formulaire en JavaScript
      6 min
    • Cours 18 Validation d'un formulaire en JavaScript
      11 min
    • Cours 19 Validation de l'état d'un formulaire en JavaScript
      10 min
    • Cours 20 Mise à jour du button d'un formulaire en JavaScript
      9 min
    • Cours 21 Validation du formulaire de connexion en JavaScript
      8 min
    • Cours 22 Avantages et inconveniants de la validation côté client
      9 min
    • Cours 23 Gérer JavaScript dans les navigateurs
      12 min
    • Cours 24 Gestion de la soumission d'un formulaire
      12 min

    Section 16: JavaScript : La gestion des fichiers

    7 lessons•1 h 6 min
    • Cours 1 Introduction à la récupération de fichiers
      7 min
    • Cours 2 Personnalisation de la récupération de fichiers
      12 min
    • Cours 3 L'objet FileList et File en JavaScript
      7 min
    • Cours 4 Manipulation d'un fichier en JavaScript
      13 min
    • Cours 5 Prévisualisation d'un fichier en JavaScript
      11 min
    • Cours 6 Prévisualisation d'un fichier en JavaScript
      10 min
    • Cours 7 Envoyer des fichiers par un formulaire
      7 min

    Section 17: JavaScript : Taitements asynchrones avec Promise

    8 lessons•1 h 11 min
    • Cours 1 Introduction aux traitements asynchrones avec les Promise
      10 min
    • Cours 2 Création d'une Promise
      14 min
    • Cours 3 Création d'une Promise
      4 min
    • Cours 4 Les fonctions async et await
      10 min
    • Cours 5 Cas pratique d'utilisation des Promises
      11 min
    • Cours 6 Cas pratique d'utilisation des Promises
      7 min
    • Cours 7 Aller plus loin avec le design
      13 min
    • Cours 8 Aller plus loin avec le design
      2 min

    Section 18: JavaScript : Requête avec l'API Fetch

    13 lessons•2 h 2 min
    • Cours 1 Introduction aux requêtes en JavaScript
      11 min
    • Cours 2 Requête GET en JavaScript
      14 min
    • Cours 3 Requête GET en JavaScript
      13 min
    • Cours 4 Cas pratique de récupération de données
      6 min
    • Cours 5 Création de requête absolue
      6 min
    • Cours 6 Requête de récupération d'une image
      10 min
    • Cours 7 Requête de récupération d'une video
      9 min
    • Cours 8 Vérifier l'état d'une requête dans le navigateur
      7 min
    • Cours 9 Création et configuration d'un backend firebase
      13 min
    • Cours 10 Création d'une requête POST
      12 min
    • Cours 11 Création d'une requête PUT
      9 min
    • Cours 12 Création d'une requête DELETE
      4 min
    • Cours 13 Création d'une requête PATCH
      9 min

    Section 19: JavaScript : Gestion des erreures

    5 lessons•42 min
    • Cours 1 Introduction à la gestion des erreurs
      7 min
    • Cours 2 L'Objet Error et la gestion des erreurs
      10 min
    • Cours 3 Détection des erreurs
      5 min
    • Cours 4 Sauvegarde de l'erreur sur le serveur
      11 min
    • Cours 5 Sauvegarde de l'erreur sur le serveur
      9 min

    Section 20: JavaScript : L'objet storage

    5 lessons•41 min
    • Cours 1 Introduction à l'objet Storage
      6 min
    • Cours 2 Mise en place du projet
      10 min
    • Cours 3 Changement de thème dynamique
      15 min
    • Cours 4 Changement de thème dynamique
      2 min
    • Cours 5 Conclusion sur le projet
      8 min

    Section 21: Introduction à la géolocalisation

    3 lessons•25 min
    • Cours 1 Introduction à la géolocalisation
      8 min
    • Cours 2 Obtenir les données de géolocalisation
      9 min
    • Cours 3 Les fournisseurs de carte Map
      8 min

    Section 22: Présentation du projet Google Maps

    2 lessons•13 min
    • Cours 4 Présentation du projet de la formation
      6 min
    • Cours 5 Présentation des ressources du projet de la formation
      7 min

    Section 23: Mise en place du frontend

    4 lessons•50 min
    • Cours 6 Mise en place du projet de la formationPreview
      10 min
    • Cours 7 Mise en forme du menu
      14 min
    • Cours 8 Mise en place du search bar
      10 min
    • Cours 9 Mise en forme du search bar
      15 min

    Section 24: Mise en place de la carte

    2 lessons•22 min
    • Cours 10 Mise en place de carte MapPreview
      12 min
    • Cours 11 Récupération des données des stations
      11 min

    Section 25: Création des marqueurs

    10 lessons•1 h 56 min
    • Cours 12 Initialisation des marqueurs sur la cartePreview
      12 min
    • Cours 13 Initialisation des marqueurs sur la carte
      13 min
    • Cours 14 Création de popup sur les marqueurs
      11 min
    • Cours 15 Gestion du click sur un marqueur
      9 min
    • Cours 16 Création de la structure des détails des stations
      14 min
    • Cours 17 Mise en forme des détails des stations
      13 min
    • Cours 18 Mise en forme des détails des stations
      14 min
    • Cours 19 Mise en forme des détails des stations
      5 min
    • Cours 20 Consultation du détails des stations
      13 min
    • Cours 21 Injection du template dans la page
      13 min

    Section 26: Filtrage des données et autocomplétion

    6 lessons•1 h 4 min
    • Cours 22 Filtre des donnéesPreview
      16 min
    • Cours 23 Mise en place de la boite d'autocomplétion
      10 min
    • Cours 24 Création de l'autocomplétion
      13 min
    • Cours 25 Ajustement l'autocomplétion
      10 min
    • Cours 26 Ajustement l'autocomplétion
      6 min
    • Cours 27 Ajustement l'autocomplétion
      10 min

    Section 27: Connexion du site à un backend distant

    2 lessons•17 min
    • Cours 28 Intégration d'un backend distant_1
      13 min
    • Cours 29 Mot de fin sur le projet
      4 min

    Section 28: 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