Questões de Concurso Público UFC 2025 para Analista de Tecnologia da Informação / Área: Arquitetura e Desenvolvimento de Sistemas – Front-End

Um analista de sistemas está desenvolvendo uma aplicação web e decide implementar testes unitários para verificar individualmente a funcionalidade de componentes front-end. Para isso, ele cria um teste que verifica se um botão exibe o rótulo correto com base nas propriedades (props) recebidas. Qual das seguintes práticas é considerada uma boa prática no desenvolvimento de testes unitários para componentes front-end?

Um programador, utilizando Python 3, precisa filtrar os números pares de uma lista chamada numeros. Por exemplo, dado numeros = [1, 2, 3, 4, 5, 6], o resultado esperado é a lista [2, 4, 6]. Qual das opções a seguir implementa corretamente essa tarefa?

Um analista é responsável pela manutenção de uma aplicação web legada, cuja interface encontra-se obsoleta em relação às tendências atuais de design e usabilidade. Para modernizar a interface sem comprometer a base de código existente, o analista opta pelo uso do Vue.js, um framework conhecido por sua capacidade de integração gradual. Essa característica permite que o framework seja adotado em partes específicas da aplicação existente, sem a necessidade de reescrevê-la completamente. Qual das seguintes características do Vue.js possibilita essa abordagem?

Em uma aplicação web, um analista está desenvolvendo um serviço RESTful que deve fornecer dados para várias interfaces de usuário (UI). Para garantir a interoperabilidade e a eficiência na resposta, qual das opções a seguir apresenta as melhores práticas recomendadas de acordo com padrões RESTful?

Em uma aplicação desenvolvida com React, um analista está enfrentando problemas de desempenho devido à renderização desnecessária de múltiplos componentes que dependem do mesmo estado global. Qual abordagem é mais indicada para otimizar o desempenho e reduzir renderizações desnecessárias em aplicações?

Uma página web foi desenvolvida para carregar imagens em alta resolução em dispositivos com grandes telas, mas isso está prejudicando a experiência de usuários móveis devido a tempos de carregamento prolongados. Qual abordagem é mais eficaz para otimizar o carregamento de imagens e adaptá-las a diferentes dispositivos, sem comprometer a qualidade visual?

O analista está desenvolvendo um site onde a navegação deve ser facilmente compreendida por usuários com deficiências visuais. Qual atributo deve ser usado no elemento <a> para fornecer uma descrição mais informativa sobre o destino do link?

Um analista deseja estilizar um elemento apenas se ele for precedido imediatamente por um elemento <h1> na hierarquia do DOM. Qual seletor CSS deve ser usado?

Qual das alternativas descreve corretamente o comportamento de uma diretiva de atributo no Angular?

Em um concurso público, a nota de corte para um determinado cargo é definida como a menor nota entre os candidatos aprovados para esse cargo. Portanto, a nota de corte corresponde à menor nota entre os candidatos que ocuparam o número de vagas oferecido para determinado cargo. Para calcular a nota de corte para cada cargo, a seguinte sequência pode ser utilizada:

1. Ordenar, de forma decrescente, as notas de todos os candidatos que concorrem ao cargo;
2. Selecionar as notas dos candidatos até o número de vagas disponíveis;
3. A nota de corte será a última nota entre os candidatos aprovados.

Com base nesse contexto, considere que um sistema para calcular a nota de corte será implementado com as seguintes tecnologias: Python, JavaScript e HTML.
• Python: O código Python deve receber como entradas as variáveis notas_candidatos (contendo as notas não ordenadas dos candidatos para um determinado cargo) e num_vagas (o número de vagas disponíveis para o cargo). A partir dessas entradas, o código Python será responsável por calcular a nota de corte para determinado cargo.
• HTML: O HTML será responsável por exibir a interface, onde o usuário deverá inserir: as notas dos candidatos para um determinado cargo, separadas por vírgula, em um único campo de texto; e, em outro campo, o número de vagas disponíveis para o cargo.
• JavaScript: O JavaScript será responsável por manipular a interação do usuário, acessando o conteúdo dos campos do formulário HTML e enviando os dados ao Python para que o cálculo da nota de corte para determinado cargo seja realizado.

Com base nesse cenário, assinale as seguintes afirmações com V (Verdadeiro) ou com F (Falso). 

( ) Em Python, o código notas_candidatos_ordenadas = sorted(notas_candidatos, reverse=True) ordena a lista notas_candidatos em ordem decrescente e retorna uma nova lista, que é armazenada na variável notas_candidatos_ordenadas; e o código notas_candidatos_ordenadas[num_vagas - 1] acessa a nota do candidato que ocupa a última vaga disponível, sendo esse o valor da nota de corte.
( ) Em HTML, a tag < input >  pode ser utilizada para criar cada um dos campos de entrada: um campo texto, com as notas dos candidatos para um determinado cargo, separadas por vírgula; e, outro campo, com o número de vagas disponíveis para o cargo.
( ) Em JavaScript, o método document.getElementById() pode ser utilizado para acessar o conteúdo do formulário HTML, como as notas dos candidatos e o número de vagas informados pelo usuário.
( ) A utilização de um framework de front-end como React ou Vue.js poderia ser utilizado na implementação, substituindo as atribuições do Python.

Assinale a alternativa que apresenta a sequência correta.