Introduction au Web Standards Curriculum

By Chris Mills

Introduction to the Web Standards Curriculum

Introduction

Tous les auteurs qui ont contribué à ce curriculum sont des passionnés qui croient fermement aux standards du Web. Nous voulons tous faire de notre mieux pour rendre le Web meilleur et je suis convaincu que cela passe par l'apprentissage et l'enseignement, peu importe qu'il s'agisse d'apprendre aux gens comment collaborer et avoir plus de respect les uns pour les autres, ou qu'il s'agisse de leur enseigner comment rendre leur sites Web compatibles d'un navigateur à l'autre et accessibles et utilisables par n'importe quel utilisateur (par exemple les personnes souffrant d'un handicap, les utilisateurs de connexion bas-débit ou de terminal mobile, etc.) Les standards du Web sont la solution à toutes ces questions, en conséquence nous avons décidé de contribuer à leur adoption, aujourd'hui comme demain.

Bienvenue sur le Web Standards Curriculum, un ensemble de ressources pédagogiques destinées à donner une base solide en design et développement Web à toute personne qui le souhaite. Ces articles sont gratuits, librement accessibles et ne nécessitent aucune connaissance préalable particulière. A l'origine, ils sont plutôt pensés pour les écoles. En effet les standards du Web sont parfois assez peu présents dans certains cours traditionnels. Ceci dit, vous devriez pouvoir exploiter ces articles quelque soit votre age ou votre activité tant que vous vous intéressez aux meilleurs méthodes pour construire des sites ou application Web.

Pourquoi des standards Web

Voyons brièvement les principales raisons qui expliquent en quoi c'est une bonne idée d'adopter les standards du Web (sachant que ces raisons sont détaillées dans les autres articles qui composent ce curriculum). Utiliser les standards du Web et les bonnes pratiques qui y sont associées offrent les avantages suivants :

Efficacité du code : Une grande partie des bonnes pratiques associées aux standards du Web sont liées à la réutilisation du code — Écrivez votre code une fois et réutilisez-le chaque fois que vous en avez besoin.
Faciliter la maintenance : Cet avantage est fortement lié au précédent — Si vous écrivez votre code une seul fois et le réutilisez partout où vous en avez besoin, il vous suffira alors de ne faire qu'une seule modification pour voir celle-ci répercutée partout sur votre site sans avoir à faire des changements dans tous les sens.
Accessibilité : Ce point et le suivant sont très proches — Un des grands idéaux du Web et des rendre les sites Web accessibles à tous le monde quelles que soit les conditions. Cela implique de rendre les sites Web utilisables même par les personnes souffrant de handicaps visuels ou moteurs comme les aveugles ou les tétraplégiques. En utilisant les standards du Web et les bonnes pratiques associées, vous serez capable de rendre vos sites accessibles même à ces utilisateurs quasiment sans effort.
Interopérabilité : En règles générales vous devez vous assurer que vos sites Web fonctionnent non seulement sur les principales plateformes — i.e. Windows, Mac, Linux — mais également avec des navigateurs plus exotiques comme ceux présents sur les téléphones mobiles, les tablettes tactiles, les consoles de jeux, etc. En utilisant les standards du Web, vous augmentez significativement la probabilité de voir vos sites fonctionner sur tous ces terminaux. Il y a bien plus de navigateurs Web présents sur les téléphones mobiles que sur les ordinateurs de bureau. Pouvez-vous (ou vos clients) vraiment vous permettre d'ignorer ce marché ?
Robots d'indexation/Moteurs de recherche : Ici nous allons parler de ce que l'on appelle communément le SEO (Search Engine Optimization) ["optimisation pour moteur de recherche"] — Cette activité consiste à rendre vos sites aussi visibles et compréhensibles que possible par ce que l'on appelle des robots d'indexation. Ceux-ci parcourent le Web pour les référencer, leur donnant un meilleur positionnement dans les moteurs de recherche comme Google. C'est un domaine particulièrement pointu (n'hésitez pas à lire les articles suivants si le sujet vous intéresse : Intelligent site structure for better SEO! (en) et Semantic HTML and Search Engine Optimization (en)). Mais cette fois encore, en utilisant simplement les standards du Web vous rendrez vos sites bien plus visibles et compréhensibles par Google, Yahoo!, Bing, etc., ce qui est plutôt bon pour vos affaires.

Malgré tous ces avantages, la plupart des sites présents sur le Web ne respectent pas les standards du Web et beaucoup de développeurs en activité continuent de se reposer sur de mauvaises habitudes complètement dépassées. « Pourquoi ? » demanderez-vous. Il y a tout un tas de raisons à cela. Les gens citent régulièrement : le manques de formations ; les règles d'entreprises ; le fait qu'ils n'ont pas besoin d'apprendre car ils seront payés malgré tout ; la difficulté d'apprendre ; la qualité du support des standards dans les navigateurs... Voyons chacune de ces raisons en détail et les contre-arguments qui y sont associés pour pouvoir écarter toutes ces excuses à l'adoption ou l'apprentissage des standards du Web.

Manque de formation : C'est la principale raison qui a motivé la création de ce curriculum. L'enseignement des standards du Web laisse à désirer dans un grand nombre d'écoles et d'universités avec des programmes relayant des pratiques dépassées, ceux-ci pouvant êtres difficile à faire mettre à jour pour cause de procédures bureaucratiques inadaptées. De plus, les livres et le matériel pédagogique sont plutôt cher. Eh, une minute ! Il se trouve que nous avons ici toute une base pédagogique gratuite pour les enseignants !
Politique d'entreprise : On peut facilement constater que certaines entreprises disposent encore de vieux sites Web complètement dépassés. Certaines peuvent même avoir des règles qui contraignent leurs employés à utiliser des navigateurs hors d'age. Heureusement, les choses s'arrangent et maintenant qu'il y a ce curriculum pour expliquer comment faire les changements nécessaires, ça devrait progressivement aller encore mieux. En effet, mettre un site à jour en utilisant les derniers standards incite les entreprises à mettre les navigateurs qu'elles utilisent à niveau pour pouvoir mieux profiter de leurs propres sites. De même les entreprises devraient encourager leurs clients à mettre leurs navigateurs à jour. C'est un véritable enjeu commercial — comme nous l'avons vu précédemment, les sites qui utilisent les standards du Web bénéficient d'une meilleure visibilité dans les moteurs de recherche et sont plus facilement accessible au personnes souffrant de handicaps ou utilisant des terminaux exotiques. Une entreprise peut-elle vraiment se permettre d'ignorer tous ces utilisateurs ?
« Je n'ai pas besoin de les apprendre ! » : Je connais des développeurs qui vont affirmer « OK, j'utilise de vieilles pratiques mais je suis toujours payé pour ça — Alors, franchement, pourquoi est-ce que je devrais m’embêter avec ces nouveaux trucs ? » Comme nous l'avons vu ci-avant, cela vous permet d'écrire du code plus efficace, plus facilement et ça le rend plus facile à maintenir. Ça vous permet également de produire du code plus accessible et plus facilement exploitable sur les terminaux les plus variés. Est-ce que rien que ça, ça n'est pas déjà génial ? Ça va aussi vous donner l’opportunité de pérenniser vos savoir-faire tout en vous ouvrant des perspectives de rémunération supplémentaires. En effet, de plus en plus d'offres d'emplois demandent désormais une connaissance des standards du Web.
« C'est trop difficile à apprendre ! » : N'importe quoi ! Après avoir lu tout ou partie de ce curriculum, vous vous rendrez compte à quel point il est facile d’acquérir les bases de l'utilisation des standards du Web, peu importe que vous soyez un novice en développement/design Web ou un professionnel qui cherche à améliorer ses compétences.
Le support des standards dans les navigateurs : Nous avons longtemps constaté que le support des standards du Web dans les navigateurs pouvait sérieusement varier de l'un à l'autre avec pour conséquence de rendre la réalisation de sites Web cauchemardesque. Mais tout ça, c'est du passé — Les navigateurs modernes ont tous un excellent support des standards du Web et vous pouvez désormais construire des sites, respectant ces standards, capables de fonctionner dans des navigateurs relativement ancien même si ceux-ci ne supportent pas les toutes dernières technologies.

Comme vous pouvez donc le constater, il n'y a aucune raison de ne pas utiliser les standards du Web pour développer vos sites. En outre, si vous êtes novice et que vous découvrez ce curriculum aujourd'hui, vous démarrerez du bon pied en apprenant directement les bonnes pratiques sans avoir à désapprendre d'éventuelles mauvaises pratiques.

OK, nous n'aimons guère parler de ces mauvaises pratiques, un peu comme s'il s'agissait de Voldemort ou un truc du genre. Nous ne prévoyons donc pas de détailler ces pratiques « dont-il-ne-faut-pas-prononcer-le-nom » ici. Nous préférons vous aiguiller directement sur le bon chemin. Cependant vous devez surement vous demander ce que sont ces pratiques si terribles que nous osons à peine les évoquer. Voyons brièvement de quoi il s'agit :

Par le passé, les gens avaient l’habitude de faire des choses comme :

Mettre en page leurs sites Web à l'aide d'immenses tableaux HTML. Ils utilisaient les différentes cellules du tableau pour positionner leurs images, leurs textes, etc. (les tableaux HTML ne sont pas fait pour ça et cela rajoute du code inutile dans les pages du site).
Utiliser des images GIF invisibles appelés « spacer » pour ajuster le positionnement des éléments au sein des pages (les images ne sont pas faites pour ça et cela rajoute du code inutile dans les pages du site).
Utiliser Javascript pour générer des menus à la volée (ce qui pose problème pour les personnes qui ont désactivé Javascript ou les utilisateurs de lecteur d'écran qui ont du mal avec ce genre de script) ou ne fonctionnant que dans un seul navigateur (que se passe-t-il pour les autres ?).
Inclure directement des instructions de mise en forme dans le code HTML en utilisant la balise (ce qui rend la maintenance horriblement compliquée et rajoute du code inutile dans les pages du site).

Cette liste de crimes contre le développement Web est loin d'être exhaustive. Le pire, c'est que j'ai dit "Par le passé"... malheureusement, la réalité, c'est que beaucoup de gens continuent de faire tout ça. Dans le meilleur des cas, le développement Web est quelque chose de compliqué et ce genre de mauvaises pratiques ne fait qu'empirer les choses. Utiliser les standards du Web et leurs bonnes pratiques, tels qu'ils sont présentés ici, est la meilleure façon de vous en sortir.

Structure des articles

Ce curriculum est composé d'une série d'articles. Chaque article se focalise sur un sujet précis avec le contexte de ce sujet, les bases théoriques essentielles, des exemples et tutoriels pratiques ainsi que des questionnaires pour tester vos connaissances.

Qui devrait utiliser ce curriculum

Ce curriculum est fait pour toute personne désireuse d'apprendre le Web design basé sur les standards du Web en partant de zéro. Il essaye d’emmener le lecteur du statut de simple internaute à celui de développeur Web maitrisant HTML, CSS et Javascript. Cela va jusqu'aux fonctionnalités avancées de HTML5/CSS3 tout en donnant un bon niveau de connaissances sur des sujets connexes comme l'architecture de l'information, l’expérience utilisateur (UX), le design adaptatif, l'optimisation pour les mobiles ou encore la typographie.

Il devrait pouvoir vous donner assez de connaissances pour envisager d'entrer sereinement sur le marché de l'emploi (bien évidement l’expérience, elle, ne peut pas s'enseigner).

A qui est-il destiné exactement ? Il devrait être utilisable par toute personne qui veut apprendre le Web design "de la bonne façon" :

Les étudiants ou professeurs : Nous l'avons déjà signalé, cet ensemble d'articles est un point de départ idéal pour créer votre propre programme pour vos élèves, ou pour simplement enrichir vos supports de cours existant. Pour tout étudiant suivant déjà des cours liés au Web, vous devriez utiliser ce matériel pour compléter vos connaissances et vous devriez faire du lobbyisme auprès de vos professeurs pour qu'ils fassent de même !
Les lycéens et collégiens : Bien que ce curriculum ait été écrit à l'attention des adultes, il n'y a aucune raison que les plus jeunes ne puissent pas en bénéficier. Faites un essai et voyez ce que ça donne.
Les designers et développeurs Web : Il y a encore beaucoup de développeurs et de designer Web qui n'utilisent ni les standards du Web ni les bonnes pratiques qui y sont associées. Ceux-là devraient essayer d'enrichir leurs connaissances et nous les encourageons à laisser à ce curriculum une chance de leur montrer à quel point les standards du Web sont avantageux et facile à adopter. Pour ceux qui connaissent déjà ces standards, nous sommes sur que ce curriculum leur sera utile pour aider les autres, améliorer leurs compétences, se remémorer des points obscures ou encore trouver des ressources pour convaincre leurs patrons ou leurs clients que des considérations comme l'accessibilité sont importantes.
Les responsables de formations : Ce curriculum est l'opportunité idéale pour fournir une formation quasi-gratuite aux employés de leur entreprise.

Nous n'avons pas l'intention de faire payer les gens pour ce matériel pédagogique. Il est réalisé sous licence Creative Commons ce qui signifie qu'il est disponible gratuitement pour tous ceux qui veulent l'utiliser tant qu'ils respectent les conditions de cette licence.

Remerciement

Les personnes qui ont participé à l'élaboration de ce curriculum sont bien trop nombreuses pour que nous puissions toutes les citer. Nous savons qu'elles se reconnaitront et nous aimerions leurs adresser nos remerciements les plus sincères pour leurs contributions.

En savoir plus

Nous cherchons à améliorer ce curriculum en permanence et à le faire adopter par autant de gens que possible. Si vous avez des suggestions d'amélioration, des commentaires ou si vous voulez discuter de son utilisation où que ce soit, n’hésitez pas à nous contacter (en anglais) : Vous pouvez poser des questions ou simplement vous tenir au courant des derniers changements sur la liste de diffusion W3C public evangelist (en) ou bien vous pouvez écrire à Chris Mills à cmills [at] opera [dot] com. N'hésitez pas non plus à utiliser les pages de discussion des articles (via le lien "discussion" en haut de chaque page) ou même à éditer directement un article si vous pensez pourvoir l'améliorer (via le lien "edit" en haut de chaque page). Pour en savoir plus sur la genèse de ce curriculum, vous pouvez lire Web Education moving forward — Opera WSC goes to the W3C! (en)

Chris Mills

Chris Mills is a web technologist, open standards evangelist and education agitator, currently working at Opera Software in the developer relations team. He spends most of his time writing articles about web standards for dev.opera.com and other publications (such as .net mag and A List Apart), giving talks at universities and industry conferences, and lobbying universities to improve their web education courses. He believes that education is the answer to everything, but in particular he is passionate about using education to improve the overall content quality, accessibility, usability and future-viability of the Web.

He is the creator of the Opera Web standards curriculum, contributor to the WaSP InterACT project, and coauthor of InterACT with web standards: A Holistic Approach to Web Design. In August 2011, he also accepted the position of co-chair of the newly-formed Web Education Community Group.

Outside work he is a heavy metal drummer, proud father of three and lover of good beer.

This article is licensed under a Creative Commons Attribution 3.0 Unported license.