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

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

Q4094006

Ano: 2025 Banca: INSTITUTO AOCP Órgão: UFABC Prova: INSTITUTO AOCP - 2025 - UFABC - Técnico de Tecnologia da Informação |

Q4094006 Programação

Um Técnico de Tecnologia da Informação da UFABC está desenvolvendo um sistema web para exibição de vídeos educacionais e multimídia. Ele precisa que determinados elementos, como vídeos ou painéis interativos, tenham estilos específicos quando estiverem em modo de tela cheia, garantindo melhor experiência de navegação e acessibilidade para os usuários. Considerando o uso de CSS3 (Cascading Style Sheets, versão 3), qual pseudoclasse deve ser utilizada para essa necessidade do técnico?

A

:hover

B

:active

C

:fullscreen

D

:focus

E

:checked

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

Q4032563

Ano: 2025 Banca: UNIVALI Órgão: Prefeitura de Luiz Alves - SC Prova: UNIVALI - 2025 - Prefeitura de Luiz Alves - SC - Técnico em Manutenção e Suporte de Informática - Edital nº 12 |

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:

A

II e III apenas.

B

I e III apenas.

C

I e II apenas.

D

I, II e III.

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

Q4032556

Ano: 2025 Banca: UNIVALI Órgão: Prefeitura de Luiz Alves - SC Prova: UNIVALI - 2025 - Prefeitura de Luiz Alves - SC - Técnico em Manutenção e Suporte de Informática - Edital nº 12 |

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:

A

I, II e III.

B

II e III apenas.

C

I e III apenas.

D

I e II apenas.

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

Q3845350

Ano: 2025 Banca: IDCAP Órgão: PPSA Prova: IDCAP - 2025 - PPSA - Analista de Tecnologia da Informação - Desenvolvimento de Sistemas |

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:

A

12,33,34,49,55,67

B

67,12,55,33,49,346

C

12,67,33,55,34,49

D

67,55,49,34,33,12

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

Q3816310

Ano: 2025 Banca: FUNDATEC Órgão: IF Sertão - PE Prova: FUNDATEC - 2025 - IF Sertão - PE - Analista de Tecnologia da Informação |

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?

A

Os dados de configuração do pai devem ser recebidos como props, que são tratadas como imutáveis dentro do componente filho, enquanto os dados internos e mutáveis devem ser gerenciados como state e atualizados exclusivamente através do método setState().

B

Tanto os dados de configuração do pai quanto os dados internos devem ser combinados e gerenciados como state no componente filho para centralizar o manuseio dos dados e simplificar as atualizações através do método setState().

C

Os dados de configuração devem ser recebidos como props, que podem ser modificadas diretamente pelo componente filho para refletir as interações do usuário, enquanto o state deve ser utilizado para dados estáticos que não sofrem alterações durante o ciclo de vida.

D

Todos os dados, sejam eles provenientes do componente pai ou internos do filho, devem ser gerenciados através de props para garantir um fluxo de dados unidirecional, com o componente filho emitindo eventos para o pai a fim de solicitar alterações nos dados.

E

Os dados do pai são passados via props, e os dados internos são gerenciados como state. As atualizações nos dados internos devem ser feitas modificando diretamente o objeto this.state para otimizar o desempenho e evitar re-renderizações desnecessárias.

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

Q3806502

Ano: 2025 Banca: FEPESE Órgão: Prefeitura de Brusque - SC Prova: FEPESE - 2025 - Prefeitura de Brusque - SC - Analista de Informática |

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.

A

São corretas apenas as afirmativas 1 e 2.

B

São corretas apenas as afirmativas 1, 2 e 3.

C

São corretas apenas as afirmativas 1, 2 e 4.

D

São corretas apenas as afirmativas 2, 3 e 4.

E

São corretas as afirmativas 1, 2, 3 e 4.

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

Q3781135

Ano: 2025 Banca: FGV Órgão: CGE-SP Prova: FGV - 2025 - CGE-SP - Auditor Estadual de Controle - Tecnologia da Informação - tarde |

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.

A

display: grid no <header>; grid-template-areas no elemento que ocupa o espaço.

B

display: flex no <header>; align-items: center no elemento que ocupa o espaço.

C

display: flex no <header>; margin-right: auto aplicado ao elemento que deve empurrar o restante.

D

display: flex no <header>; flex-grow: 1 aplicado ao elemento que deve ocupar o espaço intermediário.

E

display: block no <header>; float: right aplicado ao elemento que ocupa o espaço.

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

Q3779516

Ano: 2025 Banca: FGV Órgão: AL-AM Prova: FGV - 2025 - AL-AM - Analista Legislativo - Programador |

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 é

A

garantir que a layout da página se adapte corretamente a diferentes tamanhos de tela.

B

validar a conformidade do backend com as diretrizes do WCAG 2.1.

C

fornecer metadados e semântica adicional a elementos dinâmicos e customizados de interface para tecnologias assistivas.

D

bloquear ataques de injeção de script XSS no frontend, utilizando atributos de segurança.

E

otimizar a velocidade de carregamento da página, reduzindo a complexidade do Document Object Model

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

Q3777169

Ano: 2025 Banca: FGV Órgão: AL-AM Prova: FGV - 2025 - AL-AM - Analista Legislativo - Analista de Sistema |

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

A

px (Pixels).

B

em (Relativo ao tamanho da fonte do elemento pai).

C

rem (Relativo ao tamanho da fonte da raiz, root).

D

% (Porcentagem, relativo ao elemento pai).

E

vw (Largura da viewport)

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

Q3777166

Ano: 2025 Banca: FGV Órgão: AL-AM Prova: FGV - 2025 - AL-AM - Analista Legislativo - Analista de Sistema |

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ê

A

Regra 3 (color: green !important;), devido à palavra-chave !important

B

Regra 1 (color: blue;), devido à alta especificidade do seletor ID.

C

Regra 2 (color: red;), devido à ordem no CSS (última regra ganha).

D

Regra inline (se estivesse lá), pois tem a maior precedência.

E

Regra 2 (color: red;), pois seletores de classe sempre ganham de seletores ID.

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

Q3777165

Ano: 2025 Banca: FGV Órgão: AL-AM Prova: FGV - 2025 - AL-AM - Analista Legislativo - Analista de Sistema |

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

A

@media screen and (max-width: 768px) { ... }

B

@media screen and (min-width: 768px) { ... }

C

@media screen and (orientation: landscape) { ... }

D

@media screen, print and (width: 768px) { ... }

E

@media screen and (resolution: 2x) { ... }

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

Q3762268

Ano: 2025 Banca: FUNDATEC Órgão: Prefeitura de Venâncio Aires - RS Prova: FUNDATEC - 2025 - Prefeitura de Venâncio Aires - RS - Analista de Tecnologia da Informação |

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:

A

XML.

B

SOA.

C

Web Service.

D

HTML.

E

AJAX.

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 201 questões