Questão de Programação — Web — INSTITUTO AOCP 2025

Responsividade no Desenvolvimento Front-end

Gabarito: letra A. O princípio que exige que a interface se ajuste a diferentes tamanhos de tela — oferecendo experiência consistente em dispositivos móveis, tablets e desktops — é a responsividade. Esse conceito é central no desenvolvimento front-end e é implementado, na prática, com técnicas como media queries do CSS, layouts fluidos (grids e flexbox) e unidades relativas.

A responsividade é um dos pilares do design de interfaces modernas. Ela garante que o conteúdo se reorganize e redimensione de forma fluida, sem que o usuário precise dar zoom ou rolar horizontalmente. A abordagem mobile-first — projetar primeiro para telas menores e depois aprimorar para telas maiores — é uma estratégia comum para alcançar esse objetivo. Na prática, um site responsivo usa, por exemplo, @media (max-width: 768px) para aplicar estilos específicos quando a tela é menor que 768 pixels, ou grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) para criar colunas que se ajustam automaticamente.

É importante distinguir responsividade de outros conceitos que aparecem nas alternativas. Desempenho refere-se à velocidade e eficiência com que o site carrega e responde; escalabilidade diz respeito à capacidade do sistema de crescer em tamanho ou demanda sem perda de qualidade; manutenibilidade é a facilidade de modificar e corrigir o código; e testabilidade é a facilidade de testar o software. Todos são atributos de qualidade importantes, mas nenhum deles trata especificamente da adaptação a diferentes tamanhos de tela.

A pegadinha desta questão é justamente a banca listar outros atributos de qualidade de software que são igualmente relevantes no desenvolvimento, mas que não respondem ao que foi perguntado. O candidato que não domina a definição precisa de cada termo pode se confundir, especialmente entre responsividade e escalabilidade, que parecem similares à primeira vista. A chave é focar no termo-chave do enunciado: "se ajustar a diferentes tamanhos de tela".

Guarde a fronteira: responsividade = adaptação ao viewport (tamanho da tela); escalabilidade = capacidade de crescimento do sistema. É exatamente nessa distinção que as alternativas se dividem.

Alternativa A — ✅ Correta ⟵ GABARITO

A responsividade é, por definição, a capacidade de a interface se adaptar a diferentes tamanhos de tela, garantindo uma experiência consistente em dispositivos móveis, tablets e desktops. É o princípio que responde diretamente ao enunciado.

Alternativa B — ❌ Incorreta

Desempenho refere-se à velocidade de carregamento e à eficiência do site, não à adaptação a diferentes telas. Um site pode ser rápido e, ainda assim, não ser responsivo.

Alternativa C — ❌ Incorreta

Escalabilidade é a capacidade de o sistema crescer em termos de usuários, dados ou funcionalidades sem degradação de desempenho. Não tem relação com a adaptação da interface a diferentes tamanhos de tela.

Alternativa D — ❌ Incorreta

Manutenibilidade é a facilidade de manter e evoluir o código-fonte. Não diz respeito à adaptação visual da interface.

Alternativa E — ❌ Incorreta

Testabilidade é a facilidade de testar o software, ou seja, de verificar se ele funciona corretamente. Não está relacionada à adaptação a diferentes dispositivos.

Gabarito: letra A