av 1 e 2 desenvolvimento responsivo

Prévia do material em texto

Av1 
1)A abordagem mobile-first prioriza o desenvolvimento para dispositivos móveis antes da adaptação 
para telas maiores, contribuindo para interfaces mais simples e eficientes. 
Qual é a principal vantagem da estratégia mobile-first? 
 
Alternativas: 
• a)Criação de layouts mais complexos 
• b)Maior consumo de recursos gráficos 
• c)Priorização do conteúdo essencial desde o início > Alternativa assinalada 
• d)Dependência de frameworks específicos 
• e)Eliminação do uso de CSS 
2)O CSS é uma tecnologia essencial no desenvolvimento web, pois permite separar a estrutura do 
conteúdo da sua apresentação visual, facilitando a manutenção e a adaptação das interfaces a diferentes 
dispositivos. 
Com base nesse contexto, qual é a principal função do CSS em aplicações web? 
 
Alternativas: 
• a)Definir a estrutura semântica da página 
• b)Controlar a apresentação visual e o layout dos elementos > Alternativa assinalada 
• c)Gerenciar a comunicação com o servidor 
• d)Armazenar dados no navegador 
• e)Implementar regras de negócio da aplicação 
3)Frameworks e bibliotecas front-end auxiliam na criação de layouts responsivos, oferecendo 
componentes prontos e sistemas de grid que aceleram o desenvolvimento. 
Qual característica é comum em frameworks front-end voltados a layouts responsivos? 
 
Alternativas: 
• a)Uso exclusivo de JavaScript puro 
• b)Layouts baseados em tabelas HTML 
• c)Sistema de grid flexível e responsivo >: Alternativa assinalada 
• d)Dependência obrigatória de backend específico 
• e)Ausência de suporte a dispositivos móveis 
4)O web design responsivo busca garantir uma boa experiência de uso em diferentes tamanhos de tela, 
adaptando o layout conforme o dispositivo utilizado pelo usuário. 
Qual conceito é fundamental para o funcionamento do design responsivo? 
 
Alternativas: 
• a)Uso exclusivo de imagens em alta resolução 
• b)Layouts fixos baseados em pixels 
• c)Uso de media queries para adaptação do layoutc > Alternativa assinalada 
• d)Dependência de plugins externos 
• e)Separação de sites por tipo de dispositivo 
5)As pseudoclasses em CSS permitem aplicar estilos a elementos com base em seu estado ou interação 
do usuário, sem a necessidade de scripts adicionais. 
Qual pseudoclasse é utilizada para aplicar um estilo quando o usuário passa o mouse sobre um 
elemento? 
 
Alternativas: 
• a):active 
• b):hover Alternativa assinalada 
• c):focus 
• d)"visited 
• e)"checked 
 
Av2 
1)Durante o desenvolvimento de aplicações responsivas, é essencial identificar falhas de layout, 
desempenho e compatibilidade entre navegadores. A depuração auxilia nesse processo. 
 
Considerando essa etapa do desenvolvimento, qual é o principal objetivo da depuração? 
 
Alternativas: 
 
a)identificar e corrigir erros > Alternativa assinalada 
b)criar novos layouts 
 
c)aumentar o tamanho dos arquivos 
 
d)substituir frameworks 
 
e)eliminar testes automatizados 
 
2)A otimização de desempenho é uma etapa fundamental em aplicações responsivas, pois impacta 
diretamente a experiência do usuário, especialmente em dispositivos móveis. 
 
Diante disso, qual ação contribui para a melhoria do desempenho de uma aplicação web responsiva? 
 
Alternativas: 
 
a)redução do tamanho dos arquivos > Alternativa assinalada 
b)aumento da quantidade de scripts 
 
c)uso excessivo de imagens grandes 
 
d)carregamento síncrono de recursos 
 
e)eliminação do cache 
 
3)No desenvolvimento responsivo, o uso correto de mídias é fundamental para otimizar desempenho e 
garantir boa experiência visual. Imagens e vídeos devem ser preparados para diferentes tamanhos de 
tela e resoluções. 
 
Nesse cenário, qual prática contribui diretamente para o uso eficiente de mídias responsivas? 
 
Alternativas: 
 
a)uso de imagens adaptáveis > Alternativa assinalada 
b)carregamento de arquivos pesados 
 
c)fixação de largura das imagens 
 
d)uso de apenas um formato de mídia 
 
e)eliminação de estilos CSS 
 
4)Componentes responsivos são partes reutilizáveis da interface que devem se comportar corretamente 
em diferentes resoluções e dispositivos. Para isso, eles precisam ser projetados considerando 
flexibilidade e adaptação. 
 
Com base nesse conceito, qual característica é essencial em um componente responsivo? 
 
Alternativas: 
 
a)capacidade de adaptação> Alternativa assinalada 
b)tamanho fixo 
 
c)dependência de resolução específica 
 
d)estrutura rígida 
 
e)uso exclusivo de imagens 
 
5)No desenvolvimento de interfaces responsivas, os layouts fluídos são utilizados para permitir que os 
elementos da página se ajustem dinamicamente aos diferentes tamanhos de tela. Esse tipo de layout é 
fundamental para garantir boa experiência do usuário em múltiplos dispositivos. 
 
Diante desse contexto, qual conceito está diretamente relacionado à construção de layouts fluídos? 
 
Alternativas: 
 
a)uso de unidades relativas > Alternativa assinalada 
b)uso exclusivo de pixels fixos 
c)definição estática de largura 
d)fixação do layout em resoluções específicas 
e)eliminação do CSS