Questões de Concurso
Sobre programação de front end em programação
Foram encontradas 145 questões
Considere o seguinte trecho HTML que representa 3 células do tabuleiro de um jogo da velha:

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

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?
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:
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:
Ao clicar no botão
exibido em (a), o código em (b) será executado, resultando na geração da seguinte sequência de números:
1. React 2. Next.js 3. Vue.js 4. Node.js
Assinale a alternativa que indica todas as afirmativas corretas.
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.
O papel e o principal objetivo do conjunto de atributos do tipo Accessible Rich Internet Applications neste contexto é
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
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ê
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
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
A opção que implementa corretamente esse comportamento no OpenLayers é
A alternativa que melhor explica a razão técnica para essa escolha é que o