PROVA ON-LINE_ 03 - Arquitetura de Front-End (2021)

Prévia do material em texto

18/07/2022 20:09 PROVA ON-LINE: 03 - Arquitetura de Front-End (2021)
https://pucminas.instructure.com/courses/65785/quizzes/185903 1/10
PROVA ON-LINE
Entrega Sem prazo Pontos 60 Perguntas 10
Limite de tempo 60 Minutos Tentativas permitidas Sem limite
Instruções
Histórico de tentativas
Tentativa Tempo Pontuação
MAIS RECENTE Tentativa 1 51 minutos 36 de 60
Pontuação desta tentativa: 36 de 60
Enviado 18 jul em 20:08
Esta tentativa levou 51 minutos.
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
6 / 6 ptsPergunta 1
https://pucminas.instructure.com/courses/65785/quizzes/185903/history?version=1
https://pucminas.instructure.com/courses/65785/quizzes/185903/take?user_id=167245
18/07/2022 20:09 PROVA ON-LINE: 03 - Arquitetura de Front-End (2021)
https://pucminas.instructure.com/courses/65785/quizzes/185903 2/10
Sabemos que o JavaScript é uma linguagem interpretada pelo browser,
sendo a principal responsável por adicionar interatividade nas
aplicações web. 
Sobre a linguagem JavaScript e suas características, assinale a
alternativa incorreta:
 
A linguagem é puramente funcional, com tratamento eficaz para efeitos
colaterais e imutabilidade.
 
O JavaScript é uma linguagem interpretada pelo Browser Engine,
sendo possível também executá-la no lado do servidor através da
plataforma Node.js.
 
O JavaScript é uma linguagem fracamente tipada, sendo possível
declarar uma variável como string e associar um valor inteiro
posteriormente.
 
O JavaScript possui um mecanismo interno de checagem de tipos
eficiente, tornando visível ao desenvolvedor possíveis bugs logo em
tempo de desenvolvimento/build.
Correto!Correto!
O JavaScript, por ser uma linguagem fracamente tipada, não
possui nativamente um bom mecanismo de checagem de tipos,
o que torna impossível, de forma nativa, essa possibilidade.
6 / 6 ptsPergunta 2
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:
18/07/2022 20:09 PROVA ON-LINE: 03 - Arquitetura de Front-End (2021)
https://pucminas.instructure.com/courses/65785/quizzes/185903 3/10
 
Estabelecer e evangelizar o ciclo DevOps de todas as partes da
aplicação, incluindo a Arquitetura Cloud e SRE (Site Reliability
Engineer).
 
Provisionar a infraestrutura de rede para suportar os domínios e
balanceadores de carga da aplicação.
 
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.
Correto!Correto!
 
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.
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.
6 / 6 ptsPergunta 3
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.
 Deve sempre escolher um framework para resolver os problemas. 
18/07/2022 20:09 PROVA ON-LINE: 03 - Arquitetura de Front-End (2021)
https://pucminas.instructure.com/courses/65785/quizzes/185903 4/10
 
O principal atributo do papel de Tech Lead é ser guardiã(o) dos
componentes compartilhados entre os times de desenvolvimento.
 Deve ter uma visão agnóstica a frameworks. Correto!Correto!
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.
6 / 6 ptsPergunta 4
Os bundlers e empacotadores de código foram incorporados ao
desenvolvimento de aplicações front-end com o intuito de tornar mais
fácil algumas tarefas que antes eram feitas e desenvolvidas
manualmente. 
Qual a alternativa que melhor descreve uma ferramenta de bundle de
código front-end?
 
São soluções que visam automatizar tarefas como: minificação de css,
concatenar javascripts e adicionar referências desses arquivos no
HTML.
Correto!Correto!
 
Soluções que automatizam a criação de estilos, possibilitando usar um
toolkit de estilos prontos para agilizar o desenvolvimento da aplicação.
 
É uma ferramenta de especificação de javascript utilizado para informar
ao desenvolvedor o que deve ou não deve ser escrito em tempo de
desenvolvimento.
18/07/2022 20:09 PROVA ON-LINE: 03 - Arquitetura de Front-End (2021)
https://pucminas.instructure.com/courses/65785/quizzes/185903 5/10
 
Utiliza o conceito de Decorators para ajudar a criar componentes
utilizando o paradigma orientado por objetos.
O webpack é uma ferramenta de bundle de código. Não é
nenhuma linguagem ou especificação, é uma ferramenta para
possibilitar automatizar tarefas rotineiras do desenvolvimento de
aplicações front-end.
0 / 6 ptsPergunta 5
O CSS-in-JS é uma forma diferente e disruptiva de escrita de estilos,
uma vez que conseguimos definir classes e estilos dentro de arquivos
JavaScript e utilizá-los como componentes. Abaixo, temos um trecho
de código do CSS-in-JS:
 
Sobre o trecho de código acima, é correto afirmar:
 Todas as alternativas estão corretas. 
 
A utilização correta que colocaria o botão com a cor branca e o
background verde é <Button primary>Conteúdo</Button>
esposta corretaesposta correta
18/07/2022 20:09 PROVA ON-LINE: 03 - Arquitetura de Front-End (2021)
https://pucminas.instructure.com/courses/65785/quizzes/185903 6/10
 
A utilização correta que colocaria o botão com a cor verde e o
background branco é <Button primary>Conteúdo</Button>
ocê respondeuocê respondeu
 
O código exibiria um erro de build porque os template strings precisam
estar envelopados com chaves (“{“)
No CSS-in-JS conseguimos utilizar propriedades para tornar
nosso estilo dinâmico. Para isso, basta passá-las como atributo
na utilização da classe como componente.
0 / 6 ptsPergunta 6
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:
 
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.
esposta corretaesposta correta
 
Cada micro front-end perde a sua coesão uma vez que deve concentrar
a responsabilidade do gerenciamento de versão do projeto.
 Todas as alternativas estão corretas. 
18/07/2022 20:09 PROVA ON-LINE: 03 - Arquitetura de Front-End (2021)
https://pucminas.instructure.com/courses/65785/quizzes/185903 7/10
 
A base de código é concentrada em um único projeto, similar ao que
acontece na arquitetura baseada em monorepos.
ocê respondeuocê respondeu
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.
0 / 6 ptsPergunta 7
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:
 
Propõe a criação de uma camada de event-receivers em uma aplicação
principal, que são emitidos/recebidos via PostMessage API.
esposta corretaesposta correta
 
É 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.
ocê respondeuocê respondeu
 
Utiliza um assets-manifest.json para identificar os micro front-ends,
similar ao Service Discovery na abordagem de microsserviços.
18/07/2022 20:09 PROVA ON-LINE: 03 - Arquitetura de Front-End (2021)
https://pucminas.instructure.com/courses/65785/quizzes/185903 8/10
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.
0 / 6 ptsPergunta 8
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:
 
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. ocê respondeuocê respondeu
 
O sistema de rotas da aplicação é configurado do lado do servidor
através da estrutura de pastas e arquivos.
esposta corretaesposta correta
O sistema de rotas é baseado na estrutura de pastas da
aplicação, no lado do servidor.
6 / 6 ptsPergunta 9
18/07/2022 20:09 PROVA ON-LINE: 03 - Arquitetura de Front-End (2021)
https://pucminas.instructure.com/courses/65785/quizzes/185903 9/10
O OWASP top ten alerta para o tópico cross-site scripting, que pode
abrir brechas de segurança na aplicação. 
Sobre o Cross-site scripting, assinale a alternativa correta:
 Previne ataques de SQL Injection feitos via URL do browser. 
 Pode ser resolvido utilizando ferramentas de monitoramento. 
 
Pode ser prevenido sanitizando os campos de texto na aplicação
através de ferramentas ou manualmente.
Correto!Correto!
 Pode ser prevenido rodando o comando npm audit no terminal. 
Os campos de formulário, quando são implementados sem
nenhuma validação, podem possibilitar a execução de códigos
maliciosos nas aplicações.
6 / 6 ptsPergunta 10
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?
 Aplicações serverless-side rendering. 
 Processamento de dados em tempo real. 
 Desenvolvimento de aplicações móveis nativas. Correto!Correto!
 Back-end de IoT. 
18/07/2022 20:09 PROVA ON-LINE: 03 - Arquitetura de Front-End (2021)
https://pucminas.instructure.com/courses/65785/quizzes/185903 10/10
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: 36 de 60