Image de cours gratuite Javascript complet

Cours en ligne gratuitJavascript complet

Durée du cours en ligne : 13 heure et 42 minutes

4.56

étoileétoileétoileétoileDemi-étoile

(9)

Maîtrisez JavaScript et le développement web : cours en ligne gratuit avec vidéos et exercices pour coder des pages dynamiques et viser des projets concrets.

Dans ce cours gratuit, découvrez

  • Configurer l’environnement JS (éditeur, console, outils dev) et où exécuter le code
  • Écrire du JS dans une page web (balises script, fichiers externes) et bonnes pratiques
  • Maîtriser syntaxe, indentation, commentaires et mode strict
  • Déclarer des variables (let/const), connaître les types et conversions de base
  • Effectuer des opérations, concaténer des chaînes, utiliser modulo et opérateurs
  • Utiliser comparaisons, opérateurs logiques et simplifier les conditions
  • Contrôler le flux: if/else, ternaire, switch, boucles et conditions d’arrêt
  • Créer et utiliser fonctions (anonymes, IIFE), portée, closures
  • Manipuler objets et objets natifs: String, Number, Array, Date, Math
  • Comprendre primitives vs objets et créer des objets (littéraux, constructeurs)
  • Manipuler le DOM: sélectionner, modifier contenu, insérer/supprimer, naviguer
  • Gérer événements: addEventListener, propagation, objet Event
  • Utiliser le BOM: window, screen, navigator, location, history, timers
  • Régex, formulaires (validation HTML/JS), canvas, cookies et gestion d’erreurs

Descriptif du cours

Envie de passer du simple HTML à des interfaces vraiment interactives ? Ce cours en ligne gratuit Javascript complet vous accompagne pas à pas pour apprendre à écrire du code propre, comprendre la logique de programmation et construire des comportements dynamiques dans le navigateur. Vous avancez avec des vidéos et des exercices qui transforment la théorie en réflexes, depuis les bases jusqu’aux notions qui font la différence sur de vrais projets.

Vous commencez par mettre en place un environnement de travail efficace, puis vous prenez en main la syntaxe, l’indentation et les bonnes pratiques. Très vite, vous manipulez variables et types, vous réalisez des opérations, vous composez des chaînes, puis vous structurez votre code avec des conditions, des opérateurs logiques, le switch et les boucles. L’objectif est de vous rendre autonome face aux problèmes classiques : tester une valeur, gérer plusieurs cas, répéter une action, puis organiser le tout de façon lisible et maintenable.

Le cours vous amène ensuite vers les fonctions, la portée, les fonctions anonymes, l’auto-invocation et les closures, afin de comprendre ce qui se passe réellement lors de l’exécution et d’éviter les pièges fréquents. Vous explorez aussi les objets et les principaux objets natifs, ce qui vous permet de manipuler efficacement les textes, les nombres, les tableaux et les dates, tout en découvrant les méthodes utiles au quotidien.

Une fois les fondamentaux en place, vous vous concentrez sur ce qui rend JavaScript si puissant côté web : le DOM, la modification du contenu d’une page, l’insertion et la suppression d’éléments, ainsi que la navigation dans l’arbre HTML. Vous apprenez à réagir aux actions de l’utilisateur grâce aux événements, à comprendre leur propagation et à utiliser addEventListener pour créer des interactions fiables. Le parcours se complète avec le BOM et des objets liés au navigateur, les expressions régulières pour rechercher et remplacer, la validation de formulaires, et même le canvas pour dessiner et manipuler des formes, du texte et des images.

Enfin, vous abordez des sujets indispensables pour coder sereinement : gestion du délai d’exécution, cookies, gestion des erreurs et mode strict. À la fin, vous aurez une vision complète de JavaScript côté navigateur et les bases solides pour évoluer vers des projets plus ambitieux en programmation web.

Contenu du cours

  • Leçon vidéo : COURS COMPLET JAVASCRIPT [1/65] - Pre?sentation du cours JavaScript 01m
  • Exercice: Quel prérequis est nécessaire pour suivre ce cours de JavaScript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [2/65] - Introduction au JavaScript 03m
  • Exercice: Où s'exécute principalement le code JavaScript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [3/65] - Environnement de travail 01m
  • Exercice: Quel est un des logiciels recommandés pour coder en JavaScript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [4/65] - Ou? e?crire le code JavaScript 09m
  • Exercice: Où peut-on écrire du code JavaScript dans une page web ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [5/65] - Syntaxe, indentation et commentaires 07m
  • Exercice: Quel est le bon usage des commentaires en JavaScript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [6/65] - Présentation des variables en JavaScript 07m
  • Exercice: Quelle est la manière correcte de déclarer une variable en JavaScript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [7/65] - Les types de valeurs des variables JavaScript 18m
  • Exercice: _Quel est le type de valeur stocké dans une variable de type "number" en javascript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [8/65] - Ope?rations entre variables en JavaScript 11m
  • Exercice: Quel est l'opérateur utilisé pour calculer le reste de la division entière en JavaScript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [9/65] - La concate?nation en JavaScript 12m
  • Exercice: Que signifie la concaténation en JavaScript?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [10/65] - Introduction aux conditions en JavaScript 10m
  • Exercice: _Quels sont les opérateurs de comparaison en Javascript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [11/65] - Les conditions if, if...else et if...else if...else 16m
  • Exercice: Quelle structure conditionnelle permet d'exécuter différents blocs de code selon plusieurs critères ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [12/65] - Les ope?rateurs logiques 11m
  • Exercice: Quels sont les symboles des opérateurs logiques en JavaScript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [13/65] - Simplification des conditions JavaScript 08m
  • Exercice: _Comment peut-on simplifier l'écriture des conditions en JavaScript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [14/65] - Structures ternaires en JavaScript 07m
  • Exercice: Quel est le rôle principal d'une structure ternaire en JavaScript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [15/65] - Le switch 08m
  • Exercice: Quand est-il judicieux d'utiliser une instruction 'switch' en programmation ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [16/65] - Les boucles en JavaScript 19m
  • Exercice: _Quelle est la condition pour sortir d'une boucle en JavaScript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [17/65] - Introduction aux fonctions en JavaScript 15m
  • Exercice: Quel est le principal avantage d'utiliser des fonctions en JavaScript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [18/65] - De?couverte et de?finition des objets en JavaScript 10m
  • Exercice: En JavaScript, quelles sont les méthodes et propriétés d'un objet ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [19/65] - Valeurs primitives et objets natifs 10m
  • Exercice: _Qu'est-ce qu'un objet natif en JavaScript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [20/65] - Cre?er des objets en JavaScript 17m
  • Exercice: Quelle est la méthode généralement recommandée pour créer des objets en JavaScript?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [21/65] - Les me?thodes de l'objet String 20m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [22/65] - L'objet Number, proprie?te?s et me?thodes 15m
  • Exercice: _Quelles sont les propriétés exclusives de l'objet number en JavaScript?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [23/65] - Pre?sentation de l'objet Array et des tableaux 19m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [24/65] - Les me?thodes de l'objet Array 29m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [25/65] - Pre?sentation de l'objet Date 16m
  • Exercice: _Quel est l'objet natif de Javascript qui permet de manipuler des dates ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [26/65] - Les me?thodes de l'objet Date 18m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [27/65] - L'objet Math et ses me?thodes 15m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [28/65] - La porte?e en JavaScript 11m
  • Exercice: _Qu'est-ce que la portée en JavaScript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [29/65] - Les fonctions anonymes 06m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [30/65] - Les fonctions auto invoque?es 03m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [31/65] - Les closures en JavaScript 09m
  • Exercice: _Qu'est-ce qu'une closure en JavaScript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [32/65] - Pre?sentation du DOM HTML 06m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [33/65] - Acce?der a? des e?le?ments HTML en JavaScript 18m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [34/65] - Modifier du contenu HTML en JavaScript 13m
  • Exercice: _Quelle est la propriété de l'objet élément permettant d'accéder au contenu d'un élément HTML en JavaScript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [35/65] - Ajouter et inse?rer des e?le?ments HTML en JavaScript 07m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [36/65] - Modifier ou supprimer des e?le?ments HTML en JavaScript 05m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [37/65] - Naviguer dans le DOM en JavaScript 19m
  • Exercice: _Quelle est la propriété qui nous permet d'accéder au noeud parent d'un élément en Javascript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [38/65] - Introduction aux e?ve?nements 13m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [39/65] - La me?thode addEventListener 20m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [40/65] - La propagation des e?ve?nements 25m
  • Exercice: _Dans quel ordre les événements se déclenchent-ils lorsqu'un utilisateur clique sur le paragraphe contenu dans le div ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [41/65] - Pre?sentation de l'objet Event 12m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [42/65] - Le BOM et l'objet Window 14m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [43/65] - Pre?sentation de l'objet Screen 04m
  • Exercice: _Quelles sont les propriétés de l'objet screen qui permettent d'obtenir des informations sur l'écran des visiteurs d'un site web?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [44/65] - Pre?sentation de l'objet Navigator 13m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [45/65] - Pre?sentation de l'objet Location 09m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [46/65] - Pre?sentation de l'objet History 09m
  • Exercice: _Quelles sont les méthodes de l'objet history en JavaScript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [47/65] - De?couverte des expressions re?gulie?res 05m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [48/65] - Recherches et remplacements 19m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [49/65] - Quantifieurs et options 23m
  • Exercice: _Qu'est-ce que les quantifiants en JavaScript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [50/65] - Les classes de caracte?res et les me?tacaracte?res 34m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [51/65] - Rappels sur les formulaires HTML 08m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [52/65] - Validation HTML des formulaires et limitations 06m
  • Exercice: _Quels sont les attributs HTML qui permettent de placer des contraintes sur un formulaire ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [53/65] - Validation JavaScript de formulaires HTML 18m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [54/65] - Pre?sentation de l'e?le?ment canvas 05m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [55/65] - Dessiner des rectangles dans le canvas 12m
  • Exercice: _Comment créer un rectangle en JavaScript dans un élément HTML canvas ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [56/65] - Dessiner des lignes dans le canvas 09m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [57/65] - Dessiner des arcs de cercle dans le canvas 08m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [58/65] - Cre?er des de?grade?s dans le canvas 13m
  • Exercice: _Quelle méthode doit-on utiliser pour créer un dégradé linéaire dans le canvas en Javascript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [59/65] - Inse?rer du texte et des images dans le canvas 09m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [60/65] - Rotations et translations dans le canvas 15m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [61/65] - Gestion du de?lai d'exe?cution en JavaScript 15m
  • Exercice: _Quelle est la méthode de l'objet window qui permet d'exécuter un script en boucle en précisant un intervalle de temps entre chaque répétition?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [62/65] - Les cookies en JavaScript 24m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [63/65] - Gestion des erreurs en JavaScript 12m
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [64/65] - Le mode strict en JavaScript 07m
  • Exercice: _Quel est l'intérêt du mode strict en Javascript ?
  • Leçon vidéo : COURS COMPLET JAVASCRIPT [65/65] - Conclusion du cours JavaScript 03m

Ce cours gratuit comprend:

13 heure et 42 minutes du cours vidéo en ligne

Certificat numérique de réussite du cours (gratuit)

Exercices pour développer vos connaissances

100% gratuit, du contenu au certificat

Prêt à commencer ?Téléchargez l’application et commencez dès aujourd’hui !

Installez l'application

dès maintenant pour accéder au cours
Icône représentant les cours de technologie et de commerce

Plus de 5000 cours gratuits

Programmation, anglais, marketing digital et bien plus encore ! Apprenez ce que vous voulez, gratuitement.

Icône de calendrier avec cible représentant la planification des études

Plan d'études avec IA

L'intelligence artificielle de notre application peut créer un planning d'études pour le cours que vous choisissez.

Icône professionnelle représentant la carrière et le commerce

De débutant à professionnel accompli

Améliorez votre CV grâce à notre certificat gratuit, puis utilisez notre intelligence artificielle pour trouver l'emploi de vos rêves.

Vous pouvez également utiliser le code QR ou les liens ci-dessous.

Code QR - Télécharger Cursa - Cours en ligne

Commentaires de cours: Javascript complet

Cours jugé globalement très bon, intéressant et « cool ». Les étudiants apprécient l’expérience et le certificat. Cependant, certains rencontrent des difficultés à comprendre le fonctionnement des applications Komondo.

IK

Ivan Kamo

étoileétoileétoileétoileétoile

it was a great experience for me and i thankful for the certificate.

SD

SAHOULBA DAÏBA

étoileétoileétoile

le cours est bon

FW

Freddy Wandenga

étoileétoileétoileétoileétoile

cool

AS

Antony Sylvestre

étoileétoileétoile

je ne comprends pas le fonctionnement des applications komondo

JD

Julner Dorinvil

étoileétoileétoileétoileétoile

ce cours est super intéressant

Plus de cours gratuits sur Programmation web

Ebook + livres audio gratuits ! Apprenez en écoutant ou en lisant !

Téléchargez l'application dès maintenant pour avoir accès à + 5000 cours gratuits, exercices, certificats et de nombreux contenus sans rien payer !

  • Cours en ligne 100% gratuits du début à la fin

    Des milliers de cours en ligne en vidéo, livres électroniques et livres audio.

  • Plus de 60 000 exercices gratuits

    Pour tester vos connaissances lors de cours en ligne

  • Certificat numérique gratuit et valide avec code QR

    Généré directement à partir de la galerie de photos de votre téléphone portable et envoyé à votre adresse e-mail

Application Cursa sur l'écran du livre électronique, l'écran du cours vidéo et l'écran des exercices du cours, ainsi que le certificat de fin de cours