Les meilleurs cours et tutoriels pour apprendre le JavaScript
Sélection des meilleurs tutoriels et cours de formation gratuits pour apprendre la programmation JavaScript (côté client et côté serveur). Vous trouverez les meilleures méthodes éducatives pour une formation agréable et complète, ainsi que des exercices intéressants, voire ludiques. Vous pouvez aussi trouver des exercices offerts en sus des cours pour perfectionner votre niveau et acquérir de l'expérience. Plusieurs frameworks et bibliothèques sont également présentés.
Si vous avez besoin, n'hésitez pas aussi à vous référer aux FAQ JavaScript et à poser vos questions sur les forums d'entraide JavaScript.
Page lue fois.
Nombre d´auteurs : 129, nombre d´articles : 59, dernière mise à jour : 25 juillet 2018
Tutoriels pour débutants et cours complets pour apprendre le JavaScript
-
Ce cours est une introduction au langage JavaScript. Il est destiné aux débutants dans ce langage qui permet de dynamiser les pages Web. Néanmoins, de bonnes bases en HTML et CSS sont nécessaires pour aborder sereinement le JavaScript. -
Nous allons apprendre dans ce cours à utiliser les technologies de manière simple et efficace. Lorsque l'on souhaite créer des pages Web, il y a de très nombreuses manières d'arriver au but. Il s'agit ici d'un tutoriel pour débutants. -
Dans ce cours vidéo, vous allez apprendre les bases de la programmation. Vous verrez ici à quoi servent les booléens. Comment utiliser les conditions, créer et gérer des tableaux, manipuler des chaînes de caractères et des dates et enfin utiliser des fonctions mathématiques. -
À travers six cours complets en vidéo, accompagnés du code source commenté, vous allez apprendre à effectuer le débogage rapide de votre code JavaScript. Puis vous découvrirez l'utilisation des opérateurs arithmétiques et de comparaison ainsi que les conditions if - else - elseif - switch - case - break. Vous allez apprendre à utiliser la puissance des boucles for, while, do while, de même que la gestion des événements. Dans ces tutoriels, vous allez également apprendre comment utiliser les formulaires JavaScript - liste déroulante, checkbox, button radio... -
Ce cours se charge de vous apprendre les bases du developpement web JavaScript. JavaScript permet à des programmeurs débutants de réaliser leurs premières pages web sous une forme particulièrement attrayante et fonctionnelle. -
L'objectif de ce cours est de vous apprendre à utiliser le langage JavaScript. JavaScript est un langage de scripts qui, incorporé aux balises HTML, permet d'améliorer la présentation et l'interactivité des pages Web. -
Le but de ce tutoriel est de vous apprendre à utiliser les expressions rationnelles afin de vous « convertir » au bon usage des expressions rationnelles.
Sommaire
menu
Introduction à JavaScript
-
Ce cours est une introduction au langage JavaScript. Il est destiné aux débutants dans ce langage qui permet de dynamiser les pages Web. Néanmoins, de bonnes bases en HTML et CSS sont nécessaires pour aborder sereinement le JavaScript. -
Nous allons apprendre dans ce cours à utiliser les technologies de manière simple et efficace. Lorsque l'on souhaite créer des pages Web, il y a de très nombreuses manières d'arriver au but. Il s'agit ici d'un tutoriel pour débutants. -
À travers six cours complets en vidéo, accompagnés du code source commenté, vous allez apprendre à effectuer le débogage rapide de votre code JavaScript. Puis vous découvrirez l'utilisation des opérateurs arithmétiques et de comparaison ainsi que les conditions if - else - elseif - switch - case - break. Vous allez apprendre à utiliser la puissance des boucles for, while, do while, de même que la gestion des événements. Dans ces tutoriels, vous allez également apprendre comment utiliser les formulaires JavaScript - liste déroulante, checkbox, button radio... -
Ce cours se charge de vous apprendre les bases du developpement web JavaScript. JavaScript permet à des programmeurs débutants de réaliser leurs premières pages web sous une forme particulièrement attrayante et fonctionnelle. -
L'objectif de ce cours est de vous apprendre à utiliser le langage JavaScript. JavaScript est un langage de scripts qui, incorporé aux balises HTML, permet d'améliorer la présentation et l'interactivité des pages Web. -
Dans ce cours vidéo, vous allez apprendre les bases de la programmation. Vous verrez ici à quoi servent les booléens. Comment utiliser les conditions, créer et gérer des tableaux, manipuler des chaînes de caractères et des dates et enfin utiliser des fonctions mathématiques. -
Dans ce tutoriel, nous allons apprendre à utiliser les principales caractéristiques de Firebug et à en comprendre le fonctionnement. Firebug, c'est la possibilité d'inspecter et d'éditer le code HTML et CSS, de voir, monitorer et déboguer le code JavaScript, de visualiser les échanges entre le serveur et le navigateur et bien d'autres fonctionnalités encore. -
Ce cours vous propose une liste d'outils libres pour les développeurs JavaScript. Que vous soyez un développeur JavaScript novice ou expérimenté, les outils que vous utilisez ont un impact direct sur votre productivité. Grâce au mouvement Open Source, se procurer des outils performants ne signifie pas dépenser une fortune ; en fait, il n'y a même souvent rien à dépenser. -
Les frameworks JavaScript usuels apportent l'essentiel des fonctionnalités qu'un développeur peut espérer. De plus, leur capacité d'extension par les systèmes de plugin les rendent encore plus puissants. Malgré tout, il se peut que vous n'ayez pas envie d'utiliser de tels frameworks ou que celui que vous utilisez n'ait pas de fonctions suffisamment spécialisées pour vos besoins. L'objectif de ce tutoriel est de vous aider dans le choix des librairies autonomes très utiles. -
Le but de ce tutoriel est de vous apprendre pas à pas à créer un framework JavaScript, en utilisant de simples effets DOM et quelques fonctions utiles en AJAX. JavaScript est l'un des langages de programmation les plus utilisés et les plus populaires sur internet. JavaScript s'est donc rapidement répandu, car il est simple d'utilisation, précis et possède un vaste champ d'action.
Partie 1Partie 1 8 commentaires
Partie 2Partie 2 3 commentaires
Partie 3Partie 3 3 commentaires
Partie 4Partie 4 4 commentaires -
L'objectif de ce tutoriel, relativement exhaustif, est de vous apprendre à manipuler les évènements DOM en JavaScript. Avant d'aborder les évènements du DOM (Document Object Model), vous devez comprendre la construction arborescente d'un document HTML, avec les notions inhérentes de noeuds, de noeud parent et de noeud enfant. Idéalement, vous pouvez acquérir préalablement la notion d'arbre XML qui est le fondement de la construction arborescente des documents HTML. -
Le but de ce tutoriel est de vous apprendre à utiliser les expressions rationnelles afin de vous « convertir » au bon usage des expressions rationnelles. -
Vous allez apprendre, dans ce cours, à construire rapidement votre premier moteur d'affichage 2D en HTML5 avec la balise canvas et le langage JavaScript. Vous pourrez ainsi vous construire une base de code saine pour toutes vos applications riches (RIA), vos jeux, vos sites web tout en vous payant le luxe de savoir ce qu'il y a sous le capot!
Au programme, les bases du dessin avec canvas, du compositing, la mise en place d'une display list, les interactions avec l'utilisateur sans oublier les filtres!
menu
Généralités
-
L'objectif de ce cours est de vous présenter des aspects complexes ou nouveaux du JavaScript. -
Les Web Components ont fait beaucoup parler d'eux depuis l'avancée des dernières spécifications et le développement de polyfills permettant de les utiliser dès maintenant. Pour aller à contre-courant de la multitude de tutoriel en vantant les mérites, nous allons détailler dans ce cours l'intérêt discutable, les limitations, les inconvénients et les mauvais cas d'utilisation des Web Components. -
Ce tutoriel fait le tour des principales solutions de templating existantes en JavaScript pour vous permettre de trouver la bibliothèque qu'il vous faut. Avez-vous déjà manipulé de grands pans de HTML en JavaScript, et trouvé ça peu lisible et fastidieux ? Les templates sont là pour vous simplifier la vie et produire du code plus lisible et maintenable. -
Nous allons explorer dans ce tutoriel les trois notions fondamentales de JavaScript qui sont probablement les plus grosses sources de bogues, d'incompréhension et de frustration pour le développeur Web moyen. Et qui accessoirement sont la base d'une programmation plus évoluée par la suite. -
Dans ce cours, nous arborderons le renvoi de fonction qui permet de belles optimisations et qui ouvre la voie à des patterns que les amoureux de la théorie du langage apprécieront. Enfin nous verrons une proposition d'implémentation de deux design pattern célèbres et particulièrement utiles en JavaScript : Singleton et Factory. -
ECMAScript for XML (E4X) est une extension de ECMAScript qui ajoute un support natif du langage XML. Ce cours présente E4X à travers l'utilisation de Rhino, une version de JavaScript conforme aux standards ECMA implémentée en Java. C'est ainsi également l'occasion d'introduire Rhino, à travers l'utilisation d'E4X sur des exemples simples. -
Introduction à gestion d'un site en mode offline avec Google Gears
par Mourad Lafer, Maxime AlexandreLe but de ce tutoriel est de vous apprendre le principe général du fonctionnement de Google Gears. Google Gears est un des produits Google qui propose de créer des applications web fonctionnant également en mode deconnecté. -
Ce cours se charge de vous apprendre l'utilisation d'une librairie qui constitue une bibliothèque de fonctions et de classes évoluées pour faciliter son intégration dans les pages Web. Elle regroupe essentiellement des fonctionnalités pour la manipulation d'images comme les animations, les menus, les galeries d'images ou les cadres. -
La concaténation de chaînes de caractères est une source de discussion des développeurs JavaScript. Faut-il utiliser la concaténation grâce à l'opérateur +, grâce la méthode concat ou utiliser d'autres algorithmes ? L'objectif de ce tutoriel est de faire la lumière sur toutes vos questions. -
Ce tutoriel a pour but de vous apprendre comment personnaliser les éléments de vos formulaires (X)HTML. -
Ce cours s'adresse à des développeurs déjà familiers avec la problématique du développement Web et le langage JavaScript. Dans ce tutoriel, vous allez apprendre à packager vos bibliothèques en simulant en JavaScript ce que l'on appelle un espace de noms ("namespace" en anglais). -
Si vous avez lu les deux premiers tutoriels de cette série (comprendre l'amélioration progressive et amélioration progressive avec CSS), vous commencez sans doute à entrer dans le mouvement de l'amélioration progressive. Dans ce cours nous allons apprendre à appliquer l'amélioration progressive aux scripts côté client. -
Ce tutoriel est le premier d'une série de cours consacrée au développement de contrôles web avancés en JavaScript. Vous allez apprendre dans ce cours à penser et concevoir des outils plus complexes au travers d'une étude de cas : la conception d'une table éditable. -
L'objectif de ce tutoriel est de vous apprendre à ajouter les fonctionnalités suivantes :
* Création un HTMLEditable à partir d'une table HTML existante.
* Navigation au clavier. -
EditGrid.com est un webservice pratique pour utiliser facilement des grilles de type Excel sur un site internet. L'objectif de ce cours est de vous apprendre à installer et utiliser cet outil. Ce tutoriel ne vise pas à remplacer la documentation officielle, mais simplement à rendre plus abordable des fonctionnalités utiles et efficaces, qui ne sont pas encore, ou peu, documentées en français. -
Ce tutoriel se charge de vous apprendre à implémenter une fonctionnalité de drag and drop. Cette fonction prend en charge la gestion de la souris mais aussi du clavier. -
Dans ce cours, vous allez apprendre à utiliser des fonctions permettant d'enregistrer, lire et supprimer des cookies. Ces fonctions vous permettront d'utiliser facilement les cookies sur votre site. -
Voici un tutoriel dont le but est de vous apprendre à créer un chat grâce à l'API websocket en HTML5.
menu
Programmation objet
-
Le but de ce cours est de vous apprendre à utiliser la technique du decorator pattern afin d'optimiser son code et de pouvoir l'étendre de manière simple et efficace. -
À travers ce tutoriel, vous allez apprendre à faire les Hash Map liées en JavaScript. La table de hachage (HashMap) est une structure indispensable de données classiques dans la programmation d'applications. -
L'objectif de ce cours est de vous apprendre les bases de la programmation JavaScript orientée objet par prototype. Maîtiser ces mécanismes permet de "mieux" développer avec le langage JavaScript afin de réaliser des traitements plus modulaires, maintenables et évolutifs.
Partie 1Partie 1 - Mécanismes de bases (prototype)
Partie 2Partie 2 - Mécanismes avancés (héritage)
Partie 3Partie 3 - Problèmes classiques -
Ce tutoriel a pour cible les développeurs qui ont une expérience du PHP et qui veulent se lancer dans un projet JavaScript. Ce cours va vous apprendre à écrire des classes en JavaScript. Le but est de vous fournir un template pour commencer à écrire vos classes. -
Ce tutoriel s'adresse à tous les développeurs qui ont déjà les bases de la programmation orientée objet et qui souhaitent la découvrir avec les prototypes et les classes en JavaScript. -
Le JavaScript est un des langages les plus utilisés et aussi un des plus populaires du moment. Côté client, côté serveur, il est omniprésent sur le web. À travers ce tutoriel, vous allez apprendre la programmation orientée objet en JavaScript.
menu
ECMAScript
-
Ce cours va vous apprendre à utiliser JavaScript et surtout sa dernière mouture (ES6) pour implémenter un algorithme simple de MapReduce. L'objectif de ce tutoriel est de disséquer l'algorithme en l'implémentant de bout en bout sans recourir à une bibliothèque spécialisée. -
Le contexte d'exécution (dont la forme abrégée sera EC pour « execution context ») est un concept abstrait décrit par la spécification ECMA-262-3 pour classifier et différentier différents types de code exécutable. Dans ce tutoriel, nous évoquerons les contextes d'exécution en JavaScript, ainsi que leurs différentes déclinaisons. -
Nous déclarons des variables et des fonctions avec lesquelles tournent nos programmes. Mais comment, et quand l'interpréteur trouve-t-il ces données ? L'objectif de ce tutoriel est de vous apprendre l'objet des variables en JavaScript. -
Dans ce tutoriel, nous allons discuter d'une propriété supplémentaire liée aux contextes d'exécution : le mot-clé this. -
Ce tutoriel est dédié, encore une fois, à un mécanisme lié aux contextes d'exécution : j'ai nommé la chaîne des portées. Dans ce tutoriel, nous avons vu tous les concepts généraux concernant les contextes d'exécution et les détails associés. -
Dans ce cours, nous allons nous intéresser à différents types de fonctions, et définir comment chacun de ces types influence l'objet des variables d'un contexte et ce qu'il y a à l'intérieur de chaque chaîne des portées de chaque fonction. -
Ce tutoriel fait partie de la collection ES3 dans le détail et en constitue la partie 6. Dans ce tutoriel nous allons parler d'un des sujets le plus souvent questionné en JavaScript : les fermetures (« closures »).
menu
Autres
-
L'objectif de ce tutoriel est de vous apprendre à coder en JavaScript avec peu de caractères. C'est un cours qui présente les différentes étapes de cette démarche qui aboutit à la rédaction d'un compilateur. -
Ce cours a pour objectif de vous apprendre une méthode simple pour générer et faire jouer sur une page Web, une partie d'échecs, en préservant une compatibilité avec la plupart des navigateurs, les fichiers exemples emploient un encodage Latin1. -
Ce cours se charge de vous apprendre à utiliser JavaScript et surtout sa dernière mouture (ES6) pour implémenter un algorithme simple de MapReduce. L'objectif de ce tutoriel est de disséquer l'algorithme en l'implémentant de bout en bout sans recourir à une bibliothèque spécialisée. -
Ce cours a pour objectif de vous apprendre les principaux axes de travail pour transformer du code JavaScript en code TypeScript idiomatique. -
L'objectif de ce tutoriel est de faire la lumière sur onze idées fausses sur l'héritage en JavaScript. -
Si vous ne le saviez pas encore, il existe différentes façons de rentabiliser son site web. Dans ce tutoriel, nous allons en apprendre quelques-unes des plus populaires. -
Dans ce tutoriel nous allons apprendre comment récupérer des données stockées au format JSON (JavaScript Object Notation) en simulant une requête asynchrone avec AJAX. -
Vim (Vi IMproved) est un éditeur de texte libre, un parmi la vingtaine de clones de Vi. L'objectif de ce cours est de vous apprendre à utiliser l'éditeur VIM. -
L'objectif de ce cours est de vous apprendre l'utilisation de l'outil Arc-en-ciel qui permet de faire rapidement un dessin et de générer le code JavaScript correspondant en utilisant les canvas. -
Dans ce cours, nous allons apprendre à lier des listes déroulantes, < select >, entre elles sans faire appel à des requêtes serveur type Ajax, tout se passe donc côté client. -
Ce tutoriel théorique éveille l'attention des développeurs et webmasters en mettant l'accent sur une préoccupation trop souvent ignorée : rendre un site Web accessible à tous, notamment aux mal-voyants. À travers ce cours, vous allez apprendre à rendre une application web accessible. -
Dans ce tutoriel, nous allons apprendre à écrire du code moderne qui nous permette de progresser sur la voie du code organisé, maintenable et testable. Nous allons créer une application React simple, mise en ouvre au travers de Webpack. -
Lorsqu'on choisit une technologie orientée composant pour son développement d'applications front end, on se donne la possibilité de construire son application à l'aide de briques faiblement couplées les unes aux autres. Le but de ce cours est de vous apprendre à écrire des tests unitaires pour des applications React. -
Pour rendre l'expérience utilisateur de nos applications web toujours plus agréable, nous sommes de plus en plus obligés d'utiliser plusieurs technologies en même temps. C'est par exemple le cas si l'on souhaite mettre en place un flux infini. Le but de ce tutoriel est de vous apprendre à mettre en place un flux infini Symfony-React. -
Pour que l'utilisateur final puisse afficher une page web sur son navigateur via le protocole HTTP, il faut deux choses : un code client, et un code serveur. Ce tutoriel aborde les modules JavaScript natifs et l'isomorphisme avec import, export et require.