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 avecfetch()
. 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éthodesubmit()
d'un formulaire avec l'encodagemultipart/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.