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

Foram encontradas 205 questões

Q4312213 Programação
Um Agente Técnico em Informática foi responsável pela criação de uma página web utilizando HTML5 (HyperLext Markup Language, versão 5). Durante a estruturação do documento, ele precisou utilizar um elemento semântico destinado a representar o rodapé de uma página ou de uma seção do documento, normalmente utilizado para incluir informações como direitos autorais, dados de contato ou links relacionados. Considerando os elementos semânticos do HTML5, qual elemento atende à necessidade identificada pelo Agente? 
Alternativas
Q4293850 Programação
Em um sistema de rastreamento de bagagens de uma empresa aérea, desenvolvido com React, o componente BagTrackingList exibe milhares de registros e é atualizado em tempo real conforme novos eventos de transporte chegam. Nos testes, a interface apresenta lentidão ao rolar a lista e durante as atualizações incrementais. Nesse cenário, a técnica mais adequada para melhorar o desempenho da renderização dessa lista em React é 
Alternativas
Q4293847 Programação
Em uma empresa de logística urbana que possui um portal em Angular com módulos de Rastreamento de Entregas, Gestão de Frota, Faturamento e Administração, todo o frontend é empacotado em um único bundle, fazendo com que motoristas que acessam apenas o módulo de Rastreamento, via 4G, enfrentem um tempo de carregamento inicial muito alto. A equipe de desenvolvimento deseja reduzir o tempo de carregamento inicial, sem remover funcionalidades dos outros módulos, que são usados apenas pelo backoffice. Nesse cenário, a abordagem de arquitetura em Angular mais adequada é 
Alternativas
Q4278629 Programação
Assinale a alternativa correta sobre desenvolvimento web moderno utilizando HTML5 e CSS3. 
Alternativas
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.

Q49.png (565×472)

Assinale a alternativa correspondente ao modelo de layout utilizado para organizar os elementos filhos do contêiner.
Alternativas
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.


Imagem associada para resolução da questão

Alternativas
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.


Imagem associada para resolução da questão

Alternativas
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. 


Imagem associada para resolução da questão

Alternativas
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.

Alternativas
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. 
Alternativas
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. 
Alternativas
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.  
Alternativas
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. 
Alternativas
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. 
Alternativas
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 
Alternativas
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: 

Imagem associada para resolução da questão

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. 
Alternativas
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, 
Alternativas
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: 

Imagem associada para resolução da questão

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. 
Alternativas
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:

Q21.png (240×304)

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. 
Alternativas
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. 
Alternativas
Respostas
1: B
2: E
3: A
4: B
5: D
6: E
7: C
8: E
9: C
10: A
11: B
12: B
13: C
14: D
15: D
16: D
17: A
18: C
19: D
20: D