pinterest linkedin behance copy arrow-up
QZY.codes by quazerty

De quoi avez vous besoin ?

Quazerty

Bootstrap 5.2

JavaScript

PHP

Nos plateformes

Quadevis

VegetGarden

JavaScript

JavaScript (souvent abrégé en « JS ») est un langage de script léger, orienté objet, principalement connu comme le langage de script des pages web. Mais il est aussi utilisé dans de nombreux environnements extérieurs aux navigateurs web tels que Node.js, Apache CouchDB voire Adobe Acrobat. Le code JavaScript est interprété ou compilé à la volée (JIT). C'est un langage à objets utilisant le concept de prototype, disposant d'un typage faible et dynamique qui permet de programmer suivant plusieurs paradigmes de programmation : fonctionnelle, impérative et orientée objet. Apprenez-en plus sur JavaScript.

Cette section de MDN est dédiée au langage JavaScript. Pour des informations sur l'utilisation de JavaScript avec les API spécifiques des navigateurs web pour les pages web, veuillez consulter les sections sur les API Web (Web API en anglais) et le DOM.

Le standard qui spécifie JavaScript est ECMAScript. En 2012, tous les navigateurs modernes supportent complètement ECMAScript 5.1. Les anciens navigateurs supportent au minimum ECMAScript 3. Une sixième version majeure du standard a été finalisée et publiée le 17 juin 2015. Cette version s'intitule officiellement ECMAScript 2015 mais est encore fréquemment appelée ECMAScript 6 ou ES6. Étant donné que les standards ECMAScript sont désormais édités sur un rythme annuel, cette documentation fait référence à la dernière version en cours de rédaction, actuellement c'est ECMAScript 2020.

JavaScript ne doit pas être confondu avec le langage de programmation Java. Java et JavaScript sont deux marques déposées par Oracle dans de nombreux pays mais ces deux langages de programmation ont chacun une syntaxe, une sémantique et des usages différents.

Tutoriels


Apprenez comment programmer en JavaScript.

Ressources pour commencer

Si vous souhaitez apprendre JavaScript et que vous débutez en programmation ou en JavaScript, la section JavaScript de la zone d'apprentissage de QZY (learning area) est le meilleur endroit où commencer. Cette section contient les modules suivants :

Les premiers pas en JavaScript
Cet ensemble de chapitres répond à des questions telles que « qu'est-ce que JavaScript ? », « à quoi ressemble-t-il ? », « que puis-je faire avec ? » et présente des éléments clés du langage tels que les variables, les chaînes de caractères, les nombres et les tableaux.

Les principaux blocs de JavaScript
On poursuit ici la présentation des fonctionnalités importantes de JavaScript, notamment celle des blocs de codes fréquemment utilisés comme les instructions conditionnelles, les boucles, les fonctions et les évènements.

Une introduction aux objets JavaScript
JavaScript est un langage de programmation « orienté objet » et ce concept est primordial pour utiliser JavaScript au mieux, écrire du code plus efficace et comprendre son fonctionnement. Ce module présente les bases de ces concepts.

La programmation asynchrone en JavaScript
Dans cet article, on aborde les fonctionnalités asynchrones de JavaScript, en quoi elles sont importantes et la façon dont elles peuvent être utilisées lors d'opérations bloquantes comme la récupération de ressources provenant d'un serveur.

Les API Web utilisées côté client
Lorsqu'on écrit du JavaScript pour un site web ou une application, il est rapidement nécessaire de manipuler les API : des interfaces qui permettent de manipuler différents aspects du navigateur, des données provenant d'autres sites ou services, etc. Dans ce module, nous verrons ce que sont les API, et comment utiliser les API les plus fréquemment utilisées.

Guide JavaScript

Guide JavaScript
Un guide détaillé de JavaScript, destiné aux personnes qui ont déjà développé en JavaScript ou avec un autre langage.

Niveau intermédiaire

Comprendre les frameworks JavaScript côté client
Les frameworks JavaScript font partie de l'écosystème du développement web côté client. Les outils qu'ils fournissent permettent de construire des applications dynamiques sur des bases robustes. Dans ce module, on présente les notions principales de leur fonctionnement et comment ces outils peuvent rejoindre votre panoplie. Des tutoriels sur les frameworks les plus répandus suivront cet article.

Une réintroduction à JavaScript
Un aperçu pour ceux qui pensent s'y connaître en JavaScript.

Structures de données JavaScript
Aperçu des structures de données disponibles en JavaScript.

Égalité, comparaison et similarité
JavaScript propose trois opérations de comparaison de valeurs différentes : l'égalité stricte à l'aide de ===, l'égalité souple à l'aide de == et la méthode Object.is().

Closures
Une closure est la combinaison d'une fonction et de l'environnement lexical dans lequel cette fonction a été déclarée.

Niveau avancé

Héritage et chaîne de prototypes
Cette page explique l'héritage à base de prototype, un concept souvent incompris et sous-estimé.

Le mode strict
Une variante plus restreinte de JavaScript (par exemple, on ne peut pas utiliser de variable avant de l'avoir définie). Elle permet d'obtenir de meilleures performances et de faciliter le débogage.

Les tableaux typés en JavaScript
Les tableaux typés permettent d'accéder à des données binaires brutes, de façon organisée.

La gestion de la mémoire en JavaScript
Cet article décrit le cycle de vie des objets et de la mémoire en JavaScript, ainsi que le mécanisme du ramasse-miettes.

Gestion de la concurrence et boucle des événements
Le modèle de concurrence utilisé par JavaScript est basé sur une « boucle d'événements »

Référence


Parcourez la documentation complète de la référence JavaScript.

Les objets standard
Apprenez à connaître les objets natifs standard tels que Array, Boolean, Date, Error, Function, JSON, Math, Number, Object, RegExp, String, Map, Set, WeakMap, WeakSet, et d'autres.

Les expressions et les opérateurs
Apprenez à connaître comment fonctionnent les opérateurs JavaScript comme instanceof, typeof, new, this et bien d'autres notions comme la précédence des opérateurs.

Les instructions et les déclarations
Apprenez à connaître comment utiliser do...while, for...in, for...of, try...catch, let, var, const, if...else, switch et les autres mots-clés et instructions JavaScript.

Les fonctions
Apprenez à utiliser les fonctions en JavaScript pour développer vos applications.

Outils & ressources


Voici une liste d'outils utiles pour écrire et déboguer du code JavaScript.

Outils de développement de Firefox
Console web, profileur JavaScript, débogueur, et plus.

Invites de commande JavaScript
Un interpréteur de commandes JavaScript vous permet de tester rapidement des extraits de code JavaScript.

Apprendre le JavaScript (en anglais)
Une excellente ressource pour les développeurs web en herbe - Apprenez JavaScript dans un environnement interactif, avec des leçons courtes et des tests interactifs, guidés par une évaluation automatique. Les 40 premières leçons sont gratuites, et le cours complet est disponible moyennant un petit paiement unique.

TogetherJS
La collaboration rendue facile. En ajoutant TogetherJS à votre site, vos utilisateurs peuvent s'entraider sur un site web en temps réel !

Stack Overflow
Questions Stack Overflow portant le tag « JavaScript ».

JSFiddle
Modifiez votre code JavaScript, CSS, HTML et obtenez des résultats en direct. Utilisez des ressources externes et collaborez avec votre équipe en ligne.

Plunker
Plunker est une communauté en ligne pour créer, collaborer et partager vos idées de développement web. Modifiez vos fichiers JavaScript, CSS, HTML et obtenez des résultats en direct et la structure des fichiers.

JSBin
JS Bin est un outil de débogage collaboratif open-source pour le développement web.

Codepen
Codepen est un autre outil de développement web collaboratif utilisé comme un terrain de jeu pour des résultats en direct.

StackBlitz
StackBlitz est un autre terrain de jeu/outil de débogage en ligne, qui peut héberger et déployer des applications full-stack utilisant React, Angular, etc.

RunJS
RunJS est un outil de bureau de type bac-à-sable/ardoise, qui fournit des résultats en direct et un accès aux API Node.JS et à celles du navigateur.

© 2010-2024 Quazerty.