Questões de Concurso
Sobre programação de front end em programação
Foram encontradas 221 questões
Q4217806
Programação
O desenvolvimento web moderno exige domínio das tecnologias
HTML5 e CSS3, que trabalham de forma complementar para
estruturar e estilizar páginas.
Enquanto o HTML define a semântica e a estrutura do conteúdo, o CSS3 introduz recursos avançados de layout, como Flexbox e Grid, além de seletores sofisticados e propriedades de transformação e transição.
Considere o seguinte trecho de código:
<style> .container { display: flex; justify-content: space-between; align-items: center; } .item:nth-child(2n) { background-color: lightblue; } </style>
<div class="container"> <div class="item">A</div> <div class="item">B</div> <div class="item">C</div> <div class="item">D</div> </div>
Considerando o comportamento padrão dos navegadores modernos compatíveis com as especificações do W3C, sobre o código apresentado, assinale a afirmativa correta.
Enquanto o HTML define a semântica e a estrutura do conteúdo, o CSS3 introduz recursos avançados de layout, como Flexbox e Grid, além de seletores sofisticados e propriedades de transformação e transição.
Considere o seguinte trecho de código:
<style> .container { display: flex; justify-content: space-between; align-items: center; } .item:nth-child(2n) { background-color: lightblue; } </style>
<div class="container"> <div class="item">A</div> <div class="item">B</div> <div class="item">C</div> <div class="item">D</div> </div>
Considerando o comportamento padrão dos navegadores modernos compatíveis com as especificações do W3C, sobre o código apresentado, assinale a afirmativa correta.
Ano: 2026
Banca:
FGV
Órgão:
MPE-ES
Prova:
FGV - 2026 - MPE-ES - Agente Especializado - Analista de Experiência do Usuário - UX |
Q4217144
Programação
As bibliotecas de componentes tornaram-se essenciais para
proporcionar consistência visual, escalabilidade e eficiência ao
fluxo de trabalho entre designers e programadores.
Elas oferecem conjuntos reutilizáveis de elementos de interface baseados em boas práticas de UX/UI, reduzindo retrabalho e promovendo padronização.
Diante disso, assinale a opção que apresenta exclusivamente bibliotecas de componentes visuais amplamente empregadas no front-end atualmente.
Elas oferecem conjuntos reutilizáveis de elementos de interface baseados em boas práticas de UX/UI, reduzindo retrabalho e promovendo padronização.
Diante disso, assinale a opção que apresenta exclusivamente bibliotecas de componentes visuais amplamente empregadas no front-end atualmente.
Ano: 2026
Banca:
FGV
Órgão:
MPE-ES
Prova:
FGV - 2026 - MPE-ES - Agente Especializado - Analista de Experiência do Usuário - UX |
Q4217142
Programação
Considerando as boas práticas para a criação de interfaces
orientada por Mobile-First Design, analise as afirmativas a seguir.
I. É adequado definir inicialmente os estilos CSS para dispositivos móveis e, em seguida, utilizar media queries com max-width para ajustar progressivamente o layout para dispositivos com telas maiores.
II. Tailwind CSS e Bootstrap 5 são dois renomados frameworks para front-end que suportam a abordagem mobile-first.
III. Uma interface responsiva não necessariamente é também mobile-first.
Está correto o que se afirma em
I. É adequado definir inicialmente os estilos CSS para dispositivos móveis e, em seguida, utilizar media queries com max-width para ajustar progressivamente o layout para dispositivos com telas maiores.
II. Tailwind CSS e Bootstrap 5 são dois renomados frameworks para front-end que suportam a abordagem mobile-first.
III. Uma interface responsiva não necessariamente é também mobile-first.
Está correto o que se afirma em
Ano: 2026
Banca:
FGV
Órgão:
MPE-ES
Prova:
FGV - 2026 - MPE-ES - Agente Especializado - Analista de Experiência do Usuário - UX |
Q4217141
Programação
É comum empregarmos media query para ajustar o tamanho da
fonte de acordo com a largura da página, como o código a seguir:
Entretanto, existe uma função no CSS que permite definir um tamanho de fonte que aumenta com o tamanho do viewport, sendo limitado por um tamanho mínimo e um máximo. Tudo isso em uma única linha e sem uso de media query.
Assinale a opção que corresponde à função CSS descrita.
Entretanto, existe uma função no CSS que permite definir um tamanho de fonte que aumenta com o tamanho do viewport, sendo limitado por um tamanho mínimo e um máximo. Tudo isso em uma única linha e sem uso de media query.
Assinale a opção que corresponde à função CSS descrita.
Ano: 2026
Banca:
FGV
Órgão:
MPE-ES
Prova:
FGV - 2026 - MPE-ES - Agente Especializado - Analista de Experiência do Usuário - UX |
Q4217140
Programação
No contexto de CSS e Media Query, analise as afirmativas a seguir
e assinale (V) para a verdadeira e (F) para a falsa.
( ) Container queries permitem aplicar estilos com base no tamanho de um elemento contêiner, em vez de viewports ou de outras características do dispositivo.
( ) Listas separadas por vírgulas comportam-se como o operador AND quando utilizadas em media queries.
( ) É possível compor media queries usando os operadores lógicos AND, NOT e ONLY.
As afirmtivas são, respectivamente,
( ) Container queries permitem aplicar estilos com base no tamanho de um elemento contêiner, em vez de viewports ou de outras características do dispositivo.
( ) Listas separadas por vírgulas comportam-se como o operador AND quando utilizadas em media queries.
( ) É possível compor media queries usando os operadores lógicos AND, NOT e ONLY.
As afirmtivas são, respectivamente,
Ano: 2026
Banca:
FGV
Órgão:
MPE-ES
Prova:
FGV - 2026 - MPE-ES - Agente Especializado - Analista de Experiência do Usuário - UX |
Q4217117
Programação
O Bootstrap é um dos frameworks front-end mais utilizados no
desenvolvimento web, oferecendo um sistema de grid responsivo
baseado em 12 colunas, componentes pré-estilizados e classes
utilitárias que agilizam a construção de interfaces adaptáveis a
diferentes tamanhos de tela, seguindo a abordagem mobile-first.
Considere o seguinte trecho de código utilizando o framework Bootstrap 5:
Sobre o código apresentado, considerando o comportamento padrão do sistema de grid do Bootstrap 5 e sua abordagem mobilefirst, assinale a afirmativa correta.
Considere o seguinte trecho de código utilizando o framework Bootstrap 5:
Sobre o código apresentado, considerando o comportamento padrão do sistema de grid do Bootstrap 5 e sua abordagem mobilefirst, assinale a afirmativa correta.
Ano: 2026
Banca:
FGV
Órgão:
MPE-ES
Prova:
FGV - 2026 - MPE-ES - Agente Especializado - Analista de Sistemas |
Q4216298
Programação
O desenvolvimento web moderno exige domínio das tecnologias
HTML5 e CSS3, que trabalham de forma complementar para
estruturar e estilizar páginas. Enquanto o HTML define a semântica
e a estrutura do conteúdo, o CSS3 introduz recursos avançados de
layout, como Flexbox e Grid, além de seletores sofisticados e
propriedades de transformação e transição.
Considere o seguinte trecho de código:
Sobre o código apresentado, considerando o comportamento padrão dos navegadores modernos compatíveis com as especificações do W3C, assinale a afirmativa correta.
Considere o seguinte trecho de código:
Sobre o código apresentado, considerando o comportamento padrão dos navegadores modernos compatíveis com as especificações do W3C, assinale a afirmativa correta.
Ano: 2026
Banca:
Instituto Consulplan
Órgão:
Prefeitura de Vitória - ES
Prova:
Instituto Consulplan - 2026 - Prefeitura de Vitória - ES - Analista em Tecnologia da Informação - Desenvolvimento |
Q4209726
Programação
Determinada prefeitura municipal iniciou o desenvolvimento de um portal eletrônico para atendimento ao cidadão, integrando serviços de emissão de IPTU, agendamento de consultas na rede municipal de saúde e solicitação de manutenção
urbana. O frontend da aplicação foi desenvolvido em JavaScript moderno, utilizando arquitetura baseada em componentes
reutilizáveis, requisições assíncronas e manipulação dinâmica do DOM. Durante os testes de carga, a equipe identificou lentidão causada por múltiplas consultas simultâneas ao backend, quando usuários digitavam rapidamente no campo de busca
de protocolos administrativos. Para reduzir chamadas excessivas à API institucional sem comprometer a experiência do usuário, o arquiteto frontend propôs implementar uma técnica JavaScript que atrasasse temporariamente a execução da consulta até que o usuário interrompesse a digitação por alguns milissegundos. Em relação ao cenário apresentado e aos conceitos de JavaScript aplicados ao desenvolvimento frontend institucional, assinale a afirmativa correta.
Ano: 2026
Banca:
UFU-MG
Órgão:
UFU-MG
Prova:
UFU-MG - 2026 - UFU-MG - Técnico de Tecnologia da Informação |
Q4193541
Programação
No desenvolvimento de aplicações web, diferentes tecnologias desempenham funções específicas na
estruturação da interface, na formatação visual, no processamento de eventos no navegador e no intercâmbio
de dados em APIs e serviços web. Considerando o trecho de uma página web apresentado, assinale a
alternativa correta.
Ano: 2026
Banca:
Instituto Legalle
Órgão:
CIGA-SC
Prova:
Instituto Legalle - 2026 - CIGA-SC - Técnico em Tecnologia da Informação (TI) |
Q4161063
Programação
O portal público de transparência de um consórcio intermunicipal passou por redesenvolvimento e
a equipe responsável precisou definir as regras de estilo
visual das páginas. Durante a implementação, surgiu um
conflito entre declarações CSS provenientes de três regras
distintas aplicadas ao mesmo elemento HTML: uma definida por seletor de elemento (p), outra por seletor de
classe (.destaque) e uma terceira por seletor de ID (#titulo).
Diante disso, assinale a alternativa que descreve
CORRETAMENTE o comportamento do CSS nessa situação de conflito.
Ano: 2026
Banca:
Instituto Legalle
Órgão:
CIGA-SC
Prova:
Instituto Legalle - 2026 - CIGA-SC - Programador |
Q4160928
Programação
Considere o desenvolvimento de uma página
web utilizando HTML (HyperText Markup Language), que
é a linguagem padrão utilizada para estruturar o conteúdo
de páginas na internet, em conjunto com CSS3 (Cascading
Style Sheets, versão 3), que é a linguagem responsável
pela definição de estilos, cores, layouts e formatação visual
dos elementos de uma página. Em uma interface de
navegação interna, o desenvolvedor precisa aplicar um
estilo específico ao elemento que é exibido quando о
usuário clica em um link que aponta para uma seção da
própria página por meio de um identificador (por
exemplo, #id). Esse comportamento permite destacar
automaticamente a seção que foi selecionada pelo usuário
durante a navegação. Nesse contexto, qual pseudoclasse
do CSS3 deve ser utilizada?
Ano: 2026
Banca:
Instituto Legalle
Órgão:
CIGA-SC
Prova:
Instituto Legalle - 2026 - CIGA-SC - Programador |
Q4160923
Programação
Considere a versão mais atual do JavaScript
(ECMAScript moderno), amplamente utilizada no
desenvolvimento de aplicações web dinâmicas e interfaces
interativas. Nesse contexto, qual é o símbolo utilizado para
definir uma arrow function em JavaScript?
Ano: 2026
Banca:
Instituto Legalle
Órgão:
CIGA-SC
Prova:
Instituto Legalle - 2026 - CIGA-SC - Programador |
Q4160912
Programação
Considere o desenvolvimento de uma página
web utilizando HTML5 (HyperText Markup Language,
versão 5), que é a linguagem padrão utilizada para
estruturar o conteúdo de páginas na internet. Em uma
dessas páginas, é necessário definir uma área localizada ao
final do conteúdo principal, destinada a informações como
autoria, direitos reservados, contatos e links institucionais.
Essa área é semanticamente reconhecida pelos
navegadores como o rodapé da página. Nesse contexto,
qual elemento HTML é utilizado para representar o rodapé
da página?
Ano: 2026
Banca:
VUNESP
Órgão:
UNESP
Prova:
VUNESP - 2026 - UNESP - Analista de Informática I - Área de Atuação: Desenvolvimento de Sistemas - São Paulo |
Q4126248
Programação
Considere o seguinte trecho de código de uma página
web, que contém um script JavaScript.
<script> const btn = document.getElementById( MeuBotao ); btn.addEventListener( click , () => { window.scrollTo({top: 0, behavior: smooth }); }); </script>
MeuBotao é o id de um elemento do tipo button.
Assinale a alternativa que descreve o propósito do código apresentado, quando o botão for clicado.
<script> const btn = document.getElementById( MeuBotao ); btn.addEventListener( click , () => { window.scrollTo({top: 0, behavior: smooth }); }); </script>
MeuBotao é o id de um elemento do tipo button.
Assinale a alternativa que descreve o propósito do código apresentado, quando o botão for clicado.
Ano: 2026
Banca:
FCC
Órgão:
MPE-AL
Prova:
FCC - 2026 - MPE-AL - Analista do Ministério Público - Especialidade: Desenvolvimento de Sistemas |
Q4104664
Programação
Um portal interno de um Ministério Público Estadual foi desenvolvido em React para análise de relatórios estatísticos, no qual componentes filhos memorizados com React.memo recebem funções anônimas como props em renderizações frequentes, ocasionando re-renderizações desnecessárias devido à mudança de referência das funções, mesmo quando os dados não se alteram. Nesse cenário, a técnica que mitiga o problema e estabiliza a referência das funções sem comprometer a consistência de estado é
Ano: 2026
Banca:
COPESE - UFT
Órgão:
UFT
Prova:
COPESE - UFT - 2026 - UFT - Técnico em Tecnologia da Informação |
Q4100471
Programação
Analise as afirmativas a seguir em relação ao HTML 5:
I. O atributo placeholder é utilizado para criar frases de ajuda e validação de dados nos próprios campos com a tag input.
II. Os tipos color, range e date permitem que navegadores renderizem tipos específicos de campo no formulário, com o intuito de facilitar a interação com o usuário.
III. Os tipos email e range podem ser utilizados para validar atributos sem a necessidade de utilizar plugins JavaScript.
IV. O tipo file pode ser utilizado para realizar upload de vários arquivos ou até restringir tipos de arquivos aceitos.
Assinale a alternativa CORRETA.
I. O atributo placeholder é utilizado para criar frases de ajuda e validação de dados nos próprios campos com a tag input.
II. Os tipos color, range e date permitem que navegadores renderizem tipos específicos de campo no formulário, com o intuito de facilitar a interação com o usuário.
III. Os tipos email e range podem ser utilizados para validar atributos sem a necessidade de utilizar plugins JavaScript.
IV. O tipo file pode ser utilizado para realizar upload de vários arquivos ou até restringir tipos de arquivos aceitos.
Assinale a alternativa CORRETA.
Ano: 2026
Banca:
COPESE - UFT
Órgão:
UFT
Prova:
COPESE - UFT - 2026 - UFT - Técnico em Tecnologia da Informação |
Q4100470
Programação
As folhas de estilo denominada Cascading Style Sheets
ou CSS são utilizadas para melhor o front-end
acrescentando características visuais a uma página
HTML.
Neste contexto, assinale a alternativa CORRETA que representa o atributo em CSS3 responsável por realizar quebra de página.
Neste contexto, assinale a alternativa CORRETA que representa o atributo em CSS3 responsável por realizar quebra de página.
Ano: 2026
Banca:
Instituto Access
Órgão:
UFFS
Prova:
Instituto Access - 2026 - UFFS - Técnico de Tecnologia da Informação |
Q4063104
Programação
Durante o desenvolvimento de um portal institucional, a
equipe técnica decidiu reorganizar a aplicação web para
melhorar a manutenção do código e reduzir a
dependência entre componentes. Para isso, adotou-se
uma abordagem em que:
- A estrutura do conteúdo das páginas é definida separadamente;
- A apresentação visual é controlada por folhas de estilo reutilizáveis;
- As interações com o usuário, como validações e manipulação dinâmica de elementos da página, são executadas no navegador.
Essa organização segue práticas amplamente utilizadas no desenvolvimento web moderno para favorecer separação de responsabilidades e maior flexibilidade na evolução da aplicação.
Com base nesse cenário, assinale a alternativa CORRETA:
- A estrutura do conteúdo das páginas é definida separadamente;
- A apresentação visual é controlada por folhas de estilo reutilizáveis;
- As interações com o usuário, como validações e manipulação dinâmica de elementos da página, são executadas no navegador.
Essa organização segue práticas amplamente utilizadas no desenvolvimento web moderno para favorecer separação de responsabilidades e maior flexibilidade na evolução da aplicação.
Com base nesse cenário, assinale a alternativa CORRETA:
Ano: 2026
Banca:
Instituto Access
Órgão:
UFFS
Prova:
Instituto Access - 2026 - UFFS - Técnico de Tecnologia da Informação |
Q4063099
Programação
Durante o desenvolvimento de um sistema de
atendimento eletrônico, a equipe responsável pela
interface decidiu implementar recursos de interatividade
diretamente no navegador, permitindo respostas
imediatas às ações do usuário, como cliques em botões,
validação de dados e atualização de elementos da
página sem recarregar todo o documento. Considerando
conceitos relacionados ao uso de JavaScript para
interatividade básica em páginas web, analise as
afirmativas a seguir.
I.Em páginas web, JavaScript pode ser utilizado para reagir a eventos do usuário, como cliques, digitação ou envio de formulários.
II.A manipulação do DOM (Document Object Model) permite que scripts JavaScript alterem dinamicamente o conteúdo, atributos ou estilos de elementos HTML já carregados na página.
III.A execução de código JavaScript no navegador ocorre apenas após o carregamento completo do documento HTML, não podendo ser associada a eventos gerados pela interação do usuário.
IV.Em aplicações web convencionais, JavaScript executado no navegador possui acesso direto ao sistema de arquivos do computador do usuário sem qualquer restrição de segurança.
V.Métodos como addWhile() são utilizados para associar funções JavaScript a eventos que ocorrem em elementos da página.
Assinale a alternativa CORRETA:
I.Em páginas web, JavaScript pode ser utilizado para reagir a eventos do usuário, como cliques, digitação ou envio de formulários.
II.A manipulação do DOM (Document Object Model) permite que scripts JavaScript alterem dinamicamente o conteúdo, atributos ou estilos de elementos HTML já carregados na página.
III.A execução de código JavaScript no navegador ocorre apenas após o carregamento completo do documento HTML, não podendo ser associada a eventos gerados pela interação do usuário.
IV.Em aplicações web convencionais, JavaScript executado no navegador possui acesso direto ao sistema de arquivos do computador do usuário sem qualquer restrição de segurança.
V.Métodos como addWhile() são utilizados para associar funções JavaScript a eventos que ocorrem em elementos da página.
Assinale a alternativa CORRETA:
Ano: 2026
Banca:
Instituto Access
Órgão:
UFFS
Prova:
Instituto Access - 2026 - UFFS - Técnico de Tecnologia da Informação |
Q4063096
Programação
Durante a reformulação do portal eletrônico de uma
secretaria estadual, a equipe responsável pela interface
decidiu reorganizar as folhas de estilo da aplicação para
melhorar a manutenção do código e garantir maior
consistência visual entre diferentes páginas do sistema.
No processo de revisão, foram discutidos aspectos
relacionados à forma de aplicação das regras CSS
(Folhas de Estilo em Cascata), herança de estilos e
prioridades na interpretação das declarações pelo
navegador. Com base em conceitos fundamentais de
CSS, analise as afirmativas a seguir:
I.O CSS pode ser aplicado a um documento HTML por meio de folhas de estilo externas, regras internas no elemento <style > ou diretamente em elementos HTML por meio do atributo style.
II.Em situações de conflito entre regras aplicáveis ao mesmo elemento, o CSS utiliza critérios de prioridade, considerando fatores como especificidade do seletor, origem da regra e ordem de declaração.
III.O mecanismo de herança em CSS permite que determinados elementos recebam automaticamente algumas propriedades definidas em elementos ancestrais, embora nem todas as propriedades sejam herdadas.
IV.O modelo de caixa (box model) em CSS descreve como os elementos são renderizados na página, incluindo componentes como conteúdo, preenchimento (padding), borda (border) e margem (margin).
V.No CSS, seletores de classe são identificados pelo símbolo #, enquanto seletores de identificação única são indicados pelo símbolo.
Assinale a alternativa CORRETA:
I.O CSS pode ser aplicado a um documento HTML por meio de folhas de estilo externas, regras internas no elemento <style > ou diretamente em elementos HTML por meio do atributo style.
II.Em situações de conflito entre regras aplicáveis ao mesmo elemento, o CSS utiliza critérios de prioridade, considerando fatores como especificidade do seletor, origem da regra e ordem de declaração.
III.O mecanismo de herança em CSS permite que determinados elementos recebam automaticamente algumas propriedades definidas em elementos ancestrais, embora nem todas as propriedades sejam herdadas.
IV.O modelo de caixa (box model) em CSS descreve como os elementos são renderizados na página, incluindo componentes como conteúdo, preenchimento (padding), borda (border) e margem (margin).
V.No CSS, seletores de classe são identificados pelo símbolo #, enquanto seletores de identificação única são indicados pelo símbolo.
Assinale a alternativa CORRETA:
Conheça nossos planos