Le Web ouvert offre une opportunité incroyable aux personnes qui veulent créer des sites ou des applications en ligne. Pour tirer le meilleur parti de ces technologies, il faut savoir comment les utiliser. Vous trouverez ci-dessous les liens vers notre documentation à propos des technologies web.

Technologies web

Les bases

HTML: HyperText Markup Language (langage de balisage hypertexte ou HTML) est le langage utilisé pour décrire et définir le contenu d'une page web.
CSS: Cascading Style Sheets (feuilles de style en cascade ou CSS) est utilisé pour décrire l'apparence du contenu d'une page web.
HTTP: Hypertext Transfer Protocol (HTTP) est un protocole de la couche application, orienté client-serveur, qui permet le transfert de documents web tels que des documents HTML.

Script

JavaScript

JavaScript est le langage de programmation exécuté du côté de votre navigateur. Vous pouvez l'utiliser pour ajouter un côté interactif et dynamique a votre site web ou application.

Avec l'avènement de Node.js, vous pouvez également exécuter JavaScript sur le serveur.

Les API web

Les interfaces de programmation d'application Web (API Web) sont utilisées pour effectuer une variété de tâches, telles que la manipulation du DOM, la lecture audio ou vidéo, ou la génération de graphiques 3D.

La référence des interfaces des différentes API web : toutes les interfaces, triées par ordre alphabétique.
WebAPI : cette page liste les API d’accès aux composants des appareils, ainsi que d’autres API utiles pour les applications.
La référence des évènements décrit l'ensemble des évènements qui peuvent être utilisés pour réagir aux évènements marquants qui se sont produits dans une page web ou une application.

Web components

Web Components est une suite de différentes technologies vous permettant de créer des éléments personnalisés réutilisables - avec leurs fonctionnalités encapsulées à l'écart du reste de votre code - et les utiliser dans vos applications Web.

Graphiques

Canvas: L'élément {{HTMLElement("canvas")}} délivre des APIs pour dessiner des graphiques 2D utilisant Javascript.
SVG: Scalable Vector Graphics (SVG) permettent de décrire des images comme des ensembles de vecteurs et de formes afin de pouvoir changer leur taille librement sans pixellisation. Un des avantages du format SVG est qu'il est possible de redimensionner un dessin à l'infini, sans perdre aucun détail.
WebGL: WebGL apporte des graphismes 3D sur le Web grâce à une API respectant OpenGL ES 2.0 et pouvant être utilisée sur les éléments HTML {{HTMLElement("canvas")}}.

Audio, vidéo, multimédia

Les technologies média Web: Une liste d'API avec des liens vers leurs documentations respectives.

Aperçu des technologies multi-média du web: Un aperçu général des technologies Web ouvertes et des API qui prennent en charge la lecture, la manipulation et l’enregistrement audio et vidéo. Si vous ne savez pas quelle API vous devez utiliser, c'est ici que vous devez commencer.

Les API de capture et de diffusion multimédia: Une liste qui référence l'ensemble des API qui permettent de diffuser, enregistrer et modifier des flux médias, localement et au travers d'un réseau. Elle comprend l'utilisation des caméras et micros afin d'enregistrer de la vidéo de l'audio et des images.
Utiliser HTML5 audio et video: Intégrer de la vidéo et / ou de l'audio dans une page Web et contrôler leur lecture.
WebRTC: Le RTC dans WebRTC signifie Real-Time Communications, une technologie qui permet le streaming audio / vidéo et le partage de données entre les clients du navigateur (pairs/peers).

Autres

MathML: Mathematical Markup Language (langage de balisage mathématique) rend possible l'affichage d'équations mathématiques complexes.

Apprendre

Apprendre le développement web: Cet ensemble d'articles couvre tout ce qu'il est nécessaire de savoir pour commencer à développer des sites web simples.
Applications Web Progressives: Les applications Web progressistes utilisent des API Web modernes ainsi qu'une stratégie d'amélioration progressive traditionnelle pour créer des applications Web multiplateformes. Ces applications fonctionnent partout et offrent plusieurs fonctionnalités qui leur offrent les mêmes avantages que les applications natives. Cet ensemble de documents et de guides vous dit tout ce que vous devez savoir sur les PWA.

Autres sujets

Développer des applications web: Documentation pour développeurs d'applications web. Les applications web sont écrites une fois et déployées partout : sur mobile et ordinateurs.
Accessibilité: L’accessibilité, en développement web, signifie faire en sorte qu’un maximum de personnes, même celles présentant des handicaps, puissent visiter des sites web. Cette section fournit des informations sur la manière de rendre le contenu accessible.
Localisation (L10n) et Internationalisation (I18n): Le web a une communauté mondiale ! Faites en sorte que votre site ou application en fasse partie en gardant à l'esprit de diffuser le contenu et son organisation dans la langue de vos utilisateurs.
Sécurité: Les techniques pour assurer la sécurité de votre site web ou application.
WebAssembly: WebAssembly est un nouveau type de code qui peut être exécuté dans les navigateurs Web modernes. Il s'agit d'un langage de type bas niveau avec un format binaire compact qui fonctionne avec des performances quasi natives et fournit des langages tels que C / C ++ avec une cible de compilation afin qu'ils puissent fonctionner sur le web. Il est également conçu pour fonctionner avec JavaScript, permettant aux deux de travailler ensemble.

Voir tout…