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
    €159.99€399.99-60%
    This course includes:
    • 31 h 28 min of video
    • 205 lessons
    • Certificate of completion
    • Lifetime access
    €159.99€399.99

    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
    • Apprendre à effectuer des requêtes vers un serveur local ou distant

    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
    • Présentation 3 Les avantages de la formule basic
      5 min
    • Présentation 4 Les avantages de la formule premium
      6 min
    • Présentation 5 Les avantages de la formule business
      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
    • Cours 3 Les extensions utiles
      4 min
    • Cours 4 Exécution de JavaScript dans le navigateur
      7 min
    • Cours 5 Intégration de JavaScript à un document Web (partie 1)
      8 min
    • Cours 6 Intégration de JavaScript à un document Web (partie 2)
      6 min
    • Cours 7 Intégration de JavaScript à un document Web (partie 3)
      8 min
    • Cours 8 La syntaxe du langage JavaScript
      11 min
    • Cours 9 Les variables en JavaScript
      13 min
    • Cours 10 Les constantes en JavaScript
      7 min
    • Cours 11 Les booléens en JavaScript
      2 min
    • Cours 12 Les types de données en JavaScript
      8 min
    • Cours 13 Les opérateurs arithmétiques
      13 min
    • Cours 14 Les opérateurs d'affectation
      6 min
    • Cours 15 Les opérateurs de comparaison
      13 min
    • Cours 16 Les opérateurs logiques_
      6 min
    • Cours 17 L'opérateur de concatenation
      7 min
    • Cours 18 Les structures conditionnelles
      8 min
    • Cours 19 Les structures conditionnelles Switch case
      8 min
    • Cours 20 Les boucles en for, while et do while
      12 min
    • Cours 21 Exercices sur les boucles en for, while et do while
      12 min
    • Cours 22 Les tableaux en JavaScript
      12 min
    • Cours 23 Les tableaux en JavaScript
      9 min
    • Cours 24 Les fonctions en JavaScript
      11 min
    • Cours 25 Les fonctions en JavaScript
      13 min
    • Cours 26 Les fonctions en JavaScript
      8 min
    • Cours 27 Les objets en JavaScript
      11 min
    • Cours 28 Les objets en JavaScript
      13 min
    • Cours 29 Les objets en JavaScript
      10 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
      13 min
    • Cours 3 Sélection par l'attribut class
      8 min
    • Cours 4 Sélection par l'attribut name
      5 min
    • Cours 5 Sélection par balise
      5 min
    • Cours 6 Sélection par selecteur CSS
      10 min
    • Cours 7 Quelques equivalences
      4 min

    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
      6 min
    • Cours 10 Manipulation du contenu des éléments
      10 min
    • Cours 11 Manipulation du style des éléments
      8 min
    • Cours 12 Manipulation du style des éléments
      10 min

    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
      5 min
    • Cours 3 Programmation évènementielle en JavaScript
      11 min
    • Cours 4 Méthodologie de structuration
      11 min
    • Cours 5 La variable this et l'objet Event
      16 min
    • Cours 6 Challenge sur la programmation évènementielle
      8 min
    • Cours 7 Challenge sur la programmation évènementielle
      4 min

    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
    • Cours 3 Réalisation du projet partie 2
      10 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
    • Cours 3 Création de lapagination
      7 min
    • Cours 4 Création du slider
      11 min
    • Cours 5 Gestion du défilement du slider
      14 min
    • Cours 6 Gestion du défilement du slider
      5 min
    • Cours 7 Fin du projet Slider
      3 min
    • Cours 8 Correction du challenge
      8 min
    • Cours 9 Correction de bugs
      11 min
    • Cours 10 Correction de bugs
      10 min
    • Cours 11 Correction du challenge 2
      15 min
    • Cours 12 Mot de fin sur le projet
      6 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
    • Cours 3 Objet natif String
      11 min
    • Cours 4 Objet natif Integer
      9 min
    • Cours 5 Objet natif Array
      11 min
    • Cours 6 Objet natif Array
      6 min
    • Cours 7 Objet natif Date
      10 min
    • Cours 8 Objet natif Date - Exercice
      12 min
    • Cours 9 Objet natif Date - Exercice
      8 min
    • Cours 10 Objet natif Image
      5 min
    • Cours 11 Objet natif Image
      5 min
    • Cours 12 Objet natif Math
      8 min
    • Cours 13 Mot de fin sur les Objets natifs
      7 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
    • Cours 3 Mise en forme de l'Accordeon
      13 min
    • Cours 4 Gestionnaire d'évènement de l'Accordeon
      10 min
    • Cours 5 Gestionnaire d'évènement de l'Accordeon
      12 min
    • Cours 6 Fin de réalisation de l'Accordeon
      3 min
    • Cours 7 Mot de fin sur la réalisation du projet
      12 min

    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

    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 €159.99 instead of €399.99, 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