03 - Arquitetura de Front End (2023) - Avaliação

Prévia do material em texto

17/01/24, 09:03 -, histórico de teste: PROVA ON-LINE
https://pucminas.instructure.com/courses/145908/quizzes/382244/history?version=1 1/8
PROVA ON-LINE Resultados para -
Pontuação desta tentativa: 40 de 40
Enviado 24 de mai de 2023 em 4:54
Esta tentativa levou 43 minutos.
4 / 4 ptsPergunta 1
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:
 Bancos de dados NoSQL e Linguagem PHP. 
Frameworks ORM (Mapeamento objeto-relacional) e Bancos de dados
NoSQL.
Técnicas de SEO (Search Engine Optimization) e Frameworks
Javascript.
Correto!Correto!
 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.
4 / 4 ptsPergunta 2
17/01/24, 09:03 -, histórico de teste: PROVA ON-LINE
https://pucminas.instructure.com/courses/145908/quizzes/382244/history?version=1 2/8
Ao escrever código CSS, podemos escolher entre estilos escritos
inline, em bloco de estilo e em arquivos.
Sobre a escrita de estilos via CSS, é possível afirmar que:
A escrita de estilos via arquivos externos permite uma melhor
separação de conceitos e modularização, mas pode ter uma
performance inferior frente a outras modalidades de escrita.
Correto!Correto!
A escrita de CSS inline é uma boa forma de modularização. Sempre
que definimos um estilo para alguma tag, o browser engine consegue
reaproveitar aquele estilo para tags com classes similares
automaticamente.
A escrita de CSS em bloco de estilos possibilita a escrita de estilos
atrelados a vários documentos de uma única vez.
A escrita de qualquer estilo, para ganho de performance, deve ser feita
apenas via pré-processadores de CSS.
Ao escrever CSS inline ou via bloco de estilos, podemos ter um
leve ganho de performance uma vez que o browser não precisa
baixar e interpretar um novo arquivo em uma outra URL. Esse
meio tempo entre fazer uma requisição, esperar a resposta e
associar os estilos à aplicação pode ser um pouco menos
performático do que nas outras abordagens.
4 / 4 ptsPergunta 3
Sobre o contexto de atuação de um profissional de Arquitetura de front
end, assinale a alternativa correta:
17/01/24, 09:03 -, histórico de teste: PROVA ON-LINE
https://pucminas.instructure.com/courses/145908/quizzes/382244/history?version=1 3/8
A cultura organizacional é parte importante na formação profissional de
um Arquiteto Front End.
Correto!Correto!
O modelo de negócio do projeto na qual o profissional atua não
influencia nas skills demandadas.
O mercado alvo na maioria das vezes acaba sendo genérico, portanto
todas as skills mais avançadas são demandadas por qualquer regra de
negócio.
Uma pessoa em começo de carreira conseguiria atuar em um cargo de
arquitetura de front end em uma grande corporação.
A cultura, mercado alvo e regras de negócio sempre demandam
skills específicas do profissional, a depender do projeto, área de
atuação e segmento (e-commerce, instituições financeiras etc.)
4 / 4 ptsPergunta 4
O CSS funcional ajuda no ganho de produtividade ao escrever
aplicações HTML, uma vez que sua metodologia de definição de
estilos consiste em ter pequenas classes para compor o estilo de uma
aplicação.
Sobre as características do CSS funcional, assinale a alternativa
incorreta:
As classes tratam a responsividade em sua concepção, facilitando a
adequação em qualquer tamanho de tela.
17/01/24, 09:03 -, histórico de teste: PROVA ON-LINE
https://pucminas.instructure.com/courses/145908/quizzes/382244/history?version=1 4/8
Após entender a estrutura do framework para utilização de CSS
Funcional, é possível olhar para o HTML e saber quais propriedades as
classes aplicadas alteram.
 Cada classe deve alterar apenas uma única propriedade do CSS. 
As classes devem tratar o máximo de propriedades possíveis com o
objetivo de evitar retrabalho.
Correto!Correto!
No CSS funcional devemos nos ater a micro-classes, que
alteram uma única propriedade, a fim de conseguir reutilizar o
máximo de estilos o possível.
4 / 4 ptsPergunta 5
Sabemos que o CSS é uma parte importante de qualquer projeto em
front-end e que sua escala é primordial para o sucesso de uma
aplicação web.
Sobre as boas práticas de escrita de estilos, é correto afirmar:
Utilizar a keyword !important faz com que o browser identifique mais
rapidamente o estilo a ser processado.
Escrever CSS através de pré-processadores onera a performance da
aplicação, uma vez que o browser deverá interpretar duas linguagens
para obter o mesmo resultado.
Override de estilos é uma boa prática, assim como override de métodos
em linguagens orientadas a objetos.
 CSS afeta, diretamente, a performance de uma aplicação web. Correto!Correto!
17/01/24, 09:03 -, histórico de teste: PROVA ON-LINE
https://pucminas.instructure.com/courses/145908/quizzes/382244/history?version=1 5/8
A performance de uma aplicação é diretamente afetada pela
escrita de CSS. Quando fazemos override de estilos, o browser
acaba processando mais de uma vez estilos diferentes para o
mesmo elemento HTML.
4 / 4 ptsPergunta 6
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:
É 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. 
Oneram a aplicação no quesito SEO, uma vez que as ferramentas de
busca não conseguem ler as informações do servidor.
O sistema de rotas da aplicação é configurado do lado do servidor
através da estrutura de pastas e arquivos.
Correto!Correto!
O sistema de rotas é baseado na estrutura de pastas da
aplicação, no lado do servidor.
4 / 4 ptsPergunta 7
17/01/24, 09:03 -, histórico de teste: PROVA ON-LINE
https://pucminas.instructure.com/courses/145908/quizzes/382244/history?version=1 6/8
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 estão em repositórios separados. 
 Todas as alternativas estão incorretas. 
Todos os projetos devem ter explicitamente sua própria configuração de
lint.
Todos os projetos devem estar em um mesmo repositório, mas em
pacotes diferentes.
Correto!Correto!
Monorepos = único repositório
4 / 4 ptsPergunta 8
Para implementar o conceito da arquitetura baseada em monorepos,
existem algumas ferramentas que agilizam e estruturação e evolução
desse tipo de projeto.
Sobre a arquitetura baseada em monorepos e as ferramentas
utilizadas para implementá-la, assinale a alternativa correta:
Possibilita o controle de versão tanto do repositório quanto dos pacotes.
Correto!Correto!
Refatoração complexa de configurações globais compartilhadas entre
os pacotes.
 Possibilita o controle de versão apenas do projeto principal. 
17/01/24, 09:03 -, histórico de teste: PROVA ON-LINE
https://pucminas.instructure.com/courses/145908/quizzes/382244/history?version=1 7/8
Para lançar a versão de um pacote, é necessário sempre incrementar a
versão do projeto principal.
As características da arquitetura baseada em monorepos
possibilita tratar cada pacote como um projeto independente,
possuindo inclusive o controle de versões separado.
4 / 4 ptsPergunta 9
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:
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.
Técnica utilizada quando temos o recursode code-splitting habilitado
no webpack, possibilitando o carregamento de partes da aplicação em
arquivos separados.
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.
Correto!Correto!
Padrão utilizado em aplicações server-side rendering para melhorar os
resultados de busca.
17/01/24, 09:03 -, histórico de teste: PROVA ON-LINE
https://pucminas.instructure.com/courses/145908/quizzes/382244/history?version=1 8/8
Esse padrão arquitetural visa dar uma resposta mais rápida ao
usuário em partes comuns da aplicação
4 / 4 ptsPergunta 10
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?
 IBM Watson Correto!Correto!
 Google Cloud Functions 
 Azure Functions 
 AWS Lambda 
O IBM Watson é uma plataforma de inteligência artificial do
Watson, não tendo ligação direta à computação serverless
Pontuação do teste: 40 de 40