Questões de Programação - Programação de front end para Concurso - Página 3

Q4063087

Ano: 2026 Banca: Instituto Access Órgão: UFFS Prova: Instituto Access - 2026 - UFFS - Técnico de Tecnologia da Informação |

Q4063087 Programação

A equipe de TI decidiu revisar a estrutura das páginas HTML para melhorar a organização do código, favorecer a acessibilidade e garantir maior compatibilidade com navegadores atuais. Entre as ações propostas estavam a adoção de elementos semânticos, a correta organização do documento e o uso adequado de metadados. Considerando aspectos fundamentais da estrutura de páginas HTML, analise as afirmativas a seguir.

I.O elemento <head> abriga informações que descrevem o documento, como metadados, título da página e referências a arquivos externos, não sendo utilizado para exibir conteúdo diretamente ao usuário.
II.O elemento <body> reúne os conteúdos que compõem a parte visível da página, como textos, imagens, tabelas e formulários apresentados no navegador.
III.Elementos semânticos como <header>, <nav>, <section>, e <footer> foram introduzidos em versões recentes do HTML para indicar a função estrutural de partes da página, contribuindo para organização do documento e interpretação por mecanismos de busca.
IV.A declaração <!DOCTYPE html> é utilizada para informar ao navegador qual versão do JavaScript será interpretada durante a execução da página.
V.A tag <line> define o título do documento HTML exibido, em geral, na aba do navegador ou na lista de favoritos.

Com base nessas afirmativas, assinale a alternativa CORRETA:

A

Apenas as afirmativas I, II, III e V são verdadeiras.

B

Apenas as afirmativas I, II e III são verdadeiras.

C

As afirmativas I, II, III, IV e V são verdadeiras.

D

Apenas as afirmativas I, IV e V são verdadeiras.

E

Apenas as afirmativas II, IV e V são verdadeiras.

Incorreta. Gabarito oficial da banca:

Salve essa questão em um caderno para revisar depois. Adicionar a um caderno

Parabéns! Você acertou!

Mantenha o ritmo! Salve no caderno para revisar depois. Adicionar a um caderno

Q4052690

Ano: 2026 Banca: FURB Órgão: FURB - SC Prova: FURB - 2026 - FURB - SC - Técnico em Assuntos de Informática |

Q4052690 Programação

No contexto de formulários HTML5, considere um campo <input type="text"> que deve validar, utilizando exclusivamente um único atributo nativo (sem JavaScript), que o valor informado seja composto exatamente por cinco dígitos numéricos (0 a 9), sem permitir outros caracteres ou quantidades diferentes.
Nessas condições, o atributo correto é:

A

type="number"

B

required

C

maxlength="5"

D

pattern="^\d{5}$"

E

min="10000" max="99999"

Incorreta. Gabarito oficial da banca:

Treine mais com um simulado focado no seu concurso. Criar simulado

Parabéns! Você acertou!

Está mandando bem! Treine mais em um simulado completo. Criar simulado

Q4041500

Ano: 2026 Banca: UERJ Órgão: UERJ Prova: UERJ - 2026 - UERJ - Analista de Tecnologia da Informação/Sistemas de Informação |

Q4041500 Programação

Um desenvolvedor está utilizando o Bootstrap 3 para estilizar uma tabela HTML que apresenta dados de estoque. Ele deseja que a tabela utilize a estilização básica do Bootstrap, possua linhas mais compactas, com altura reduzida, e permita indicar visualmente uma linha com status de alerta. Com base nas classes de estilização de tabelas do Bootstrap 3, a ação que resultará em um estilo visual que atenda à definição apresentada é:

A

utilizar apenas a classe table-condensed no elemento <tr> e a classe alert no <table> para indicar uma linha em estado de alerta

B

declarar as classes table e warning no elemento <table> para reduzir a altura das linhas e destacar automaticamente a linha de alerta

C

aplicar a classe table-hover no elemento <table> e a classe alert-warning no elemento <tr> para obter linhas compactas e destacar alertas

D

utilizar as classes table e table-condensed no elemento <table> e aplicar a classe warning no elemento <tr> correspondente à linha de alerta

Incorreta. Gabarito oficial da banca:

Veja como esse erro impacta seu desempenho geral. Ver estatísticas

Parabéns! Você acertou!

Esse acerto melhora seu desempenho! Veja suas estatísticas

Q4041495

Ano: 2026 Banca: UERJ Órgão: UERJ Prova: UERJ - 2026 - UERJ - Analista de Tecnologia da Informação/Sistemas de Informação |

Q4041495 Programação

No React, o desenvolvedor precisa considerar como os eventos são tratados internamente, especialmente em relação à compatibilidade entre navegadores. Em relação ao seu sistema de eventos, uma de suas características é:

A

não oferecer suporte a métodos como preventDefault() em navegadores antigos

B

encapsular os eventos do navegador em uma camada própria, garantindo uma API consistente entre diferentes ambientes

C

depender diretamente dos eventos nativos do navegador, o que pode gerar comportamentos distintos entre diferentes browsers

D

disparar o evento onChange apenas quando o usuário sai do campo (perde o foco), mantendo o mesmo comportamento padrão do DOM tradicional

Incorreta. Gabarito oficial da banca:

Compare seu desempenho com quem faz o mesmo concurso. Ver concorrência

Parabéns! Você acertou!

Compare seu desempenho com quem faz o mesmo concurso. Ver concorrência

Q4029536

Ano: 2026 Banca: FUNDATEC Órgão: IFC-SC Prova: FUNDATEC - 2026 - IFC-SC - Professor EBTT - Informática: Programação Básica e Programação Web |

Q4029536 Programação

Analise o seguinte formulário PHP/HTML:

Imagem associada para resolução da questão

Se um usuário clicar em “Enviar” com o campo de email vazio e a senha com apenas 4 caracteres, o que ocorrerá no navegador moderno antes dos dados chegarem ao servidor PHP?

A

O navegador realizará a validação nativa e impedirá o envio (Submit) até que o email seja preenchido e a senha tenha o tamanho mínimo de 8.

B

O navegador enviará os dados e o PHP retornará um erro de sintaxe.

C

O campo de email impedirá o envio devido ao atributo required, mas a senha será aceita.

D

O atributo name será ignorado e os dados serão enviados via URL (GET).

E

O formulário será enviado, pois o HTML5 não possui validação nativa de tipos como email.

Incorreta. Gabarito oficial da banca:

Salve essa questão em um caderno para revisar depois. Adicionar a um caderno

Parabéns! Você acertou!

Mantenha o ritmo! Salve no caderno para revisar depois. Adicionar a um caderno

Q4029530

Ano: 2026 Banca: FUNDATEC Órgão: IFC-SC Prova: FUNDATEC - 2026 - IFC-SC - Professor EBTT - Informática: Programação Básica e Programação Web |

Q4029530 Programação

No JavaScript, ao utilizar event.preventDefault() dentro de um tratador de evento de um formulário (submit), qual é o efeito observado?

A

O formulário é limpo imediatamente.

B

O evento para de se propagar para os elementos pais (bubbling).

C

O navegador exibe um alerta de confirmação automático.

D

Todos os campos do formulário tornam-se somente leitura.

E

A ação padrão de recarregar a página e enviar os dados para o servidor é interrompida.

Incorreta. Gabarito oficial da banca:

Veja como esse erro impacta seu desempenho geral. Ver estatísticas

Parabéns! Você acertou!

Esse acerto melhora seu desempenho! Veja suas estatísticas

Q4029527

Ano: 2026 Banca: FUNDATEC Órgão: IFC-SC Prova: FUNDATEC - 2026 - IFC-SC - Professor EBTT - Informática: Programação Básica e Programação Web |

Q4029527 Programação

Analise o seguinte HTML e JavaScript:

Imagem associada para resolução da questão

Qual será a saída no console ao clicar no botão?

A

Clique-me

B

meuBotao

C

O objeto window

D

O objeto document

E

Um erro de referência

Incorreta. Gabarito oficial da banca:

Treine mais com um simulado focado no seu concurso. Criar simulado

Parabéns! Você acertou!

Está mandando bem! Treine mais em um simulado completo. Criar simulado

Q3976380

Ano: 2026 Banca: SELECON Órgão: EMGEPRON Prova: SELECON - 2026 - EMGEPRON - Analista de Sistemas (Desenvolvimento de Sistemas) |

Q3976380 Programação

Um desenvolvedor de páginas web criou um arquivo CSS para configurar as seguintes opções de estilo das suas páginas web:
• O texto do título da página vai ter caracteres com tamanho de 40 pixels e alinhamento à direita; e
• Os parágrafos e listas de itens vão ter letras com tamanho de 12 pixels, espaçamento vertical de 1,5 entre as linhas e espaço horizontal, entre as letras, de 1 pixel.
O formato CSS que atende a esses requisitos é:

A

Imagem associada para resolução da questão

B

C

D

Incorreta. Gabarito oficial da banca:

Esse erro também aparece no seu Resumão. Veja o que melhorar

Parabéns! Você acertou!

Esse acerto está no seu Resumão. Ver Resumão da semana

Q3963911

Ano: 2026 Banca: CONSULPLAN Órgão: SAAE de Indaiatuba - SP Prova: CONSULPLAN - 2026 - SAAE de Indaiatuba - SP - Técnico em Informática - Desenvolvimento de Sistemas |

Q3963911 Programação

Observe o trecho de código a seguir, que utiliza HTML5, CSS com seletores e classes, e JavaScript para manipulação dinâmica de estilos por meio da API do DOM, prática historicamente associada ao conceito de páginas web dinâmicas.

Captura_de tela 2026-03-31 144628.png (494×620)

Captura_de tela 2026-03-31 144628.png (494×620)

Com base no código apresentado e nos conceitos de seletores CSS, classes e manipulação do DOM via JavaScript, assinale a afirmativa INCORRETA.

A

O método document.querySelectorAll(".box") retornará apenas o primeiro elemento que possua a classe box.

B

O seletor .box.highlight seleciona apenas elementos que possuem simultaneamente as classes box e highlight.

C

Todos os elementos definidos com class="box" recebem as regras de estilo CSS associadas à classe .box, incluindo dimensões fixas e cor de fundo.

D

Ao clicar em qualquer elemento que possua a classe box, a classe highlight é adicionada ou removida dinamicamente por meio da manipulação do DOM, alterando a borda do elemento.

Incorreta. Gabarito oficial da banca:

Salve essa questão em um caderno para revisar depois. Adicionar a um caderno

Parabéns! Você acertou!

Mantenha o ritmo! Salve no caderno para revisar depois. Adicionar a um caderno

Q3953501

Ano: 2026 Banca: COPEVE-UFAL Órgão: IFAL Prova: COPEVE-UFAL - 2026 - IFAL - Professor EBTT - Informática |

Q3953501 Programação

Durante o desenvolvimento de um módulo de chat em uma aplicação React JS, um programador precisa garantir que a conexão com o servidor via WebSocket seja estabelecida assim que o componente for montado na tela e devidamente encerrada, quando o componente for removido (desmontado), para evitar vazamentos de memória (memory leaks).
Para implementar essa lógica em um componente funcional utilizando o hook useEffect, o desenvolvedor deve estruturar o código de modo que a função de limpeza, responsável pelo fechamento da conexão, seja executada.
De acordo com as especificações do React, essa função de limpeza deve ser

A

definida como o valor de retorno da função passada ao useEffect.

B

passada como o terceiro argumento do hook useEffect, logo após o array de dependências.

C

declarada dentro de um segundo hook useEffect que possua uma lista de dependências vazia.

D

Invocada, explicitamente, dentro de um bloco finally de uma estrutura try-catch externa ao hook.

E

disparada por meio de um método de ciclo de vida denominado componentWillUnmount dentro do componente funcional.

Incorreta. Gabarito oficial da banca:

Veja esse conteúdo explicado passo a passo em nossos cursos. Buscar curso

Parabéns! Você acertou!

Mandou bem! Revise esse tema nos nossos cursos. Buscar curso

Q3953485

Ano: 2026 Banca: COPEVE-UFAL Órgão: IFAL Prova: COPEVE-UFAL - 2026 - IFAL - Professor EBTT - Informática |

Q3953485 Programação

No desenvolvimento front-end, a separação entre conteúdo e apresentação é um princípio fundamental. Enquanto o HTML estrutura os elementos da página, o CSS gerencia a identidade visual, permitindo que o desenvolvedor aplique estilos a grupos específicos de elementos de forma centralizada e eficiente, garantindo a consistência estética do projeto Web.

Um desenvolvedor deseja padronizar todos os parágrafos de um portal de notícias para que o texto seja exibido na cor azul. Considerando as regras de sintaxe e os seletores padrão do CSS3, assinale a alternativa que apresenta a instrução correta para realizar essa formatação em todos os elementos <p> do documento.

A

p { color: blue; }

B

.p { color: blue; }

C

p { text-color: blue; }

D

#p { font-color: blue; }

E

<p> { text-color: blue; }

Incorreta. Gabarito oficial da banca:

Errou um tema comum da banca? Veja o que mais costuma cair no Raio-X. Ver raio-X

Parabéns! Você acertou!

Essa questão segue o padrão da banca! Veja o que mais costuma cair. Ver raio-X

Q3937667

Ano: 2026 Banca: FEPESE Órgão: CIDASC Prova: FEPESE - 2026 - CIDASC - Analista de Tecnologia da Informação e Comunicação (Sistemas e Negócios) |

Q3937667 Programação

AJAX (Asynchronous JavaScript and XML) é uma técnica de desenvolvimento web que permite que as páginas sejam atualizadas de forma assíncrona.

Qual é o principal benefício do uso de AJAX?

A

A criação de aplicações web que operam exclusivamente em modo offline, dispensando comunicação contínua com servidores externos.

B

A garantia de que todas as requisições ao servidor ocorram de forma síncrona, bloqueando a interface do usuário até o recebimento completo da resposta.

C

A utilização do XML como substituto do JavaScript no lado do cliente, tornando-o a principal linguagem responsável pela lógica de execução da aplicação web.

D

A capacidade de atualizar partes de uma página web sem a necessidade de recarregar a página inteira, proporcionando uma experiência de usuário mais fluida e dinâmica.

E

A eliminação da necessidade de uso de CSS para estilização das páginas, uma vez que a atualização assíncrona controla também a apresentação visual.

Incorreta. Gabarito oficial da banca:

Veja esse conteúdo explicado passo a passo em nossos cursos. Buscar curso

Parabéns! Você acertou!

Mandou bem! Revise esse tema nos nossos cursos. Buscar curso

Q3927259

Ano: 2026 Banca: SELECON Órgão: UFRJ Prova: SELECON - 2026 - UFRJ - Técnico de Tecnologia da Informação - Sistemas |

Q3927259 Programação

Um cientista de computação criou uma nova linguagem de programação. Essa linguagem necessita usar um tipo de compilador com três estágios, não podendo usar interpretadores. Para construir o compilador dessa linguagem, esse cientista precisa desenvolver as principais fases do estágio front-end desse compilador, que contém, entre elas, as etapas de:

A

análise léxica, análise sintática, análise semântica e gerador de código intermediário

B

análise léxica, análise sintática, otimização de código e gerador de código objeto

C

análise semântica, otimização de código, uso de tabela de símbolos e gerador de código objeto

D

análise semântica, uso de tabela de símbolos, otimização de código e gerador de código executável

E

análise sintática, gerador de código intermediário, gerador de código objeto e gerador de executável

Incorreta. Gabarito oficial da banca:

Salve essa questão em um caderno para revisar depois. Adicionar a um caderno

Parabéns! Você acertou!

Mantenha o ritmo! Salve no caderno para revisar depois. Adicionar a um caderno

Q3922603

Ano: 2026 Banca: FCPC Órgão: UFCA Prova: FCPC - 2026 - UFCA - Analista de Tecnologia da Informação / Área: Arquitetura e Desenvolvimento de Sistemas – Back-End |

Q3922603 Programação

Ao realizar a manutenção em um script de galeria dinâmica, um desenvolvedor precisa selecionar o elemento de um contêiner específico cujo atributo identificador único (id) é definido como “galeria-principal”. Considerando as APIs padrão de manipulação do DOM, assinale a instrução correta para realizar essa seleção.

A

document.getElementById('#galeria-principal').

B

document.getElementById('.galeria-principal').

C

document.querySelector('#galeria-principal').

D

document.querySelector('.galeria-principal').

Incorreta. Gabarito oficial da banca:

Veja esse conteúdo explicado passo a passo em nossos cursos. Buscar curso

Parabéns! Você acertou!

Mandou bem! Revise esse tema nos nossos cursos. Buscar curso

Q3881433

Ano: 2026 Banca: FGV Órgão: AL-GO Prova: FGV - 2026 - AL-GO - Analista Legislativo - Desenvolvedor de Sistemas |

Q3881433 Programação

No contexto do desenvolvimento de aplicações web, o JavaScript é uma linguagem amplamente utilizada para implementar comportamentos dinâmicos e interativos.

Assinale a opção que apresenta a sintaxe correta para uma declaração condicional if que verifica se a variável x é maior que 10 e, caso verdadeiro, imprime "Maior que 10"

A

if x > 10 { console.log("Maior que 10"); }

B

if (x >= 10) console.log("Maior que 10")

C

if (x > 10) { console.log("Maior que 10"); } else { console.log("Menor ou igual a 10"); }

D

if [x > 10] { console.log("Maior que 10"); }

E

if (x > 10): { console.log("Maior que 10"); }

Incorreta. Gabarito oficial da banca:

Compare seu desempenho com quem faz o mesmo concurso. Ver concorrência

Parabéns! Você acertou!

Compare seu desempenho com quem faz o mesmo concurso. Ver concorrência

Q3878220

Ano: 2026 Banca: Instituto Access Órgão: UNIPAMPA Prova: Instituto Access - 2026 - UNIPAMPA - Técnico de Tecnologia da Informação |

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:

A

O CSS é responsável pelo processamento das regras de navegação entre páginas, enquanto o HTML se limita à definição de cores, fontes e posicionamento dos elementos.

B

No desenvolvimento web, a lógica de interação com o usuário é executada exclusivamente no servidor, cabendo ao navegador apenas a exibição estática do conteúdo recebido.

C

O JavaScript substitui a necessidade de HTML na maior parte das aplicações web modernas, pois consegue definir tanto a estrutura quanto o estilo das páginas diretamente no navegador.

D

O HTML é utilizado para estruturar o conteúdo das páginas, o CSS atua na definição da apresentação visual e o JavaScript permite a implementação de comportamentos interativos, como resposta a eventos do usuário e manipulação de elementos exibidos no navegador.

Incorreta. Gabarito oficial da banca:

Compare seu desempenho com quem faz o mesmo concurso. Ver concorrência

Parabéns! Você acertou!

Compare seu desempenho com quem faz o mesmo concurso. Ver concorrência

Q3853067

Ano: 2026 Banca: IF-SP Órgão: IF-SP Prova: IF-SP - 2026 - IF-SP - Analista de Tecnologia da Informação |

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?

A

document.getElementById(“casa-1”).

innerText = “X”;

B

document.querySelector(“#casa-1”).

innerText = “X”;

C

document.querySelector(“casa-1”).

addEventListener(“click”, function() {

this.innerText = “X”; });

D

document.getElementById(“casa-1”).

addEventListener(“click”, function() {

this.innerText = “X”; });

Incorreta. Gabarito oficial da banca:

Veja como esse erro impacta seu desempenho geral. Ver estatísticas

Parabéns! Você acertou!

Esse acerto melhora seu desempenho! Veja suas estatísticas

Q3846202

Ano: 2026 Banca: Unesc Órgão: Prefeitura de Meleiro - SC Prova: Unesc - 2026 - Prefeitura de Meleiro - SC - Professor de Computação |

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.

A

Define que a largura e altura do elemento aplicam-se apenas ao conteúdo, somando-se a elas o preenchimento e a borda para obter o tamanho final ocupado.

B

Força o elemento a ocupar sempre 100% da largura da janela do navegador, independentemente do valor definido em pixels.

C

Remove todas as bordas e preenchimentos do elemento, tornando-o transparente e sem espessura visual na renderização.

D

É uma propriedade obsoleta do CSS2 que foi substituída pelo uso exclusivo de flex-grow no CSS3.

E

Altera o cálculo das dimensões do elemento, fazendo com que a largura (width) e altura (height) definidas incluam o preenchimento (padding) e a borda (border), evitando que o elemento cresça além do especificado.

Incorreta. Gabarito oficial da banca:

Compare seu desempenho com quem faz o mesmo concurso. Ver concorrência

Parabéns! Você acertou!

Compare seu desempenho com quem faz o mesmo concurso. Ver concorrência

Q4261631

Ano: 2025 Banca: Fundação FAPEC Órgão: UFGD Prova: Fundação FAPEC - 2025 - UFGD - Analista de Tecnologia da Informação / Área: Desenvolvimento e Sustentação de Software |

Q4261631 Programação

Em uma de suas atualizações, a linguagem de marcação HTML passou a permitir o atributo loading nas tags img e iframe. Em relação ao atributo loading, assinale a alternativa que apresenta uma afirmação INCORRETA.

A

Os valores lazy e eager são dois possíveis valores do atributo loading.

B

O uso do valor lazy para o atributo loading não é recomendável em navegadores modernos, pois pode gerar incompatibilidade e dificultar a experiência do usuário.

C

Se não for especificado, o atributo loading receberá eager por padrão.

D

O uso do atributo loading pode auxiliar na melhoria de desempenho durante a renderização de uma página HTML.

E

A quantidade de imagens e o tamanho total de uma página web são fatores que podem ser usados para auxiliar na escolha de lazy ou eager no atributo loading.

Incorreta. Gabarito oficial da banca:

Compare seu desempenho com quem faz o mesmo concurso. Ver concorrência

Parabéns! Você acertou!

Compare seu desempenho com quem faz o mesmo concurso. Ver concorrência

Q4240739

Ano: 2025 Banca: Quadrix Órgão: CRM-ES Prova: Quadrix - 2025 - CRM-ES - Analista de Tecnologia da Informação |

Q4240739 Programação

Considere‑se o código a seguir. Imagem associada para resolução da questão

Com base no código descrito, assinale a opção que apresenta o conteúdo do arquivo styles.css que, quando aplicado à div cuja classe é container‑pai, fará com que a div filha que não tem largura definida seja centralizada horizontalmente.

A

.container‑pai{

margin: auto;
}

B

.container‑pai{
text‑align: center;
}

C

.container‑pai{

position: absolute;

left: 50%
}

D

.container‑pai{
display: flex;
justify‑content: center;
}

E

.container‑pai{

align‑items: center;

}

Incorreta. Gabarito oficial da banca:

Veja esse conteúdo explicado passo a passo em nossos cursos. Buscar curso

Parabéns! Você acertou!

Mandou bem! Revise esse tema nos nossos cursos. Buscar curso

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

Foram encontradas 221 questões