“Front-End: Domine CSS, CI/CD e Acessibilidade no Ensino Médio”
Tema: Disciplina de front-end: temas técnicas avançadas de CSS, CI CD, acessibilidade
Etapa/Série: 3º ano – Ensino Médio
Disciplina: Formação Técnica e Profissional
Questões: 4
Prova de Formação Técnica e Profissional
Tema: Disciplina de Front-End: Técnicas Avançadas de CSS, CI/CD e Acessibilidade
3º Ano – Ensino Médio
Instruções:
Responda às questões de forma clara e objetiva. Cada questão deve ser respondida em pelo menos 10 linhas. Utilize todos os conhecimentos adquiridos ao longo do curso.
Questões Dissertativas
Questão 1: CSS Avançado
Em um projeto de desenvolvimento de um site pessoal, você deve utilizar técnicas avançadas de CSS, como Flexbox e Grid Layout.
Pergunta: Explique a diferença entre Flexbox e Grid Layout, destacando em quais situações cada um é mais indicado e as vantagens de utilizar essas técnicas em um design responsivo.
Questão 2: CI/CD
O conceito de CI/CD (Integração Contínua e Entrega Contínua) é essencial para a modernização de processos de desenvolvimento e lançamento de projetos de software.
Pergunta: Defina o que é CI/CD e discorra sobre como a implementação dessas práticas pode impactar positivamente o trabalho em equipe e a qualidade do software gerado.
Questão 3: Acessibilidade em Web Design
A acessibilidade é uma parte crucial do desenvolvimento web, garantindo que pessoas com diferentes tipos de deficiência possam usar websites de forma eficaz.
Pergunta: Comente sobre duas práticas comuns que podem ser adotadas para melhorar a acessibilidade de um site. Justifique a importância dessas práticas e forneça exemplos de como implementá-las.
Questão 4: Integração de Conhecimentos
Imagine que você está criando um site que deverá ser visualmente atraente, com foco na acessibilidade e que será atualizado frequentemente através de um pipeline de CI/CD.
Pergunta: Como você integraria técnicas avançadas de CSS, princípios de acessibilidade e práticas de CI/CD para garantir que o site não apenas atenda às necessidades de diferentes usuários, mas também seja fácil de manter e atualizar? Descreva um fluxo de trabalho que considere todas essas práticas.
Gabarito Detalhado
Questão 1: CSS Avançado
Resposta Esperada: O aluno deve identificar que o Flexbox é projetado para a disposição de itens em uma única dimensão (horizontal ou vertical), enquanto o Grid Layout lida com layouts em duas dimensões (linhas e colunas). O aluno deve mencionar que o Flexbox é ideal para componentes menores, como alinhamento de botões, e que o Grid é mais apropriado para conteúdo mais elaborado, como estruturas de páginas inteiras. É importante justificar a utilização de cada técnica em situações específicas e discutir a responsividade, explicando que ambas oferecem flexibilidade e facilitação de adaptações a diferentes tamanhos de tela.
Questão 2: CI/CD
Resposta Esperada: O aluno deve definir CI/CD como um conjunto de práticas que promove a integração e entrega de código de forma contínua. A resposta deve incluir como CI/CD melhora a colaboração entre equipes por meio da automação de testes e processos de implantação, resultando em maior eficiência, redução de erros e um ciclo de desenvolvimento mais rápido. Justificativas sobre como isso afeta a qualidade do software são essenciais, incluindo exemplos práticos, como a utilização de ferramentas de CI/CD (ex: Jenkins, GitHub Actions).
Questão 3: Acessibilidade em Web Design
Resposta Esperada: O aluno deve mencionar práticas como o uso adequado de etiquetas HTML, como heading tags, e a implementação de textos alternativos em imagens. Além disso, é esperado que discorra sobre a importância de considerar contrastes de cores e tamanhos de fonte. Exemplos de implementação, como a utilização de ARIA (Accessible Rich Internet Applications) para melhorar a navegação, são especialmente valorizados na resposta.
Questão 4: Integração de Conhecimentos
Resposta Esperada: O aluno deve demonstrar um entendimento de como integrar todos os conceitos discutidos. A descrição deve incluir a utilização de CSS para criar layouts responsivos e acessíveis, destacando a criação de um ambiente de desenvolvimento onde as normas de acessibilidade são cumpridas simultaneamente à automação de processos CI/CD. Espera-se que o aluno descreva um fluxo de desenvolvimento que inclua testes de acessibilidade automatizados antes de cada entrega, a implementação de análises de feedback após cada atualização e constância nas versões do site. A resposta deve demonstrar coesão entre a criação visual e a manutenção contínua do software.
