Créez pour le Web, avec le navigateur comme point de départ

Code source HTML affiché sur un écran d'ordinateur sombre

Informazioni su questa selezione

Un parcours pratique à travers les principes fondamentaux du Web, des cours ciblés, la compatibilité des navigateurs et une mise en œuvre accessible. Les frameworks rendent beaucoup de choses plus pratiques, mais le navigateur décide toujours du comportement d'une page. Une base en HTML, CSS, JavaScript et accessibilité rend les outils inconnus moins mystérieux. Ces références fonctionnent bien à côté d’un petit projet que vous pouvez inspecter, modifier et casser en toute sécurité. Essayez…

Un parcours pratique à travers les principes fondamentaux du Web, des cours ciblés, la compatibilité des navigateurs et une mise en œuvre accessible.

Les frameworks rendent beaucoup de choses plus pratiques, mais le navigateur décide toujours du comportement d'une page. Une base en HTML, CSS, JavaScript et accessibilité rend les outils inconnus moins mystérieux. Ces références fonctionnent bien à côté d’un petit projet que vous pouvez inspecter, modifier et casser en toute sécurité.

Essayez ceci d'abord

Créez une petite page avec un en-tête, un formulaire et une liste. Découvrez la fonctionnalité sous-jacente de MDN, utilisez une leçon web.dev pour approfondir et vérifiez la compatibilité avant d'adopter une fonctionnalité plus récente. Testez la page avec un clavier avant d’ajouter plus de peaufinage.

Gardez à l'esprit

Enregistrez la référence exacte qui a résolu un problème et une note sur ce qui a changé. Cela crée un cahier de travail, plutôt qu'une autre liste de didacticiels à terminer un jour.

4 link/Nell’ordine scelto dal curatore

Link 1francese

MDN Apprendre le développement Web

Utilisez-le comme base structurée lorsque vous avez besoin de comprendre ce que fait la plateforme. Suivez une courte section, reproduisez l'exemple et modifiez quelque chose pour vérifier votre compréhension.

developer.mozilla.org

Link 2–

web.dev Apprendre

Choisissez un cours lié à votre question immédiate, comme CSS, performances ou formulaires. Appliquez une leçon au même petit projet pour que la lecture devienne un comportement observable.

web.dev

Link 3inglese americano

Puis-je utiliser

Vérifiez la prise en charge d'une fonctionnalité spécifique dans les navigateurs. Lisez les notes et les détails du support partiel, puis décidez d'une solution de secours basée sur votre audience réelle plutôt que sur un pourcentage unique.

caniuse.com

Link 4inglese

Le projet A11Y

Transformez les intentions d’accessibilité en contrôles de mise en œuvre concrets. Utilisez la liste de contrôle pour guider l’enquête, tout en vous rappelant qu’une case cochée ne remplace pas les tests avec de vrais utilisateurs.