Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

Guides pour les développeurs Web

De nombreux guides sur MDN Web Docs vous apprennent à utiliser des fonctionnalités ou des API à travers des exemples concrets. Cette page propose une sélection de ressources d'apprentissage parmi les plus populaires et orientées sur ces objectifs.

HTML

Structurer le web avec HTML

La section d'apprentissage HTML propose des tutoriels pour apprendre HTML depuis la base.

Bases de HTML

Cet article vous donnera une compréhension de base de HTML. Après ce guide, vous pourrez explorer plus en détail la section d'apprentissage HTML.

CSS

Mettre en forme HTML avec CSS

Notre tutoriel CSS complet, des premiers pas à la mise en forme du texte, la création de mises en page, et plus encore.

Guides de mise en page CSS

Il existe de nombreux guides sur la mise en page CSS sur MDN, cette page les regroupe tous.

Utiliser les animations CSS

Les animations CSS permettent d'animer les transitions entre différentes configurations de style. Ce guide vous aide à débuter avec les propriétés d'animation.

JavaScript

Section d'apprentissage JavaScript

Que vous soyez totalement débutant·e ou que vous souhaitiez réviser vos connaissances, c'est l'endroit idéal pour commencer.

Médias

Diffusion audio et vidéo

Il existe plusieurs façons de diffuser de l'audio et de la vidéo sur le web, des fichiers « statiques » aux flux adaptatifs en direct. Cet article est un point de départ pour explorer les différents mécanismes de diffusion et la compatibilité avec les navigateurs populaires.

Manipulation audio et vidéo

La richesse du web permet de combiner des technologies pour créer de nouvelles formes. La prise en charge native de l'audio et de la vidéo dans le navigateur permet d'utiliser ces flux avec des technologies comme <canvas>, WebGL ou l'API Web Audio pour modifier directement l'audio ou la vidéo, par exemple en ajoutant des effets de réverbération ou de compression à l'audio, ou des filtres de niveaux de gris ou sépia à la vidéo. Cet article explique ce qu'il faut faire.

API

Utiliser les objets FormData

L'objet FormData permet de constituer un ensemble de paires clé/valeur à envoyer avec fetch(). Il est principalement destiné à l'envoi de données de formulaire, mais peut aussi servir à transmettre des données structurées indépendamment d'un formulaire. L'envoi se fait au même format que la méthode submit() d'un formulaire avec l'encodage multipart/form-data.

Applications web progressives

Les applications web progressives (PWA) utilisent les API web modernes et la stratégie d'amélioration progressive pour créer des applications multiplateformes. Elles fonctionnent partout et offrent des fonctionnalités proches des applications natives. Ce guide regroupe tout ce qu'il faut savoir sur les PWA.

Analyser et sérialiser du XML

La plateforme web propose différentes méthodes pour analyser et sérialiser du XML, chacune ayant ses avantages et inconvénients.

Performance

Optimisation et performance

Lors de la création d'applications ou de sites web modernes, il est essentiel d'assurer un affichage rapide et efficace. Cela permet un fonctionnement optimal aussi bien sur des ordinateurs puissants que sur des appareils mobiles moins performants.

Développement web mobile

Apprendre : conception réactive

Cet article présente les principales techniques pour concevoir des sites adaptés aux appareils mobiles.

Polices de caractères

Guide des polices variables

Découvrez comment utiliser les polices variables dans vos créations.

Le format Web Open Font Format (WOFF)

WOFF (Web Open Font Format) est un format de fichier de police librement utilisable sur le web.

Développement d'interfaces utilisateur

Méthodes et contrôles de saisie utilisateur

La saisie utilisateur ne se limite pas à la souris et au clavier : pensez par exemple aux écrans tactiles. Cet article donne des recommandations pour gérer la saisie et implémenter des contrôles dans les applications web ouvertes, avec des questions fréquentes, des exemples concrets et des liens pour approfondir les technologies sous-jacentes.