Questões de Concurso
Comentadas sobre programação de front end em programação
Foram encontradas 145 questões
Ano: 2026
Banca:
INSTITUTO AOCP
Órgão:
UNIRIO
Prova:
INSTITUTO AOCP - 2026 - UNIRIO - Técnico de Tecnologia da Informação |
Q4223936
Programação
Durante a atualização do portal institucional da
UNIRIO, o técnico de tecnologia da informação
responsável pela estruturação das páginas precisa
organizar melhor o conteúdo apresentado aos
estudantes e servidores. Para melhorar a
acessibilidade e a semântica do site, ele deve
utilizar um elemento do HTML5 (HyperText Markup
Language 5) capaz de definir o conteúdo principal
da página, diferenciando-o de menus, barras
laterais e rodapés. Considerando essa
necessidade, assinale a alternativa que apresenta
o elemento que deve ser utilizado.
Q4217831
Programação
O AngularJS desenvolvido e mantido pelo Google, foi um dos
primeiros frameworks JavaScript a popularizar o padrão MVC
(Model-View-Controller) no desenvolvimento de aplicações web
do lado do cliente. Entre seus principais recursos estão o two-way
data binding, o sistema de diretivas, a injeção de dependências e
o uso de escopos ($scope), que revolucionaram a forma como
interfaces dinâmicas eram construídas na época de seu
lançamento.
Considere o seguinte trecho de código utilizando AngularJS:
<div ng-app="minhaApp" ng-controller="MeuController"> <input type="text" ng-model="nome"> <p>Olá, {{ nome }}!</p> <button ng-click="limpar()">Limpar</button> </div>
<script> var app = angular.module('minhaApp', []); app.controller('MeuController', function ($scope) { $scope.nome = 'Mundo'; $scope.limpar = function () { $scope.nome = ''; }; }); </script>
Sobre o código apresentado, considerando os conceitos e o comportamento padrão do AngularJS, assinale a afirmativa correta.
Considere o seguinte trecho de código utilizando AngularJS:
<div ng-app="minhaApp" ng-controller="MeuController"> <input type="text" ng-model="nome"> <p>Olá, {{ nome }}!</p> <button ng-click="limpar()">Limpar</button> </div>
<script> var app = angular.module('minhaApp', []); app.controller('MeuController', function ($scope) { $scope.nome = 'Mundo'; $scope.limpar = function () { $scope.nome = ''; }; }); </script>
Sobre o código apresentado, considerando os conceitos e o comportamento padrão do AngularJS, assinale a afirmativa correta.
Q4217830
Programação
As Single Page Applications (SPAs) representam um paradigma de
desenvolvimento web no qual a aplicação é carregada uma única
vez no navegador, e as atualizações de conteúdo ocorrem
dinamicamente por meio de requisições assíncronas e
manipulação do DOM, sem a necessidade de recarregamento
completo da página. Frameworks como Angular, React e Vue.js
popularizaram essa abordagem, que se apoia fortemente em APIs
do navegador, roteamento do lado do cliente e comunicação com
o servidor via APIs REST ou GraphQL.
Considere o seguinte cenário:
Uma equipe de desenvolvimento está construindo uma SPA utilizando um framework JavaScript moderno. A aplicação possui múltiplas rotas (/home, /produtos, /contato) e consome dados de uma API REST. Ao navegar entre as rotas, o usuário percebe que a URL do navegador é atualizada, porém a página não é recarregada.
Considerando os conceitos, as características e o funcionamento das Single Page Applications, assinale a afirmativa correta.
Considere o seguinte cenário:
Uma equipe de desenvolvimento está construindo uma SPA utilizando um framework JavaScript moderno. A aplicação possui múltiplas rotas (/home, /produtos, /contato) e consome dados de uma API REST. Ao navegar entre as rotas, o usuário percebe que a URL do navegador é atualizada, porém a página não é recarregada.
Considerando os conceitos, as características e o funcionamento das Single Page Applications, assinale a afirmativa correta.
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 |
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:
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:
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:
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.
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:
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 é:
Nessas condições, o atributo correto é:
Conheça nossos planos