Questões de Concurso Sobre programação de front end em programação

Foram encontradas 145 questões

Q3878220 Programação
No desenvolvimento de aplicações web, diferentes tecnologias atuam de forma complementar para estruturar, apresentar e tornar interativo o conteúdo acessado pelos usuários. Considerando práticas comuns adotadas em projetos web atuais, assinale a alternativa tecnicamente mais adequada:
Alternativas
Q3853067 Programação

Considere o seguinte trecho HTML que representa 3 células do tabuleiro de um jogo da velha:


Q.41.png (413×177)


Deseja-se que, ao clicar em uma célula vazia, ela exiba o símbolo “X”, conforme representação da seguinte imagem:

Q.41.2.png (330×118)


Linha de tabuleiro de jogo da velha. Fonte: IFSP, 2025.


Qual trecho de código JavaScript seleciona corretamente a célula com id=”casa-1” e insere o símbolo “X” nela ao ser clicada?



Alternativas
Q3846202 Programação
No desenvolvimento front-end moderno, a compreensão do modelo de caixa (Box Model) do CSS (Cascading Style Sheets) é essencial para o controle preciso do layout e dimensionamento dos elementos na página. Assinale a alternativa correta sobre o comportamento da propriedade box-sizing com o valor border-box.
Alternativas
Q4032563 Programação

 O JavaScript é uma linguagem de script de alto nível, interpretada, que roda no navegador do cliente, sendo essencial para criar páginas web dinâmicas e interativas. Uma de suas principais funcionalidades é a capacidade de manipular o Modelo de Objeto de Documento (DOM), que representa a estrutura de uma página HTML como uma árvore de objetos, permitindo que o script altere o conteúdo e o estilo da página após ela ter sido carregada. Sobre a manipulação do DOM com JavaScript, analise as afirmativas a seguir:

I.O JavaScript pode selecionar elementos da página HTML, por exemplo, usando o método document.getElementById('id_do_elemento').
II.Após selecionar um elemento, o JavaScript pode alterar seu conteúdo, como modificar o texto interno de um parágrafo usando a propriedade innerHTML ou textContent.
III.A manipulação do DOM pelo JavaScript ocorre exclusivamente no servidor web antes que a página seja enviada ao cliente, não sendo possível alterar a página dinamicamente no navegador.

Está correto o que se afirma em:
Alternativas
Q4032556 Programação
 O Asynchronous JavaScript and XML (AJAX) não é uma tecnologia única, mas sim um conjunto de técnicas de desenvolvimento web que permite a criação de aplicações mais ricas e interativas. O AJAX possibilita que uma página web se comunique com o servidor de forma assíncrona, em segundo plano, permitindo a atualização de partes específicas da página sem a necessidade de recarregar a página inteira. Sobre os componentes centrais do AJAX, analise as afirmativas a seguir:

I.O componente central do AJAX no lado do cliente é o objeto XMLHttpRequest, que é utilizado pelo JavaScript para enviar requisições HTTP ao servidor e receber respostas (como XML, JSON ou texto simples).
II.A natureza "assíncrona" do AJAX significa que, enquanto o JavaScript aguarda a resposta do servidor, o navegador do usuário fica travado (síncrono), impedindo qualquer outra interação até que os dados cheguem.
III.O AJAX é utilizado para atualizar partes de uma página HTML dinamicamente, manipulando o Modelo de Objeto de Documento (DOM) com o JavaScript assim que os dados são recebidos do servidor.

Está correto o que se afirma em:
Alternativas
Q3845350 Programação
Observe as figuras (a) e (b) que mostram, respectivamente, o resultado da execução e o código correspondente, em JavaScript.
23.jpg (342×312)
Ao clicar no botão
23_a.jpg (92×41)
exibido em (a), o código em (b) será executado, resultando na geração da seguinte sequência de números: 
Alternativas
Q3816310 Programação
Com base nos princípios fundamentais da arquitetura de componentes em React, considerando um cenário em uma aplicação React onde um componente pai precisa passar dados de configuração para um componente filho, e este componente filho também precisa gerenciar seus próprios dados internos que mudam ao longo do tempo devido à interação do usuário, qual é a abordagem correta para gerenciar esses dois tipos de dados? 
Alternativas
Q3806502 Programação
São frameworks Javascript ou Typescript cuja função principal é atual como framewoks FrontEnd:
1. React 2. Next.js 3. Vue.js 4. Node.js
Assinale a alternativa que indica todas as afirmativas corretas.
Alternativas
Q3781135 Programação

Ao estilizar um website responsivo, o desenvolvedor precisa de flexibilidade no layout, garantindo que o cabeçalho (<header> ) ocupe toda a largura disponível e que seus itens internos (logotipo, menu e barra de busca) sejam distribuídos horizontalmente com espaçamento igual entre eles. Além disso, o logotipo deve permanecer fixo no canto esquerdo, enquanto o menu e a barra de busca devem se alinhar à direita, ocupando o espaço restante.


Assinale a opção que indica a combinação de propriedades CSS mais adequada para alcançar a distribuição horizontal flexível e o espaçamento igual dentro do <header> , e o valor da propriedade que deve ser aplicado ao item de menu ou barra de busca para que ele ocupe todo o espaço intermediário, empurrando o restante dos elementos para a direita.

Alternativas
Q3779516 Programação
O Programador está trabalhando na interface do novo sistema de acompanhamento de proposições, onde diversos elementos interativos como tabs e menus dropdown customizados são implementados usando apenas elementos genéricos <div> e <span>. Para garantir que esses componentes sejam operáveis e compreensíveis por usuários de leitores de tela, o uso de marcação semântica é insuficiente.
O papel e o principal objetivo do conjunto de atributos do tipo Accessible Rich Internet Applications neste contexto é 
Alternativas
Q3777169 Programação
O Analista de Sistemas deseja que o tamanho da fonte e o espaçamento de um elemento de navegação se ajustem de forma relativa ao tamanho do viewport, e não de forma fixa.
A seguinte unidade de medida CSS deve ser utilizada para que o tamanho de um elemento seja relativo ao tamanho da viewport, sendo importante para um design fluido e responsivo
Alternativas
Q3777166 Programação
O Analista de Sistemas encontra um conflito de estilos em um elemento HTML que deveria estar com a cor azul, mas está com a cor vermelha. O CSS da página tem as seguintes regras aplicadas ao mesmo elemento:

1. div#identificador-principal { color: blue; } 2. .classe-alvo { color: red; } 3. div { color: green !important; } 4. Estilo inline no HTML: <div style="color: purple;">

Assumindo que o elemento <div> possui a classe .classe-alvo e o id="identificador-principal", e que a regra inline é removida do HTML, assinale a opção que indica qual regra prevalecerá na determinação da cor e por quê
Alternativas
Q3777165 Programação
Ao projetar uma página responsiva utilizando a abordagem Mobile First, o Analista de Sistemas deve garantir que o estilo base (móvel) seja definido primeiro e, posteriormente, as regras para telas maiores sejam aplicadas.
Das estruturas Media Query abaixo, a que está sintaticamente correta e é tipicamente usada para aplicar estilos específicos para telas maiores que 768px em um projeto Mobile First é a
Alternativas
Q3762268 Programação
É uma combinação de tecnologias de desenvolvimento de aplicações Web que possibilita o envio e o recebimento de dados em segundo plano, permitindo que pequenas partes de uma página sejam atualizadas sem a necessidade de recarregar completamente a página:
Alternativas
Q3757622 Programação
Em relação aos efeitos colaterais e ao ciclo de vida dos componentes funcionais no React, considere as afirmativas:
I. O hook useEffect pode simular os métodos componentDidMount, componentDidUpdate e componentWillUnmount dependendo da forma como é configurado.
II. Hooks como useMemo e useCallback são utilizados para memoização de valores e funções, ajudando a otimizar o re-render.
III. Ao utilizar useEffect sem um array de dependências, o efeito será executado uma única vez após a montagem do componente.
Está correto o que se afirma em
Alternativas
Q3757617 Programação
Durante o desenvolvimento de um sistema web de monitoramento ambiental, é necessário implementar uma função que destaque feições de uma camada vetorial ao clicar em um ponto do mapa.
A opção que implementa corretamente esse comportamento no OpenLayers é
Alternativas
Q3757611 Programação
Durante o desenvolvimento de um dashboard complexo em React, percebe-se que a renderização de múltiplos componentes está sendo afetada por re-renderizações desnecessárias. O operador decide aplicar React.memo combinado com useCallback em alguns componentes.
A alternativa que melhor explica a razão técnica para essa escolha é que o
Alternativas
Q3748915 Programação
Uma empresa está desenvolvendo um sistema de gestão para certo representante comercial. O projeto adota práticas ágeis e utiliza o framework React no front‑end, integrando‑se a uma API construída em Node.js. Durante o desenvolvimento, um dos desenvolvedores do time de front‑end alterou componentes da interface diretamente no código principal do repositório remoto. As modificações causaram conflitos e comprometeram partes da aplicação que estavam sendo testadas por outros membros da equipe. Além disso, esse desenvolvedor teve dificuldades para entender a estrutura do React, tentando manipular o DOM diretamente, em vez de adotar outras estratégias.
Com base nessa situação hipotética, o desenvolvedor não deveria manipular o DOM diretamente uma aplicação React, pois esse framework 
Alternativas
Q3723322 Programação
Durante o desenvolvimento de uma interface web responsiva, um desenvolvedor precisou aplicar estilos que se adaptassem dinamicamente à orientação da tela do dispositivo (modo retrato ou paisagem), de forma a garantir uma apresentação adequada do conteúdo em diferentes contextos de visualização. Considerando os recursos da linguagem CSS, a técnica mais apropriada para lidar com esse requisito é:
Alternativas
Q3723321 Programação
Durante a implementação de uma aplicação Web reativa, um desenvolvedor utilizou JavaScript moderno com recursos de concorrência não-bloqueante para tratar múltiplas requisições HTTP assíncronas. Contudo, enfrentou dificuldades para lidar com dependência sequencial entre chamadas assíncronas, resultando em um aninhamento excessivo de callbacks. Considerando boas práticas de programação assíncrona em JavaScript, a técnica que permite maior legibilidade, controle de fluxo e redução do aninhamento excessivo é:
Alternativas
Respostas
21: D
22: D
23: E
24: C
25: C
26: D
27: A
28: B
29: D
30: C
31: E
32: A
33: B
34: E
35: D
36: A
37: B
38: A
39: E
40: A