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

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
	
	Tentativa
	Tempo
	Pontuação
	MAIS RECENTE
	Tentativa 1
	49 minutos
	60 de 60
Pontuação desta tentativa: 60 de 60
Enviado 3 ago em 23:58
Esta tentativa levou 49 minutos.
 
Pergunta 1
6 / 6 pts
Sobre os frameworks Angular, React e VueJs, é correto afirmar:
Correto!
  
São frameworks de front-end que resolvem os mesmos problemas de formas diferentes.
 
  
São frameworks de desenvolvimento web que focam majoritariamente na criação de aplicações para grandes corporações.
 
  
São frameworks de server-side rendering, cujo principal objetivo é a renderização de aplicações com foco em SEO.
 
  
São frameworks de front-end que possuem arquiteturas idênticas.
 
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 2
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:
  
Frameworks ORM (Mapeamento objeto-relacional) e Bancos de dados NoSQL.
 
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.
 
Das alternativas citadas, apenas as Técnicas de SEO e Frameworks Javascript dizem respeito apenas à especialidade de front-end.
 
Pergunta 3
6 / 6 pts
O protocolo HTTP é o principal responsável por estabelecer relações entre aplicações front-end e back-end e a principal forma de comunicação entre o usuário final e a aplicação.
Sobre o protocolo HTTP, assinale a alternativa correta:
  
O cabeçalho de resposta, caso não definido pela aplicação, sempre virá como “undefined”.
 
  
É um protocolo usado para messageria, uma vez que a conexão entre cliente e servidor é persistente.
 
  
Os metadados da requisição enviada/recebidas são observados no console do navegador por meio de websockets.
 
Correto!
  
Quando entramos em uma URL, automaticamente é feito uma requisição do tipo GET para obtermos o resultado da página que estamos navegando.
 
O protocolo HTTP utiliza o padrão requisição/resposta. Cada página aberta via browser representa uma requisição GET naquela URL e a conexão não é persistente como acontece no websocket.
 
Pergunta 4
6 / 6 pts
O OOCSS (CSS Orientado por Objetos) surge com a proposta de dar mais escala, organização e manutenibilidade ao CSS de uma aplicação web.
Sobre uma das principais definições do OOCSS, assinale a alternativa correta:
  
Consiste em ter micro classes que alteram sempre uma única propriedade do CSS.
 
Você respondeu
  
Recurso que permite criar classes CSS em javascript/typescript e, com isso, escrever códigos mais reutilizáveis com o conceito de herança e composição
 
Resposta correta
  
Consiste em separar as classes do CSS entre estrutura e skin.
 
  
O OOCSS adiciona escopo de forma automática nas classes no HTML. Sendo assim, o CSS só reflete no arquivo em que é importado.
 
O OOCSS é um style-guide. Portanto, não é necessariamente um recurso ou framework, podendo ser aplicado em praticamente qualquer contexto. Nesse style-guide, a proposta é dividir classes entre skin (color, background, font...) e structure (width, height, padding…).
 
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.
Resposta correta
  
A classe refere-se ao bloco site-search.
 
  
A classe refere-se ao modifier input-field.
 
  
A classe refere-se ao elemento site-search.
 
Você respondeu
  
A classe refere-se ao bloco input-field.
 
A nomenclatura BEM é construída da seguinte forma: block—element__modifier.
 
Pergunta 6
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.
 
Você respondeu
  
A base de código é concentrada em um único projeto, similar ao que acontece na arquitetura baseada em monorepos.
 
Resposta correta
  
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 7
6 / 6 pts
As aplicações server-side rendered (SSR) ganharam muita adoção e permitem a resolução de problemas que as Single Page Applications não resolvem de forma muito eficiente.
Sobre as aplicações SSR com frameworks modernos como Next e Nuxt, é correto afirmar:
Correto!
  
O sistema de rotas da aplicação é configurado do lado do servidor através da estrutura de pastas e arquivos.
 
  
Oneram a aplicação no quesito SEO, uma vez que as ferramentas de busca não conseguem ler as informações do servidor.
 
  
É necessário utilizar a linguagem ReasonML para criação de componentes no lado do servidor.
 
  
A aplicação sempre irá recarregar a tela inteira a cada navegação.
 
O sistema de rotas é baseado na estrutura de pastas da aplicação, no lado do servidor.
 
Pergunta 8
6 / 6 pts
A arquitetura de monorepos é utilizada em alguns cenários, tendo seus pontos positivos e pontos de atenção.
Sobre esse estilo arquitetural, é correto afirmar:
  
Todos os projetos devem ter explicitamente sua própria configuração de lint.
 
  
Todas as alternativas estão incorretas.
 
Correto!
  
Todos os projetos devem estar em um mesmo repositório, mas em pacotes diferentes.
 
  
Todos os projetos estão em repositórios separados.
 
Monorepos = único repositório
 
Pergunta 9
6 / 6 pts
Os códigos em web assembly possibilita resolver problemas do javascript de diversas outras formas, não limitando apenas a escrita de uma única linguagem.
Sobre as características dos Web Assmbly, assinale a alternativa incorreta:
  
Possibilidade de escrever código web em múltiplas linguagens (C++, C#, Rust...).
 
  
Linguagem de baixo nível, similar ao Assembly, em um formato binário compacto que roda em cima da plataforma nativa
 
Correto!
  
Utilizado dentro de aplicações tradicionais com o intuito de gerenciar o sistema de rotas.
 
  
Tipo de código diferente do JavaScript que consegue rodar nos browsers modernos.
 
Web Assembly é uma conversão de código em qualquer linguagem para javascript. Não é utilizado dentro de aplicações tradicionais unicamente para a finalidade de gerenciamentode rotas.
 
Pergunta 10
6 / 6 pts
Existem algumas técnicas e boas práticas recomendadas pela OWASP no desenvolvimento de aplicações web que são amplamente utilizadas para melhorar a segurança dessas aplicações
Qual das boas práticas abaixo são incorretas sobre o OWASP TOP TEN?
  
Cross-site Scripting
 
  
Insufficient Logging & Monitoring
 
  
Injection
 
Correto!
  
Module Federation
 
Module Federation é um recurso do webpack não relacionado diretamente à segurança das aplicações web.
Pontuação do teste: 60 de 60