Prova de Educação Tecnológica: CSS Grid e Otimização de Web
Tema: 1. Implementar layouts responsivos utilizando CSS grid. 2. Utilizar ferramentas de desenvolvimento como Prettier, ESLint e Babel. 3. Implementar técnicas de otimização de performance em aplicações web.
Etapa/Série: 3º ano – Ensino Médio
Disciplina: Educação Tecnológica
Questões: 3
“`html
Prova de Educação Tecnológica – 3º Ano do Ensino Médio
Temas: Implementação de Layouts Responsivos, Ferramentas de Desenvolvimento e Otimização de Performance
Esta prova contém 3 questões de múltipla escolha, abrangendo os temas: 1. Implementar layouts responsivos utilizando CSS grid; 2. Utilizar ferramentas de desenvolvimento como Prettier, ESLint e Babel; 3. Implementar técnicas de otimização de performance em aplicações web. Responda as questões a seguir, escolhendo a alternativa correta.
Questão 1
Considere um site que utiliza CSS Grid para implementar um layout responsivo. Qual das seguintes propriedades é essencial para definir o número de colunas em uma grade utilizando CSS Grid?
A) grid-template-areas
B) grid-template-columns
C) grid-auto-flow
D) grid-gap
Questão 2
Você está desenvolvendo uma aplicação JavaScript e deseja garantir que o código esteja formatado corretamente e com qualidade. Qual das seguintes ferramentas é usada principalmente para identificar e corrigir problemas de estilo e erros de programação no código?
A) Babel
B) ESLint
C) Webpack
D) npm
Questão 3
Ao desenvolver uma aplicação web, você precisa otimizar seu desempenho. Qual das seguintes práticas pode efetivamente melhorar a performance de uma aplicação web?
A) Utilizar imagens em alta resolução sem compressão
B) Implementar lazy loading para carregar imagens e vídeos conforme necessário
C) Incluir todos os scripts CSS e JS em um único arquivo, sem minificar
D) Criar múltiplas requisições HTTP para cada recurso da página
Gabarito e Justificativas
Questão 1
Resposta Correta: B) grid-template-columns
Justificativa: A propriedade grid-template-columns permite definir a estrutura de colunas de um grid, especificando quantas colunas existirão e qual a largura de cada uma delas. Essa é a forma essencial de configurar a grade utilizando CSS Grid.
Questão 2
Resposta Correta: B) ESLint
Justificativa: O ESLint é uma ferramenta de análise de código que ajuda desenvolvedores a identificar e corrigir erros de programação e problemas de estilo no código JavaScript, garantindo que ele siga determinadas diretrizes de qualidade.
Questão 3
Resposta Correta: B) Implementar lazy loading para carregar imagens e vídeos conforme necessário
Justificativa: O lazy loading é uma técnica de otimização que carrega recursos somente quando eles são necessários, melhorando assim o desempenho inicial da aplicação web e reduzindo o tempo de carregamento da página. As outras opções contribuem negativamente para a performance.
“`
