PROVA FINAL - Arquitetura de Front End (2024)

Prévia do material em texto

PROVA FINAL
Entrega Sem prazo
Pontos 40
Perguntas 10
Limite de tempo 60 Minutos
Tentativas permitidas 2
Instruções
Histórico de tentativas
Tentativa Tempo Pontuação
MAIS RECENTE Tentativa 1 40 minutos 32 de 40
Pontuação desta tentativa: 32 de 40
Enviado 13 fev em 11:06
Esta tentativa levou 40 minutos.

Pergunta 1
4 / 4 pts
INSTRUÇÕES DA PROVA FINAL
- A prova tem a duração de 60 minutos. 
- Ao clicar em PROVA FINAL, no menu “Testes” você iniciará a prova. Ao acessar a página com as
questões, o tempo começa a ser contado.
- A prova é composta de 10 (dez) questões objetivas, sendo 04 (quatro) pontos cada.
- 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”.
- Você terá 02 (duas) tentativas e, caso necessite de uma nova, será preciso solicitar a prova extra,
que requer pagamento de taxa adicional.
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
O perfil e atuação do profissional de Arquitetura de Front End difere dos demais perfis de arquitetura
por uma série de fatores ligadas à sua atuação no mercado de trabalho.
É de responsabilidade do profissional de Arquitetura de Front End:
14/02/2025, 14:19 PROVA FINAL: 02 - Arquitetura de Front End (2024)
https://pucminas.instructure.com/courses/175936/quizzes/448886?module_item_id=3945678 1/5
https://pucminas.instructure.com/courses/175936/quizzes/448886/history?version=1
https://pucminas.instructure.com/courses/175936/quizzes/448886/take?user_id=83200
 
Estabelecer e evangelizar o ciclo DevOps de todas as partes da aplicação, incluindo a Arquitetura Cloud e SRE
(Site Reliability Engineer).
 
Estruturar as melhores práticas da metodologia ágil através do SCRUM, garantindo que todos os integrantes do
time estejam alinhados com os ritos estabelecidos.
 Provisionar a infraestrutura de rede para suportar os domínios e balanceadores de carga da aplicação.
Correto!
 
Trabalhar em conjunto com o time de Design com foco no usuário, estabelecendo uma interface com outras áreas
como desenvolvedores back-end e UX Designers.
O profissional de arquitetura de front end deve cuidar da sua área de especialidade, mas sempre
mantendo uma interface com os demais times afim de traduzir as demandas em entregáveis de
qualidade.

Pergunta 2
0 / 4 pts
 
São frameworks de desenvolvimento web que focam majoritariamente na criação de aplicações para grandes
corporações.
Você respondeu
 São frameworks de front-end que possuem arquiteturas idênticas.
Resposta correta
 São frameworks de front-end que resolvem os mesmos problemas de formas diferentes.
 
São frameworks de server-side rendering, cujo principal objetivo é a renderização de aplicações com foco em SEO.
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 3
4 / 4 pts
 Load HTML, Create DOM tree, Type Checking, Load CSS e Display.
 Load HTML, Load CSS, Parse CSS, Build e Display.
 Load JavaScript, Load CSS, Minify, Display.
Correto!
 Load HTML, Parse HTML, Load CSS, Parse CSS.
Sobre os frameworks Angular, React e VueJs, é correto afirmar:
Sobre a dinâmica de processamento dos códigos de de front-end no browser, existem algumas
etapas que são executadas antes de mostrar o resultado final para o usuário.
Marque a alternativa que possua apenas fases da dinâmica de processamento de código front-end
no browser.
14/02/2025, 14:19 PROVA FINAL: 02 - Arquitetura de Front End (2024)
https://pucminas.instructure.com/courses/175936/quizzes/448886?module_item_id=3945678 2/5

Pergunta 4
4 / 4 pts
 A classe refere-se ao bloco input-field.
Correto!
 A classe refere-se ao bloco site-search.
 A classe refere-se ao elemento site-search.
 A classe refere-se ao modifier input-field.
A nomenclatura BEM é construída da seguinte forma: block—element__modifier.

Pergunta 5
4 / 4 pts
Correto!
 A aplicação deve conter uma única Store que concentra os estados da aplicação.
 As actions descrevem como as alterações acontecem, contendo a lógica necessária para atualizar a store.
 
A aplicação deve conter múltiplas Stores, ao menos uma para cada módulo para que torne mais fácil a manutenção
de cada módulo.
 A arquitetura flux é utilizada majoritariamente para gerenciamento de estados de CSS.
A arquitetura flux é uma implementação para construção de interfaces de usuário. Tem o objetivo de
manter o estado da aplicação como um todo (token de sessão de usuário, dark mode etc..), e por
isso contém apenas uma única Store.

Pergunta 6
4 / 4 pts
 
Deixam a aplicação mais lenta pois tudo o que é renderizado no servidor demora mais tempo do que se fosse
renderizado no browser.
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 arquitetura flux é proposta que visa gerir estados da aplicação de forma eficiente e robusta. Alguns
frameworks como Redux e NgRx implementam essa arquitetura.
Sobre a arquitetura flux, é correto afirmar:
As aplicações construídas utilizando a abordagem de server-side rendering têm características
específicas que são inerentes ao desenvolvimento web, mesmo possuindo parte da sua
renderização sendo feita no lado do servidor.
Sobre as aplicações server-side rendered, qual alternativa melhor define um dos seus principais
benefícios?
14/02/2025, 14:19 PROVA FINAL: 02 - Arquitetura de Front End (2024)
https://pucminas.instructure.com/courses/175936/quizzes/448886?module_item_id=3945678 3/5
 
Oneram a aplicação no quesito SEO, uma vez que as ferramentas de busca não conseguem ler as informações do
servidor.
Correto!
 
Melhoram a aplicação no quesito SEO, uma vez que as ferramentas de busca conseguem interpretar o conteúdo
que chega diretamente do servidor e interpretar o HTML semântico da aplicação.
 Todas as alternativas estão corretas.
As aplicações já possuem o HTML semântico ao fazer uma requisição GET na URL

Pergunta 7
4 / 4 pts
 Maior independência entre os módulos.
Correto!
 Cada micro front-end deve assumir o máximo de responsabilidades o possível.
 Pipeline de build, test e deploys mais rápida.
 Lógica pulverizada em vários projetos, trazendo uma maior resiliência ao projeto como um todo.
Cada micro front-end deve ter uma alta coesão e ser desacoplado, assumindo, assim, apenas a
responsabilidade pelo qual ele foi designado.

Pergunta 8
4 / 4 pts
 Todas as alternativas estão incorretas.
 Todos os projetos devem ter explicitamente sua própria configuração de lint.
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
4 / 4 pts
 Google Cloud Functions
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:
A arquitetura de monorepos é utilizada em alguns cenários, tendo seus pontos positivos e pontos de
atenção.
Sobre esse estilo arquitetural, é correto afirmar:
A Serverless Computing, suas ferramentas e plataformas possibilitaram resolver problemas de
negócio de forma mais barata e criativa.
Qual das alternativas abaixo não são plataformas/ferramentas utilizadas para aplicar esse conceito?
14/02/2025, 14:19 PROVA FINAL: 02 - Arquitetura de Front End (2024)
https://pucminas.instructure.com/courses/175936/quizzes/448886?module_item_id=3945678 4/5
Correto!
 IBM Watson
 Azure Functions
 AWS Lambda
O IBMWatson é uma plataforma de inteligência artificial do Watson, não tendo ligação direta à
computação serverless

Pergunta 10
0 / 4 pts
Você respondeu
 Aplicações serverless-side rendering.
 Back-end de IoT.
Resposta correta
 Desenvolvimento de aplicações móveis nativas.
 Processamento de dados em tempo real.
Para desenvolvimento de aplicações móveis nativas temos outras ferramentas, como o React
Native, uma vez que é demandado um recurso de build e conversão de código.
Pontuação do teste: 32 de 40
A computação serverless, como qualquer coisa na computação, não é uma bala de prata que resolve
todos os problemas das organizações.
Sobre os casos de uso de computação serverless, podemos afirmar que não é comumente utilizada
em qual dos cenários abaixo?
14/02/2025, 14:19 PROVA FINAL: 02 - Arquitetura de Front End (2024)
https://pucminas.instructure.com/courses/175936/quizzes/448886?module_item_id=3945678 5/5