Questões de Concurso
Sobre programação de front end em programação
Foram encontradas 201 questões
Ano: 2026
Banca:
IDIB
Órgão:
Prefeitura de Araguaína - TO
Prova:
IDIB - 2026 - Prefeitura de Araguaína - TO - Técnico II - Analista de Sistemas |
Q4260133
Programação
Um desenvolvedor front-end precisa construir a barra de navegação de um portal institucional, alinhando horizontalmente o
logotipo à esquerda e os links de menu à direita, com distribuição uniforme do espaço entre os itens. Para isso, utiliza um modelo de
layout unidimensional do CSS que permite controlar o alinhamento ao longo do eixo principal e do eixo cruzado, conforme o trecho
de código a seguir.
Assinale a alternativa correspondente ao modelo de layout utilizado para organizar os elementos filhos do contêiner.
Assinale a alternativa correspondente ao modelo de layout utilizado para organizar os elementos filhos do contêiner.
Ano: 2026
Banca:
CESPE / CEBRASPE
Órgão:
SEPLAG-AL
Prova:
CESPE / CEBRASPE - 2026 - SEPLAG-AL - Especialista em Gestão Pública - Especialidade: Análise de Sistemas |
Q4248441
Programação
A respeito dos ambientes Internet, extranet e intranet e das tecnologias e práticas de frontend, julgue o item.
No seguinte trecho simplificado de código de um service worker de uma PWA, é utilizada a estratégia cache-first, por meio da qual toda requisição interceptada pelo service worker é atendida pelo cache, garantindo funcionamento offline para qualquer recurso solicitado pela aplicação.
Ano: 2026
Banca:
CESPE / CEBRASPE
Órgão:
SEPLAG-AL
Prova:
CESPE / CEBRASPE - 2026 - SEPLAG-AL - Especialista em Gestão Pública - Especialidade: Análise de Sistemas |
Q4248440
Programação
A respeito dos ambientes Internet, extranet e intranet e das tecnologias e práticas de frontend, julgue o item.
No componente Vue 3 a seguir, a diretiva v-if controla a renderização condicional dos elementos no DOM, de modo que apenas uma das mensagens será renderizada conforme o estado de logado.
Ano: 2026
Banca:
CESPE / CEBRASPE
Órgão:
SEPLAG-AL
Prova:
CESPE / CEBRASPE - 2026 - SEPLAG-AL - Especialista em Gestão Pública - Especialidade: Análise de Sistemas |
Q4248439
Programação
A respeito dos ambientes Internet, extranet e intranet e das tecnologias e práticas de frontend, julgue o item.
No trecho de código React a seguir, o uso de itens.push("produto"), seguido de setItens(itens), atualiza corretamente o estado, pois o React trata a alteração interna do array como suficiente, ainda que sua referência permaneça a mesma.
Ano: 2026
Banca:
CESPE / CEBRASPE
Órgão:
SEPLAG-AL
Prova:
CESPE / CEBRASPE - 2026 - SEPLAG-AL - Especialista em Gestão Pública - Especialidade: Análise de Sistemas |
Q4248422
Programação
No que se refere a desenvolvimento de sistemas em linguagens de programação JavaScript e a desenvolvimento para dispositivos móveis, julgue o item a seguir.
No ambiente de navegação web, o JavaScript executado no lado cliente depende do interpretador JavaScript hospedado no navegador do usuário, que disponibiliza os mecanismos necessários para sua interpretação e execução.
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 |
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?
Conheça nossos planos