Qu’est-ce que l’amélioration progressive ?

Question

Jeff a mentionné le concept « d'amélioration progressive » en parlant de l'utilisation de JQuery pour écrire stackoverflow.

Après une recherche rapide sur Google, j'ai trouvé quelques discussions de haut niveau à ce sujet.

Quelqu'un peut-il recommander un bon endroit pour commencer en tant que programmeur.

Plus précisément, j'ai écrit des applications Web en PHP et j'aimerais utiliser YUI pour améliorer les pages que j'écris, mais beaucoup d'entre elles semblent très basées sur JavaScript, la plupart du travail étant effectué à l'aide de JavaScript.Pour moi, cela semble un peu exagéré, car consulter le site sans Javascript en brisera probablement la majeure partie.

Tout le monde a de bons endroits pour commencer à utiliser cette idée, je ne me soucie pas vraiment du langage.

Idéalement, j'aimerais voir comment vous commencez par créer le code HTML statique, puis y ajouter le YUI (ou tout autre framework Ajax) afin de bénéficier des avantages d'un client plus riche ?

Answer 1

Voir également Javascript discret qui constitue le fondement de l’amélioration progressive.

Answer 2

Comme tu l'as dit

Pour moi, cela semble un peu exagéré, car consulter le site sans Javascript en brisera probablement la majeure partie.

Il ne s’agit pas d’une amélioration progressive.L'amélioration progressive se produit lorsque le site fonctionne parfaitement sans JavaScript ni CSS, et alors ajouter (superposer) ces technologies/codes supplémentaires pour augmenter la convivialité et les fonctionnalités du site Web.

Le meilleur exemple que je puisse donner est la zone de saisie des balises sur ce site Web.Avec JavaScript désactivé, cela fonctionnerait toujours, vous permettant de saisir des balises séparées par un espace.Lorsque JavaScript est activé, vous obtenez une liste déroulante avec des suggestions d'entrées précédentes.

Il s’agit d’une amélioration progressive.

Answer 3

j'ai écrit un Didacticiel sur la création d'un sondage utilisant l'amélioration progressive à NETTUTS.L'idée est de créer un site fonctionnel en utilisant XHTML/CSS et PHP, puis d'intercepter les formulaires etc avec Javascript.(J'ai utilisé JQuery).

Answer 4

Y aller dans l’autre sens est parfois qualifié de dégradation gracieuse.Cela est généralement nécessaire lorsque le site est d'abord construit avec les fonctionnalités améliorées offertes par les différentes technologies, puis modifié pour se dégrader gracieusement car les navigateurs avec ces technologies ne sont pas disponibles.

Il s'agit également d'une dégradation gracieuse lors de la conception pour fonctionner avec des navigateurs plus anciens (anciens dans la terminologie Internet) tels que IE 5.5, Netscape, etc...

À mon avis, dégrader gracieusement l'application demande beaucoup plus de travail.Son amélioration progressive tend à être beaucoup plus efficace ;cependant, il est parfois nécessaire de prendre une application existante et de la rendre accessible dans ces environnements manquants.

Answer 5

Fondamentalement, si votre site fonctionne toujours avec JavaScript désactivé, tout ce que vous ajoutez avec JavaScript peut être considéré comme une amélioration progressive.

Certaines personnes peuvent penser que cela est inutile, mais beaucoup de gens naviguent avec des modules complémentaires comme NoScript (ou avec JavaScript simplement désactivé dans les paramètres de leur navigateur).De plus, de nombreux navigateurs Web mobiles peuvent ou non prendre en charge JavaScript.C'est donc toujours une bonne idée de tester complètement votre site avec et sans JavaScript.

Answer 6

L'amélioration progressive est une technique de développement qui met l'accent sur la primauté du HTML sémantique, puis teste les performances du navigateur.aptitude et « superposer » conditionnellement des améliorations JavaScript et/ou CSS pour les navigateurs qui peuvent utiliser ces améliorations.

L'une des clés est de comprendre que nous testons ce que le navigateur peut faire, par opposition au navigateur-reniflement. Modernisation est une suite de tests de capacités de navigateur très populaire.

L'amélioration progressive est intrinsèquement (article 508) accessible ;il prévoit de respecter la lettre de la loi et l'esprit de la règle.

Le Filament Group a écrit l'excellent "Concevoir avec une amélioration progressive" livre sur le sujet.(Je ne suis pas affilié à Filament Group, même s'ils sont tellement intelligents que j'aurais aimé l'être.)

Answer 7

C'est un concept tellement important et cela m'attriste que si peu de développeurs Web le comprennent.

Fondamentalement, commencez par créer un site/framework en Plain Old HTML – éléments structurels, liens et formulaires.Ajoutez ensuite du style, puis des trucs brillants (Ajax ou autre).

Ce n'est pas très difficile.Comme cheval pâle dit, la dégradation gracieuse demande plus de travail.

Les sites Web doivent fonctionner dans n'importe quel agent utilisateur, ne pas avoir la même apparence (pas même l'apparence mais le son si votre vision est malvoyante), simplement fonctionner.

Answer 8

Amélioration progressive:

1. Le site HTML/CSS simple est génial (entièrement fonctionnel et convivial).
2. L'ajout de JavaScript définit un nouveau niveau de génial.