“Prova de CSS Avançado, CI/CD e Acessibilidade para Alunos”
Tema: tecnicas avançadas de css, ci cd e acessibilidade no front-end
Etapa/Série: 3º ano – Ensino Médio
Disciplina: Formação Técnica e Profissional
Questões: 10
“`html
Prova de Formação Técnica e Profissional – 3º Ano do Ensino Médio
Tema: Técnicas Avançadas de CSS, CI/CD e Acessibilidade no Front-End
Esta prova tem como objetivo avaliar o conhecimento dos alunos sobre técnicas avançadas de CSS, integração contínua/desdobramento contínuo (CI/CD) e acessibilidade no desenvolvimento front-end. Leiam atentamente cada questão e escolham a alternativa que melhor responde a cada item. Boa sorte!
Questões
- Qual das alternativas abaixo descreve melhor o que são pré-processadores CSS?
- A) Ferramentas que ajudam a limpar e otimizar o código CSS.
- B) Linguagens que estendem funcionalidades do CSS, permitindo o uso de variáveis, funções e aninhamento.
- C) Conjuntos de regras que definem o design responsivo de uma página.
- D) Ferramentas que geram automaticamente a folha de estilo a partir de imagens.
- O que significa o termo CI/CD no desenvolvimento de software?
- A) Continuous Integration/Continuous Delivery, que se refere a práticas de automação de testes e deploy.
- B) Continuous Installation/Continuous Debugging, focando em instalação contínua de pacotes.
- C) Chief Integration/Chief Delivery, cargos altos em gestão de projetos.
- D) Control Integration/Control Deployment, práticas de controle de versão de projetos.
- Em CSS, a propriedade ‘flex’ faz parte de qual sistema de layout?
- A) Grid Layout.
- B) Flexbox.
- C) Box Model.
- D) Absolute Positioning.
- Por que a acessibilidade é importante no desenvolvimento front-end?
- A) Para melhorar o desempenho da página.
- B) Para garantir que todos os usuários, incluindo aqueles com deficiência, possam acessar e utilizar os sites.
- C) Para que o código seja mais curto e eficiente.
- D) Para aumentar a quantidade de código necessário.
- Qual das seguintes práticas é recomendada para melhorar a acessibilidade de um site?
- A) Utilizar apenas cores vibrantes sem contraste entre texto e fundo.
- B) Incluir texto alternativo em imagens.
- C) Desativar a navegação por teclado.
- D) Evitar o uso de legendas em vídeos.
- Qual é uma das vantagens do uso de CSS em módulos?
- A) Redução do tempo de carregamento da página.
- B) Maior flexibilidade e reusabilidade do estilo ao longo de diferentes componentes.
- C) Exigência de menos código para cada elemento.
- D) Aumento da complexidade do código de estilos.
- Quais ferramentas são frequentemente usadas para implementar CI/CD em projetos de front-end?
- A) Figma e Photoshop.
- B) Git e Jenkins.
- C) WordPress e Drupal.
- D) Notepad e Excel.
- Na prática de CI/CD, o que é um ‘pipeline’?
- A) Um fluxo de trabalho que automatiza o processo de construção, teste e entrega do software.
- B) Uma ferramenta de design gráfico para ilustração de produtos.
- C) Uma maneira de definir a estrutura do projeto em HTML.
- D) Uma rede de distribuição de conteúdo.
- O que caracteriza o CSS Grid Layout?
- A) Um modelo de layout baseado em colunas e linhas que permite design em duas dimensões.
- B) Uma técnica de animação para transições suaves em CSS.
- C) Um método de otimização de desempenho para carregar itens em ordem.
- D) Um tipo de pré-processador CSS.
- Qual é o propósito do atributo “aria-label” em um elemento HTML?
- A) Identificar visualmente o elemento na tela.
- B) Fornecer informações de acessibilidade, descrevendo a função e propósito do elemento para tecnologias assistivas.
- C) Melhorar a performance da aplicação web.
- D) Criar um link direto com outra página.
Gabarito e Justificativas
- B – Os pré-processadores CSS, como SASS e LESS, permitem o uso de recursos avançados como variáveis e funções.
- A – CI/CD significa Continuous Integration/Continuous Delivery, práticas essenciais para automação e eficiência em projetos.
- B – A propriedade ‘flex’ faz parte do modelo de layout flexível (Flexbox), voltado para a disposição eficiente de elementos em um container.
- B – A acessibilidade garante que todos, independentemente de habilidades, possam acessar e interagir com os sites de maneira eficaz.
- B – Incluir texto alternativo em imagens é uma prática fundamental para que usuários com deficiência visual possam entender o conteúdo visual.
- B – O uso de CSS em módulos aumenta a reutilização de código e permite um design mais organizado e modular.
- B – Git e Jenkins são frequentemente utilizados para implementar CI/CD em projetos de front-end, permitindo versionamento e automação.
- A – Um ‘pipeline’ em CI/CD é um fluxo de trabalho automatizado que inclui a construção, teste e entrega do software.
- A – O CSS Grid Layout permite o design em duas dimensões, utilizando uma estrutura de linhas e colunas.
- B – O atributo “aria-label” oferece uma descrição funcional para usuários de tecnologias assistivas, melhorando a acessibilidade do site.
“`
Observações:
– As questões abordam conceitos fundamentais e práticos relacionados a técnicas avançadas de CSS, CI/CD e acessibilidade, estimulando não apenas a memorização, mas também a análise e compreensão crítica dos temas propostos.
– As justificativas foram elaboradas de maneira que cada alternativa correta seja explicada de forma sucinta, permitindo que o aluno compreenda por que a resposta está correta e reforçando o aprendizado.
