O que é aprimoramento progressivo?

Question

Jeff mencionou o conceito de 'Aprimoramento Progressivo' ao falar sobre o uso de JQuery para escrever stackoverflow.

Depois de uma rápida pesquisa no Google, encontrei algumas discussões de alto nível sobre isso.

Alguém pode recomendar um bom lugar para começar como programador.

Especificamente, tenho escrito aplicativos da web em PHP e gostaria de usar YUI para melhorar as páginas que estou escrevendo, mas muitos deles parecem muito baseados em JavaScript, com a maior parte do trabalho burro sendo feito usando JavaScript.Para mim, isso parece um pouco exagerado, já que visualizar o site sem Javascript provavelmente irá quebrar a maior parte dele.

Alguém tem bons lugares para começar a usar essa ideia, eu realmente não me importo com o idioma.

Idealmente, eu gostaria de ver como você começa a criar o HTML estático primeiro e depois adiciona o YUI (ou qualquer estrutura Ajax) a ele para obter os benefícios de um cliente mais rico.

Answer 1

Veja também Javascript discreto que é a base para o aprimoramento progressivo ser construído.

Answer 2

Como você disse

Para mim, isso parece um pouco exagerado, já que visualizar o site sem Javascript provavelmente irá quebrar a maior parte dele.

Este não é um aprimoramento progressivo.Aprimoramento progressivo é quando o site funciona perfeitamente sem JavaScript ou CSS, e então adicionar (camadas) essas tecnologias/códigos extras para aumentar a usabilidade e funcionalidade do site.

O melhor exemplo que posso dar é a caixa de entrada de tags neste site.Com o JavaScript desativado, ainda funcionaria, permitindo inserir tags separadas por um espaço.Com o JavaScript ativado, você verá um menu suspenso com sugestões de entradas anteriores.

Este é um aprimoramento progressivo.

Answer 3

Eu escrevi um tutorial na criação de uma enquete que usasse aprimoramento progressivo em REDES.A ideia é criar um site funcional usando XHTML/CSS e PHP, e então interceptar formulários etc. com Javascript.(usei JQuery).

Answer 4

Avançar na outra direção às vezes é chamado de degradação graciosa.Isso geralmente é necessário quando o site é construído primeiro com a funcionalidade aprimorada proporcionada pelas várias tecnologias e depois modificada para se degradar normalmente para navegadores com essas tecnologias não disponíveis.

Também é uma degradação elegante ao projetar para funcionar com navegadores mais antigos (antigos na terminologia da Internet), como IE 5.5, Netscape, etc.

Na minha opinião, é muito mais trabalhoso degradar o aplicativo normalmente.Melhorá-lo progressivamente tende a ser muito mais eficiente;no entanto, às vezes surge a necessidade de pegar um aplicativo existente e torná-lo acessível nesses ambientes ausentes.

Answer 5

Basicamente, se o seu site ainda funciona com o JavaScript desativado, qualquer coisa que você adicionar com JavaScript pode ser considerada um aprimoramento progressivo.

Algumas pessoas podem pensar que isso é desnecessário, mas muitas pessoas navegam com complementos como o NoScript (ou com o JavaScript simplesmente desativado nas configurações do navegador).Além disso, muitos navegadores móveis podem ou não suportar JavaScript.Portanto, é sempre uma boa ideia testar seu site completamente com e sem JavaScript.

Answer 6

Progressive Enhancement é uma técnica de desenvolvimento que enfatiza a primazia do HTML semântico e depois testa o navegadorcapacidade e "camadas" condicionais em melhorias de JavaScript e/ou CSS para os navegadores que podem utilizar essas melhorias.

Uma das chaves é entender que estamos testando o que o navegador pode fazer, ao contrário do navegadorcheirando. Modernizar é um conjunto de testes de recursos de navegador muito popular.

O Aprimoramento Progressivo é inerentemente (seção 508) acessível;prevê o cumprimento da letra da lei e o espírito da regra.

O Filament Group escreveu o excelente "Projetando com aprimoramento progressivo"livro sobre o assunto.(Não sou afiliado ao Filament Group, embora eles sejam tão inteligentes que eu gostaria de ser.)

Answer 7

Este é um conceito tão importante e me entristece que tão poucos desenvolvedores web o entendam.

Basicamente, comece construindo um site/framework em Plain Old HTML – elementos estruturais, links e formulários.Em seguida, adicione um pouco de estilo e coisas brilhantes (Ajax ou o que você quiser).

Não é muito difícil.Como cavalo pálido diz, a degradação graciosa dá mais trabalho.

Os sites devem funcionar em qualquer agente de usuário, não ter a mesma aparência (nem mesmo parecer, mas ter som se sua visão estiver prejudicada), apenas funcionar.

Answer 8

Aprimoramento Progressivo:

1. O site HTML/CSS simples é incrível (totalmente funcional e fácil de usar).
2. Adicionar JavaScript define um novo nível de incrível.