ajax - Qu'est-ce que l'amélioration progressive?

Translate

Jeff a mentionné le concept d '«amélioration progressive» lorsqu'il a parlé de l'utilisation de JQuery pour écrire un stackoverflow.

Après un rapide 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 d'âne étant effectué en utilisant JavaScript. Pour moi, cela semble un peu exagéré, car la visualisation du site sans Javascript en cassera probablement la plupart.

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

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

This question and all comments follow the "Attribution Required."

Toutes les réponses

Translate

Voir égalementJavascript discretqui est la mise en valeur progressive du fondement est construit.

La source
Translate

Comme tu l'as dit

Pour moi, cela semble un peu exagéré, car la visualisation du site sans Javascript en cassera probablement la plupart.

Ce n'est pas une amélioration progressive. L'amélioration progressive est lorsque le site fonctionne parfaitement sans JavaScript ou CSS, etpuisajouter (superposer) ces technologies / codes supplémentaires pour augmenter la convivialité et la fonctionnalité 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 d'entrer 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.

C'est une amélioration progressive.

La source
Translate

J'ai écrit unDidacticielsur la création d'un sondage utilisant l'amélioration progressive àRÉSEAUX. 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).

La source
Translate

Aller dans l'autre sens est parfois appelé 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 en douceur car les navigateurs dotés de ces technologies ne sont pas disponibles.

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

À mon avis, il est beaucoup plus de travail de dégrader gracieusement l'application. L'améliorer progressivement 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.

La source
Translate

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 n'est pas nécessaire, mais beaucoup de gens naviguent avec des addons comme NoScript (ou, avec JavaScript simplement désactivé dans les paramètres de leur navigateur). En outre, 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.

La source
Translate

L'amélioration progressive est une technique de développement qui met l'accent sur la primauté du HTML sémantique, puis teste le navigateur-aptitudeet "superposition" conditionnelle sur des améliorations de 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 peutdo, par opposition au navigateur-reniflement. Moderniserest une suite de tests très populaire pour les navigateurs.

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

The Filament Group a écrit l'excellent "Conception avec amélioration progressive"livre sur le sujet. (Je ne suis pas affilié à Filament Group, bien qu'ils soient tellement intelligents que j'aurais aimé l'être.)

La source
Translate

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

Fondamentalement, commencez par créer un site / un cadre en HTML brut - éléments structurels, liens et formulaires. Ajoutez ensuite un peu de style et ensuite des trucs brillants (Ajax ou quoi que ce soit).

Ce n'est pas très difficile. Commecheval pâledit, la dégradation gracieuse est 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 vous avez une déficience visuelle), juste fonctionner.

La source
Translate

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.
La source