Arquitetura de Front-end (2022) - PROVA ON-LINE_tentativa 8

Prévia do material em texto

PROVA ON-LINE
Instruções
ATENÇÃO: Verifique em "Notas" se você não atingiu o aproveitamento necessário nesta disciplina.
Caso você já tenha realizado uma prova anterior e opte por uma nova tentativa, será identificado como uma prova extra e resultará em pagamento de taxa extra.
INSTRUÇÕES DA AVALIAÇÃO ON-LINE
· A prova tem a duração de 60 minutos.   
· Ao clicar em PROVA ON-LINE, no menu “Testes” você iniciará a prova. A partir daí não será possível desistir de realizá-la.
· A prova é composta de 10 questões objetivas, cada uma no valor de 6 pontos.
· Ao final do teste não se esqueça de enviá-lo, clicando no botão “ENVIAR TESTE”. Só utilize esse botão quando tiver finalizado a avaliação.
· Se necessário, durante a prova, entre em contato pelo link “Atendimento”.
ATENÇÃO: Todas as provas iniciadas e que não houverem sido submetidas serão automaticamente encerradas pelo sistema transcorridos os 60 minutos de duração.
Boa Prova!
Fazer o teste novamente
Histórico de tentativas
Pontuação desta tentativa: 60 de 60
Enviado 4 ago em 18:50
Esta tentativa levou 29 minutos.
 
Pergunta 1
6 / 6 pts
Diante de uma Web altamente dinâmica, o arquiteto de front end deve conhecer uma diversidade de tecnologias e ferramentas para o desenvolvimento de aplicações.
Assinale a alternativa que traz apenas tecnologias e ferramentas utilizadas pelo arquiteto de front end e voltadas para o desenvolvimento de aplicações:
Correto!
  
Técnicas de SEO (Search Engine Optimization) e Frameworks Javascript.
 
  
Bancos de dados NoSQL e Linguagem PHP.
 
  
Soluções de nuvem e Linguagem PHP.
 
  
Frameworks ORM (Mapeamento objeto-relacional) e Bancos de dados NoSQL.
 
Das alternativas citadas, apenas as Técnicas de SEO e Frameworks Javascript dizem respeito apenas à especialidade de front-end.
 
Pergunta 2
6 / 6 pts
Sobre o perfil profissional e responsabilidades de um Arquiteto Front End, assinale a alternativa correta:
  
Não atua próximo ao time de desenvolvimento, uma vez que a principal responsabilidade é a interface com o cliente.
 
Correto!
  
Deve ter uma visão agnóstica a frameworks.
 
  
Deve sempre escolher um framework para resolver os problemas.
 
  
O principal atributo do papel de Tech Lead é ser guardiã(o) dos componentes compartilhados entre os times de desenvolvimento.
 
Embora o Arquiteto tenha muita interface direta com clientes e parceiros, ele deve atuar próximo ao time de desenvolvimento, sempre oferecendo consultoria quando necessário.
 
Pergunta 3
6 / 6 pts
Sobre os frameworks Angular, React e VueJs, é correto afirmar:
  
São frameworks de desenvolvimento web que focam majoritariamente na criação de aplicações para grandes corporações.
 
  
São frameworks de front-end que possuem arquiteturas idênticas.
 
  
São frameworks de server-side rendering, cujo principal objetivo é a renderização de aplicações com foco em SEO.
 
Correto!
  
São frameworks de front-end que resolvem os mesmos problemas de formas diferentes.
 
Os frameworks citados possuem arquiteturas similares, mas com algumas diferenças entre eles. Todos conseguem resolver os mesmos problemas utilizando abordagens e linguagens diferentes.
 
Pergunta 4
6 / 6 pts
Na arquitetura modular, temos sugestões de divisões de pastas/arquivos com base na responsabilidade que eles assumem.
Assinale a alternativa que melhor define a finalidade dos Page Components:
Correto!
  
São componentes “container”, ou seja, representam uma página que é constituída de outros UI Components.
 
  
São os componentes que contém toda a lógica de gerenciamento de estado da aplicação.
 
  
São componentes granulares que compõe uma página (botões, menus, itens de lista...).
 
  
São componentes que contém a camada de acesso à APIs externas.
 
Os page components representam uma página da aplicação, diferentemente dos UI Components, que são os componentes granulares para compor a interface.
 
Pergunta 5
6 / 6 pts
Ao estilizar aplicações Web com o CSS, o BEM (Block-Element-Modifier) define um padrão de nomenclatura para classes do CSS.
Com base nas regras do padrão BEM, marque a alternativa que descreve corretamente as partes do nome da classe CSS: .site-search__input-field--large.
  
A classe refere-se ao modifier input-field.
 
  
A classe refere-se ao elemento site-search.
 
Correto!
  
A classe refere-se ao bloco site-search.
 
  
A classe refere-se ao bloco input-field.
 
A nomenclatura BEM é construída da seguinte forma: block—element__modifier.
 
Pergunta 6
6 / 6 pts
A arquitetura de micro front-ends possui características específicas inerentes ao ambiente web.
Sobre as principais características dessa arquitetura, assinale a alternativa incorreta:
  
Lógica pulverizada em vários projetos, trazendo uma maior resiliência ao projeto como um todo.
 
  
Pipeline de build, test e deploys mais rápida.
 
  
Maior independência entre os módulos.
 
Correto!
  
Cada micro front-end deve assumir o máximo de responsabilidades o possível.
 
Cada micro front-end deve ter uma alta coesão e ser desacoplado, assumindo, assim, apenas a responsabilidade pelo qual ele foi designado.
 
Pergunta 7
6 / 6 pts
Dentre as formas de implementação de micro front-ends, temos a alternativa de implementar em tempo de build por meio de pacotes npm.
Sobre essa forma de implementação, é correto afirmar que:
  
Todas as alternativas estão corretas.
 
  
Cada micro front-end perde a sua coesão uma vez que deve concentrar a responsabilidade do gerenciamento de versão do projeto.
 
  
A base de código é concentrada em um único projeto, similar ao que acontece na arquitetura baseada em monorepos.
 
Correto!
  
A pipeline de build, test e deploy não é totalmente independente, uma vez que para lançar uma versão do micro front-end é necessário também atualizar o projeto principal.
 
O controle de versão nesse caso é de cada um dos pacotes, mas como ele está listado como dependência do projeto principal, para atualizar um micro front-end é necessário também atualizar a dependência no projeto principal.
 
Pergunta 8
6 / 6 pts
A implementação de micro front-ends por meio de iframes é possível utilizando algumas APIs do browser, uma vez que se torna necessário em alguns casos a comunicação entre micro front-ends.
Sobre essa forma de implementação, assinale a alternativa correta:
Correto!
  
Propõe a criação de uma camada de event-receivers em uma aplicação principal, que são emitidos/recebidos via PostMessage API.
 
  
Utiliza um assets-manifest.json para identificar os micro front-ends, similar ao Service Discovery na abordagem de microsserviços.
 
  
É necessário utilizar um framework como o Redux para estabelecer uma comunicação entre os micro front-ends.
 
  
Torna impossível a convivência de mais de um framework na mesma aplicação.
 
Na implementação via iframes, só é possível estabelecer uma comunicação entre aplicações através da API de PostMessage do próprio browser.
 
Pergunta 9
6 / 6 pts
Ao construir aplicações PWA, existem um conjunto de técnicas para otimizar ainda mais o desempenho dessas aplicações.
Assinale a alternativa que melhor descreve o padrão arquitetural App Shell:
Correto!
  
Propõe a criação de uma área comum na aplicação que pode ser armazenada em cache, dando um feedback instantâneo para o usuário final.
 
  
Padrão utilizado em aplicações server-side rendering para melhorar os resultados de busca.
 
  
Técnica utilizada quando temos o recurso de code-splitting habilitado no webpack, possibilitando o carregamento de partes da aplicação em arquivos separados.
 
  
Processo que visa colocar partes da aplicação em monorepos, dando uma maior independência entre os módulos e partes essenciais da aplicação.
 
Esse padrão arquitetural visa dar uma resposta mais rápida ao usuário em partes comuns da aplicação
 
Pergunta 10
6 / 6 pts
As aplicações PWA possuem uma gama de APIs para facilitar o controle e desenvolvimento de aplicações web.
Sobre o Service Worker API, é correto afirmar que:
  
Relacionado a estrutura de dados e armazenamento no browser.
 
  
Trata as requisições HTTP ao servidor.
 
  
Armazenaos arquivos estáticos da aplicação.
 
Correto!
  
Atua como proxy entre a aplicação e o servidor.
 
A principal função do service worker é interceptar as requisições da aplicação para o servidor, possibilitando respostas personalizadas com recursos off-line, por exemplo.
Pontuação do teste: 60 de 60