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

Q3712977

Ano: 2025 Banca: Instituto Darwin Órgão: CREA-PB Prova: Instituto Darwin - 2025 - CREA-PB - Analista de Sistema |

Q3712977 Programação

Considere o desenvolvimento de uma aplicação web utilizando as seguintes tecnologias: C#, HTML, CSS, JavaScript, Bootstrap e jQuery. Com base nas funções típicas de cada uma dessas linguagens/tecnologias, assinale a alternativa correta.

A

O C# é usado exclusivamente para estilizar os elementos HTML por meio de regras visuais, substituindo completamente o CSS.

B

O Bootstrap é uma linguagem de programação que substitui o JavaScript no desenvolvimento de aplicações back-end em servidores .NET.

C

O jQuery é uma biblioteca JavaScript que facilita a manipulação do DOM e simplifica chamadas AJAX, eventos e animações.

D

O HTML é responsável pela lógica de programação do sistema, enquanto o JavaScript define a estrutura visual da aplicação.

E

O CSS é utilizado para realizar consultas em banco de dados e processar informações no servidor, substituindo linguagens como C# ou SQL.

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

Q3712966

Ano: 2025 Banca: Instituto Darwin Órgão: CREA-PB Prova: Instituto Darwin - 2025 - CREA-PB - Analista de Sistema |

Q3712966 Programação

Durante a implementação de um layout responsivo, o analista identifica que o uso de float e margens fixas está dificultando o comportamento fluido em telas menores.
Considerando o estado atual das tecnologias CSS, qual abordagem representa a melhor prática moderna para resolver o problema sem comprometer a semântica?

A

Utilizar display: table para simular colunas responsivas.

B

Aplicar position: absolute nos elementos principais.

C

Fixar tamanhos em px para garantir alinhamento.

D

Empregar hacks com overflow: hidden para ajustar o layout.

E

Migrar o layout para flexbox ou grid, com media queries adequadas.

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

Q3692062

Ano: 2025 Banca: FUNCERN Órgão: IF-PE Prova: FUNCERN - 2025 - IF-PE - Técnico de Laboratório - Área Tecnologia da Informação |

Q3692062 Programação

O JavaScript, em páginas HTML, oferece diversas funcionalidades para interação dinâmica com elementos de formulários web. A manipulação de valores de campos e a exibição de feedback ao usuário são recursos fundamentais no desenvolvimento front-end.

Considere o código seguinte:

Q48.png (694×518)

Com base no exposto, o comportamento principal do código anterior é

A

a concatenação dos valores dos três campos exibindo o resultado completo na div de resultado.

B

a verificação se os três campos de entrada contêm dados antes de exibir uma mensagem de confirmação ou erro.

C

o cálculo da soma dos valores numéricos inseridos nos campos mostrando o total na tela.

D

a formatação dos dados inseridos aplicando máscaras específicas para nome, email e assunto.

E

o envio dos dados do formulário via Jquery para o servidor aguardando resposta de confirmação.

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

Q3692048

Ano: 2025 Banca: FUNCERN Órgão: IF-PE Prova: FUNCERN - 2025 - IF-PE - Técnico de Laboratório - Área Tecnologia da Informação |

Q3692048 Programação

Para otimizar o carregamento de um site com muitas imagens, um desenvolvedor decide gerar versões menores e em formato moderno (como WebP) das imagens originais, além de carregá-las apenas quando estiverem prestes a aparecer na tela do usuário. Com base no exposto, as técnicas que estão sendo propostas são, respectivamente,

A

sprites CSS e compressão GZIP.

B

redirecionamento 302 e manipulação de cache.

C

otimização/compressão de imagens e lazy loading.

D

redução dos códigos CSS e JavaScript.

E

uso de CDN e validação de formulários.

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

Q3674677

Ano: 2025 Banca: FUNCERN Órgão: IF-PE Prova: FUNCERN - 2025 - IF-PE - Professor EBTT - Desenvolvimento |

Q3674677 Programação

Em um projeto, os estilos abaixo entram em conflito:

Imagem associada para resolução da questão

Sobre o resultado da aplicação de estilos, é correto afirmar que

A

o seletor .item prevalece, pois está declarado por último.

B

os dois seletores têm o mesmo peso e se anulam, gerando comportamento indefinido.

C

o navegador escolhe aleatoriamente um dos seletores.

D

o seletor #menu .item prevalece, pois IDs têm maior peso de especificidade que classes.

E

a cor azul prevalece, porque classes têm prioridade sobre IDs em código CSS.

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

Q3658556

Ano: 2025 Banca: NUCEPE Órgão: SEDUC-PI Prova: NUCEPE - 2025 - SEDUC-PI - Professor para o Curso Técnico em Desenvolvimento de Sistemas |

Q3658556 Programação

Programação front-end é a área do desenvolvimento web que se concentra na interface do usuário, ou seja, na parte visual e interativa de um site ou aplicativo. O objetivo é garantir que a interface seja atraente, funcional e responsiva, proporcionando uma boa experiência ao usuário. Para isso, o programador front-end usa linguagens de programação como HTML, CSS e JavaScript para criar layouts e interações.

No desenvolvimento de aplicações Web, considerando a interface de usuário das aplicações,

A

HTML define a estrutura e o conteúdo da pagina, o CSS é usado para estilizar e formatar o conteúdo, e o JavaScript é responsável pela interatividade e dinamismo.

B

HTML é usado para estilizar e formatar o conteúdo, CSS é responsável pela interatividade e dinamismo, e o JavaScript define a estrutura e o conteúdo da pagina.

C

HTML é responsável pela interatividade e dinamismo, o CSS define a estrutura e o conteúdo da pagina, e o JavaScript é usado para estilizar e formatar o conteúdo.

D

HTML define a estrutura e o conteúdo da pagina, o CSS é responsável pela interatividade e dinamismo, e o JavaScript é usado para estilizar e formatar o conteúdo.

E

HTML é usado para estilizar e formatar o conteúdo, o CSS define a estrutura e o conteúdo da pagina, e o JavaScript é responsável pela interatividade e dinamismo.

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

Q3649039

Ano: 2025 Banca: UEM Órgão: UEM Prova: UEM - 2025 - UEM - Analista de Informática - Edital nº 175 |

Q3649039 Programação

Considere as seguintes afirmativas sobre HTML, CSS e JavaScript:

I. HTML, CSS e JavaScript são 3 linguagens de programação muito usadas no fronte-end das aplicações Web e são instaladas e processadas em servidores remotos para atender as solicitações dos clientes.
II. Tanto HTML quanto CSS são linguagens usadas principalmente para estruturar os elementos da página Web, como parágrafos, links, títulos, tabelas, imagens, vídeos.
III. O CSS, Cascading Style Sheet, é essencialmente uma linguagem de programação que permite o desenvolvimento e o código para o desenvolvimento da parte estética das páginas Web.
IV. Diferentemente de HTL e CSS, o JavaScript é uma linguagem de programação Web que permite o processamento e a transformação de dados enviados e recebidos pela Web, provendo dinâmica e atualização das informações.

Está(ão) correta(s)

A

apenas as afirmativas I e IV.

B

apenas as afirmativas II e III.

C

apenas as afirmativas II e IV.

D

apenas a afirmativa IV.

E

apenas a afirmativa III.

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

Q3636616

Ano: 2025 Banca: FUNDATEC Órgão: PROCERGS Prova: FUNDATEC - 2025 - PROCERGS - Analista em Computação/Ênfase em Programação de Sistemas na Tecnologia Microsoft |

Q3636616 Programação

Um sistema web em React usa roteamento no cliente (sem recarregamento completo). Na revisão de desempenho, observou-se que as transições entre páginas parecem "congelar" quando o usuário navega para áreas pouco usadas da aplicação. Considerando as características de uma Single Page Application (SPA), qual abordagem tende a melhorar a fluidez da experiência sem abandonar o modelo SPA?

A

Trocar o roteamento no cliente por links convencionais com recarregamento completo para aproveitar o cache do navegador em cada navegação.

B

Implementar carregamento sob demanda dos componentes de rota, dividindo o bundle para baixar apenas o código necessário a cada página.

C

Ativar StrictMode do React para que o framework otimize renderizações e evite travamentos nas transições.

D

Introduzir manipulação direta da DOM com jQuery para "bypassar" o reconciliation do React reduzir o uso de hooks.

E

Converter a aplicação de SPA para MPA (várias páginas com recarregamento completo) para reduzir o bundle inicial e, assim, acelerar as transições.

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

Q3636608

Ano: 2025 Banca: FUNDATEC Órgão: PROCERGS Prova: FUNDATEC - 2025 - PROCERGS - Analista em Computação/Ênfase em Programação de Sistemas na Tecnologia Microsoft |

Q3636608 Programação

Em um portal web, a equipe precisa de um controle clicável que dispare uma ação (abrir modal e enviar dados) e seja acessível por padrão: foco via teclado, comportamento consistente (Enter/Espaço), nome acessível e papel semântico correto, compatível com leitores de tela e automação de testes. O código legado utiliza o seguinte:

Q37.png (504×80)

Qual decisão de projeto semântico atende melhor às boas práticas de HTML e WAI-ARIA?

A

Manter < div role-"button" tabindex-"0"> com handlers de teclado para "simular" o nativo, pois isso torna o controle equivalente a <button> sem custos de refatoração.

B

Substituir links de navegação por <span role="link"> para "uniformizar" o estilo, acionando com JavaScript e evitando o comportamento padrão do navegador.

C

Remover o rótulo visível e ficar só com um ícone, confiando em title ou aria-label para resolver o nome acessível e reduzir "ruído visual".

D

Configurar tabindex="-1" em elementos interativos para "evitar excesso de tab stops", deixando o foco chegar apenas por JavaScript.

E

Preferir elementos HTML nativos para o papel e aplicar WAI-ARIA apenas para complementar a semântica quando o HTML não for suficiente.

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

Q3635953

Ano: 2025 Banca: FUNDATEC Órgão: PROCERGS Prova: FUNDATEC - 2025 - PROCERGS - Analista em Computação / Ênfase em Programação de Sistemas na Tecnologia JAVA |

Q3635953 Programação

Flexbox ou CSS Flex Contêiner é um contêiner flexível em CSS cujo modelo de layout permite organizar os elementos de maneira flexível e eficiente. Com base na sintaxe de um contêiner flexível, qual é a propriedade e o valor que devem ser definidos?

A

display: flex

B

display: flexbox

C

display: flex-box

D

layout: flexbox

E

layout: flex-box

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

Q3635952

Ano: 2025 Banca: FUNDATEC Órgão: PROCERGS Prova: FUNDATEC - 2025 - PROCERGS - Analista em Computação / Ênfase em Programação de Sistemas na Tecnologia JAVA |

Q3635952 Programação

Em páginas HTML com estilização CSS, pode acontecer um problema conhecido como colapso de margem CSS. Sobre esse problema, analise as assertivas abaixo e assinale a alternativa correta.

I. Margens superior e inferior dos elementos podem ser reduzidas em uma única margem que igual à maior das duas margens.
II. Acontece exclusivamente nas margens superior e inferior.
III. Pode acontecer em valores de margem negativos.

A

Todas as assertivas estão corretas.

B

Todas as assertivas estão incorretas.

C

Apenas a assertiva III está correta.

D

Apenas as assertivas I e II estão corretas.

E

Apenas as assertivas II e III estão corretas.

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

Q3623113

Ano: 2025 Banca: Quadrix Órgão: CRM-ES Prova: Quadrix - 2025 - CRM-ES - Técnico de TI |

Q3623113 Programação

Imagem associada para resolução da questão

Com base nesse código, assinale a opção que apresenta o trecho de código que deverá substituir os caracteres #CRM_ES# de forma que, se o usuário clicar uma vez com o botão esquerdo do mouse no botão Enviar, a página execute a função validarNumero() para validar o número digitado no campo de texto.

A

onwheel=”validarNumero()”

B

onclick=”validarNumero()”

C

ondrop=”validarNumero()”

D

ondblclick=”validarNumero()”

E

oncontextmenu=”validarNumero()”

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

Q3541187

Ano: 2025 Banca: INSTITUTO AOCP Órgão: IF-MS Prova: INSTITUTO AOCP - 2025 - IF-MS - Professor EBTT - Informática/Desenvolvimento WEB |

Q3541187 Programação

O IFMS está em processo de modernização de seu portal institucional, com foco na criação de uma interface mais interativa e responsiva para os alunos e professores. Como parte desse projeto, o time de Desenvolvimento Web foi responsável por melhorar o design da página de cursos, utilizando CSS3 para criar efeitos dinâmicos e melhorar a experiência do usuário. Durante o desenvolvimento, o time utilizou pseudoclasses do CSS3 para aplicar estilos em elementos de acordo com a interação do usuário. Um dos requisitos era alterar o estilo de elementos de listas de cursos, que não possuíssem subitens, para dar destaque àqueles que são mais simples e diretos.
Com base na situação exposta, assinale a alternativa que apresenta a pseudoclasse do CSS3 usada para estilizar elementos que não possuem filhos, incluindo nós de texto.

A

:empty

B

:required

C

:visited

D

:focus

E

:hover

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

Q3540435

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

Q3540435 Programação

As pseudoclasses, no contexto de Criação de Folhas de Estilo em Cascata (CSS – Cascading Style Sheets), são utilizadas para aplicar estilos específicos a elementos em determinadas condições ou estados. Elas permitem que a aparência de elementos seja alterada dinamicamente, dependendo de interações do usuário, como passar o mouse sobre o elemento, clicar nele ou quando ele recebe foco. Considerando essas interações, assinale a alternativa que apresenta a pseudoclasse do CSS responsável por aplicar um estilo quando o usuário passa o cursor sobre o elemento.

A

:disabled

B

:empty

C

:required

D

:hover

E

:checked

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

Q3538263

Ano: 2025 Banca: INSTITUTO AOCP Órgão: SANESUL Prova: INSTITUTO AOCP - 2025 - SANESUL - Analista de Tecnologia da Informação |

Q3538263 Programação

No desenvolvimento web, HTML, CSS e JavaScript desempenham papéis fundamentais na construção e apresentação das páginas. Cada uma dessas tecnologias possui uma função específica na estruturação, estilização e interatividade dos conteúdos. Com base nisso, assinale a alternativa que melhor descreve a relação entre essas três tecnologias.

A

HTML é usado para estruturar o conteúdo; CSS, para adicionar interatividade; JavaScript, para estilizar a página.

B

HTML é usado para estilizar a página; CSS, para estruturar o conteúdo; JavaScript, para adicionar interatividade.

C

HTML é usado para estruturar o conteúdo; CSS, para estilizar a página; JavaScript, para adicionar interatividade e comportamentos dinâmicos.

D

HTML, CSS e JavaScript são usados exclusivamente para estilizar a página, sem impacto na estrutura ou interatividade.

E

HTML, CSS e JavaScript são linguagens de programação server-side, sem relação com o front-end.

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

Q3535942

Ano: 2025 Banca: Quadrix Órgão: CREMAM Prova: Quadrix - 2025 - CREMAM - Assistente de Tecnologia da Informação |

Q3535942 Programação

Durante o desenvolvimento de uma página web interativa, um desenvolvedor deseja exibir uma mensagem de boas‑vindas ao usuário, assim que a página for totalmente carregada.
Com base nessa situação hipotética, assinale a opção que apresenta a forma apropriada de implementar esse comportamento, utilizando JavaScript puro.

A

console.log(“Bem‑vindo ao site do hospital!”);

B

document.show(“Bem‑vindo ao site do hospital!”);

C

window.alert(“Bem‑vindo ao site do hospital!”);

D

echo(“Bem‑vindo ao site do hospital!”);

E

window.onload(function() {

alert(“Bem‑vindo ao site do hospital!”);

});

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

Q3506471

Ano: 2025 Banca: FCC Órgão: SEFAZ-PI Prova: FCC - 2025 - SEFAZ-PI - Analista do Tesouro Estadual - Área de Conhecimento: Tecnologia da Informação (prova 2) |

Q3506471 Programação

Uma equipe de tecnologia de uma organização pública estadual está desenvolvendo um portal interativo com fins educativos. Eles decidiram incluir uma funcionalidade em que os usuários possam desenhar formas geométricas simples, como círculos e quadrados, diretamente no navegador. Para isso, foi sugerido o uso do elemento

A

o <canvas> só pode ser usado para animações complexas, como jogos, e não é adequado para desenhos simples como formas geométricas básicas.

B

o método getContext ("2d") é essencial para desenhar no <canvas> pois ele fornece uma API que permite manipular gráficos bidimensionais.

C

o elemento <canvas> pode ser usado sem JavaScript, pois ele possui métodos nativos na HTML5 para desenhar formas como retângulos e círculos diretamente no código HTML.

D

o elemento <canvas> substitui completamente o uso de imagens SVG, pois oferece maior controle sobre os gráficos rasterizados diretamente no navegador.

E

para o <canvas> funcionar corretamente, é necessário definir os atributos width e height no CSS, já que o elemento não aceita essas propriedades diretamente no HTML.

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

Q3506470

Ano: 2025 Banca: FCC Órgão: SEFAZ-PI Prova: FCC - 2025 - SEFAZ-PI - Analista do Tesouro Estadual - Área de Conhecimento: Tecnologia da Informação (prova 2) |

Q3506470 Programação

Considere o comando CSS3:

@media (max-width: 600px) {.container {flex-direction: column;}}

Esse comando

A

altera a propriedade flex-direction para column sempre que a altura do.container estiver abaixo de 600px, independentemente da largura.

B

garante o layout de coluna no.container para qualquer dispositivo móvel, sem levar em conta a largura da tela.

C

aplica a propriedade flex-direction: column ao.container, fazendo com que seus elementos sejam alinhados verticalmente quando a largura do dispositivo estiver em até 600px.

D

define a largura do.container como exatamente 600px a partir do momento em que a tela atinge ou fica abaixo desse valor, ignorando qualquer modificação posterior de largura.

E

altera a direção do flex para column apenas quando a largura do dispositivo exceder 600px, sem afetar resoluções menores.

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

Q3504271

Ano: 2025 Banca: FUNCERN Órgão: IF-RN Prova: FUNCERN - 2025 - IF-RN - Professor EBTT - Área: Sistemas da Informação |

Q3504271 Programação

O desenvolvimento através de ReactJS considera a utilização de componentes para melhorar a modularização e manutenção das aplicações Frontend. Os componentes ReactJS podem ser reutilizados, facilitando a construção da aplicação.

Considerando o desenvolvimento de uma aplicação para gerenciar Produtos em um sistema de ponto de venda, o código de um componente react para renderizar os produtos em uma tabela é:

A

B

C

D

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

Q3453878

Ano: 2025 Banca: VUNESP Órgão: Prefeitura de Itatiba - SP Prova: VUNESP - 2025 - Prefeitura de Itatiba - SP - Técnico de Informática |

Q3453878 Programação

No contexto de tecnologias e técnicas associadas a desenvolvimento web, assinale a alternativa que contém aquela cuja finalidade é permitir que páginas web se comuniquem com um servidor em segundo plano (background), sem recarregar toda a página.

A

CSS.

B

SQL.

C

HTML.

D

AJAX.

E

Tableless.

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

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

Foram encontradas 145 questões