frameworks front end

Prévia do material em texto

Frameworks front end
Professor(a): Anderson da Silva Marcolino (Doutorado)
1)
2)
Prepare-se! Chegou a hora de você testar o conhecimento adquirido nesta disciplina. A
Avaliação Virtual (AV) é composta por questões objetivas e corresponde a 100% da média
final. Você tem até cinco tentativas para “Enviar” as questões, que são automaticamente
corrigidas. Você pode responder as questões consultando o material de estudos, mas lembre-
se de cumprir o prazo estabelecido. Boa prova!
O framework Vue.js permite a criação de componentes que, por sua vez, requerem
uma série de especificações para serem utilizados. Considerando os componentes vue e
sua criação, assinale a alternativa correta.
Alternativas:
Os componentes que são renderizados na aplicação vue são criados em arquivos
separados, devendo receber um nome igual para todos, de modo que permita sua
reutilização.
No arquivo Main.js, há a instanciação da aplicação Vue.js, que obrigatoriamente deve
possuir a propriedade “el”, que indica o seletor do elemento HTML utilizado para injetar
tal aplicação.  CORRETO
Caso um componente não receba um nome de marcação, ele poderá ser encapsulado e
inserido de modo diferenciado na aplicação.
Para que um componente encapsulado possa ser utilizado, ele deve ser declarado em
um atributo chamado template no arquivo App.vue.
No arquivo index.html, é definida a chamada principal do script que inicia a aplicação do
vue.
Código da questão: 63498
Os frameworks e as bibliotecas auxiliam significativamente no desenvolvimento web.
Considerando as características que levam Vue.js, Angular e React a serem adotados,
assinale a alternativa correta.
Alternativas:
React possui tempo de renderização mais lento, bem como apresenta os tamanhos de
pacotes médios.
Angular não possui suporte à integração com outros frameworks e bibliotecas.
Angular não possui a especificação do padrão arquitetural que se baseia. 
CORRETO
React não disponibiliza repositório Git com o código de sua biblioteca.
Vue.js necessita da integração com o Node.js para ser adotado em projetos para o
desenvolvimento de aplicações web.
Resolução comentada:
No arquivo index.html, não é definida a chamada principal do script que inicia a
aplicação do vue. Neste arquivo, é necessária a definição de um atributo que
permita que a inicialização da aplicação do vue possa ser injetada, o que, por sua
vez, é definido no arquivo Main.js. Os componentes do Vue.js devem possuir
nomes diferentes, para que possam ser reutilizados. Se um componente não
receber um nome, este não poderá ser inserido na aplicação, mesmo que o
objetivo seja seu uso de modo encapsulado. Finalmente, para que um
componente possa ser encapsulado e utilizado, ele deve ser declarado na
propriedade components, no arquivo App.vue.
Resolução comentada:
Tanto Vue.js quanto Angular e React possuem suporte à integração com outros
frameworks e bibliotecas, porém a grande diferença é que este suporte é mais
restrito em relação ao Angular. Além disso, todos os frameworks e bibliotecas
possuem repositório Git. Já em relação à integração obrigatória com o Node.js,
apenas Angular a exige. Adicionalmente, Angular não possui uma especificação
Avaliação enviada com
sucesso
 
Cosmos · Cosmos https://kroton.platosedu.io/lms/m/aluno/disciplina/index/2943499/7144645
1 of 6 20/06/2023, 13:46
https://kroton.platosedu.io/lms/m/aluno/disciplina/index/2943499/7144645#
https://kroton.platosedu.io/lms/m/aluno/disciplina/index/2943499/7144645#
3)
4)
Código da questão: 63491
Sobre os arquivos e códigos considerados na criação dos componentes vue.js,
analise as afirmativas a seguir:
I. O arquivo index.html é o arquivo HTML que deverá possuir um atributo que servirá de
seletor para que o Vue.js injete o conteúdo e renderize a aplicação para o usuário final.
II. Os arquivos de extensão “.vue”, que são mantidos na pasta “src/components/”,
correspondem aos componentes que serão inseridos uma ou mais vezes na aplicação
Vue.js.
III. O arquivo localizado em “src” de nome “App.vue” é o arquivo que poderá integrar
componentes encapsulados ou somente a instância da aplicação, o que pode ocorrer
também no arquivo “src/main.js”.
IV. Um componente encapsulado pode ser mantido também na pasta de “components",
desde possibilite sua importação na index.html.
V. Um componente encapsulado, assim como um componente declarado para uso
global, deve possuir nome para poderem ser referenciados na aplicação vue.
Assinale a alternativa que apresenta corretamente quais afirmativas são corretas.
Alternativas:
II, III e IV, apenas.
I, III e V, apenas.
I, III e IV, apenas.
I, II e III, apenas.  CORRETO
II, IV e V, apenas.
Código da questão: 63497
Sobre as palavras reservadas do React, analise as afirmativas a seguir:
I. A palavra props é utilizada para declarar uma ou mais propriedades que são passadas
por parâmetro para os componentes.
II. A palavra this é utilizada para referenciar um elemento específico no contexto da
classe, mas pode ser suprimida no React.
III. A palavra super é utilizada para indicar que os parâmetros passados são enviados
para um componente superior.
IV. A palavra reservada extends é utilizada para estender uma classe por meio dos
mecanismos de herança e, no contexto do React, permitir a criação de um componente
ao estender a classe React.Component.
definida do padrão arquitetural que atende, o que não exime de sua
potencialidade no uso de projetos. Contudo, é o framework que demanda mais
tempo de renderização e pacotes de tamanho médio, quando comparados ao
React e ao Vue.js, que são mais rápidos e consomem menos espaço de
armazenamento.
Resolução comentada:
As afirmativas I, II e III são verdadeiras: arquivo index.html é o arquivo HTML que
deverá possuir um atributo que servirá de seletor para que o Vue.js injete o
conteúdo e renderize a aplicação para o usuário final. Sem esse seletor, a
aplicação não é capaz de se iniciar. Já os arquivos de extensão “.vue”, que são
mantidos na pasta “src/components/”, correspondem aos componentes que serão
inseridos uma ou mais vezes na aplicação Vue.js, e o arquivo localizado em “src”,
de nome “App.vue”, é o arquivo que poderá integrar componentes encapsulados
ou somente a instância da aplicação, o que pode ocorrer também no arquivo
“src/main.js”.
As afirmações IV e V são falsas: um componente encapsulado pode ser mantido
também na pasta de “componentes”, desde possibilite sua importação em um
outro componente vue. E um componente encapsulado não precisa ter um nome
declarado, bastando apenas ter a variável na qual é mantido, indicado na
propriedade “componentes” da instância da aplicação. Já um componente
declarado para uso global deve possuir nome para poder ser referenciado na
aplicação vue.
Avaliação enviada com
sucesso
 
Cosmos · Cosmos https://kroton.platosedu.io/lms/m/aluno/disciplina/index/2943499/7144645
2 of 6 20/06/2023, 13:46
https://kroton.platosedu.io/lms/m/aluno/disciplina/index/2943499/7144645#
https://kroton.platosedu.io/lms/m/aluno/disciplina/index/2943499/7144645#
5)
V. A palavra return indica que um retorno deverá ser esperado quando o conteúdo no
método render() for apresentado.
Assinale a alternativa que apresenta corretamente quais afirmativas são corretas.
Alternativas:
I, II e III, apenas.
II, IV e V, apenas.
II, III e IV, apenas.
I, II e IV, apenas.  CORRETO
I, III e V, apenas.
Código da questão: 63511
Para se converter uma função JavaScript em um componente React, deve-se seguir
cinco passos. Sobre esses passos, analise as afirmativas a seguir e assinale-as com V
(verdadeiro) ou F (falso):
( ) É necessário substituir as propriedades que são enviadas como parâmetros para a
função, intituladas props, por this.props no corpo do método render().
( ) É necessário incluir todo o código sobressalente à declaração da antiga função.
( ) Deve-se colocar os elementos HTML no método render(), sem conteúdos em
JavaScript.
( ) É necessário adicionarum único método chamado render().
( ) Para criar uma classe em JavaScript (EcmaScript 6 ou versões superiores) com o
mesmo nome da função e estendendo React.component (é necessário importar o React
para o respectivo arquivo).
Assinale a alternativa que contenha a sequência correta.
Alternativas:
V – V – F – V – F.
F – F – V – F – V.
V – F – F – V – V.  CORRETO
F – V – V – F – V.
V – F – V – F – V.
Código da questão: 63509
Resolução comentada:
A afirmativa I é correta, pois a palavra props é utilizada para declarar uma ou mais
propriedades passadas por parâmetro. A afirmativa II é correta, pois a palavra this
pode ser suprimida no contexto de React. A afirmativa III é incorreta, pois a
palavra super indica que os parâmetros passados são recebidos de uma classe
pai, no caso, React.Component. A afirmativa IV é correta, pois a palavra extends
indica herança e serve para declarar, no contexto do React, um componente por
meio da extensão da classe React.Component. A afirmativa V é incorreta, pois a
palavra return indica que o conteúdo em seu corpo será retornado e renderizado
pelo método render().
Resolução comentada:
É verdade que é necessário substituir as propriedades que são enviadas como
parâmetros para a função, intituladas props, por this.props no corpo do método
render(). É falso que é necessário incluir todo o código sobressalente à
declaração da antiga função, na realidade, o código sobressalente deve ser
excluído. Assim como é falso que se deve colocar apenas os elementos HTML no
método render(), pois o conteúdo em JavaScript também deve estar presente. É
verdadeiro que é necessário adicionar um único método chamado render(), assim
como que, para criar um componente, é preciso criar uma classe em JavaScript
(EcmaScript 6 ou versões superiores) com o mesmo nome da função e
estendendo React.component (é necessário importar o React para o respectivo
arquivo).
Avaliação enviada com
sucesso
 
Cosmos · Cosmos https://kroton.platosedu.io/lms/m/aluno/disciplina/index/2943499/7144645
3 of 6 20/06/2023, 13:46
https://kroton.platosedu.io/lms/m/aluno/disciplina/index/2943499/7144645#
https://kroton.platosedu.io/lms/m/aluno/disciplina/index/2943499/7144645#
6)
7)
TypeScript apresenta diversas vantagens ao ser utilizada em conjunto com JavaScript,
entre elas, o uso de modificadores de acesso.
Leia as afirmativas a seguir e associe as colunas:
Assinale a alternativa que traz a associação correta entre as colunas.
Alternativas:
I – C; II – A; III – B.
I – C; II – B; III – A.
I – A; II – C; III – B.  CORRETO
I – A; II – B; III – C.
I – B; II – A; III – C.
Código da questão: 63503
Os frameworks e as bibliotecas trazem diversos benefícios ao processo de
desenvolvimento web. Considerando, de modo geral, os frameworks e as bibliotecas,
como Vue.js, Angular e React, e suas vantagens no desenvolvimento de aplicações
web, assinale a alternativa correta.
Alternativas:
Frameworks e bibliotecas auxiliam na redução de membros em uma equipe de
desenvolvimento.
Frameworks e bibliotecas auxiliam na redução de custos e esforços nas etapas de
testes.
Frameworks e bibliotecas melhoram a qualidade nos produtos e otimizam a entrega de
aplicações web.  CORRETO
Frameworks e bibliotecas devem ser escolhidos sempre pela quantidade de
desenvolvedores que os conhecem.
Frameworks e bibliotecas agilizam o processo de adoção de uma nova tecnologia.
Resolução comentada:
Public é a palavra utilizada para especificar que um método pode ser acessado
em qualquer lugar do projeto. É o tipo de visibilidade padrão, caso nenhuma
palavra que limite o acesso seja utilizada. Private é a palavra utilizada para
especificar que a propriedade ou o método assim marcado poderá ser utilizado
apenas pela classe que o define. Protected é a palavra utilizada para indicar que o
método ou a propriedade pode ser acessado apenas pelas classes que o definem
ou pelas classes que estendem à classe que o definiu.
Resolução comentada:
Os frameworks e as bibliotecas trazem diversos benefícios ao processo de
desenvolvimento, mas podem também trazer complicações ou não interferir em
determinados elementos envolvidos no desenvolvimento. Não é possível afirmar
que os membros de uma equipe serão reduzidos somente pelo fato de se adotar
um framework ou uma biblioteca. Pode ser que a demanda por utilização de uma
nova tecnologia até aumente a equipe. O mesmo ocorre ao se afirmar que reduz o
custo, majoritariamente, na etapa de testes. Geralmente, frameworks e bibliotecas
auxiliam, mas as várias etapas de desenvolvimento, e não somente a de testes. E
é uma falácia dizer que, ao adotar um framework ou uma biblioteca, temos a
Avaliação enviada com
sucesso
 
Cosmos · Cosmos https://kroton.platosedu.io/lms/m/aluno/disciplina/index/2943499/7144645
4 of 6 20/06/2023, 13:46
https://kroton.platosedu.io/lms/m/aluno/disciplina/index/2943499/7144645#
https://kroton.platosedu.io/lms/m/aluno/disciplina/index/2943499/7144645#
8)
9)
Código da questão: 63492
Podemos dividir um componente Angular em partes, as quais se coincidem com
algumas das partes mais importantes do padrão Modelo-Visão-Controle (MVC).
Considerando tal padrão e os arquivos que constituem um componente Angular,
assinale a alternativa correta.
Alternativas:
O modelo e o padrão são integrados no arquivo HTML, sendo este o responsável por
receber os métodos da classe escrita em TypeScript.
O arquivo de extensão “.ts” corresponde ao arquivo da visão do modelo MVC, visto que
define os elementos gráficos a serem renderizados nas interfaces.
O controle do padrão MVC corresponde ao arquivo HTML, visto que este será
responsável por criar a interface do componente no navegador.
A visão do padrão MVC corresponde à interface da aplicação, sendo constituído pelo
arquivo HTML e pelo arquivo “.ts”.
O modelo do padrão MVC corresponde à definição dos elementos que serão
renderizados pelo HTML, logo são definidos no arquivo “.ts”.  CORRETO
Código da questão: 63500
Sobre os frameworks e as bibliotecas Vue.js, Angular e React e o software Node.js,
analise as afirmativas a seguir:
I. Considerando os frameworks e as bibliotecas Vue, Angular e React, o Node.js pode
auxiliar na criação, no desenvolvimento, nos testes, na manutenção e na construção
para produção (deploy) de modo facilitado.
II. Angular é o framework com pior desempenho em relação à renderização e ao
tamanho de arquivos.
III. Vue.js e React possuem a vantagem de serem utilizados sem a instalação do
Node.js.
IV. React e Angular são frameworks e bibliotecas mais robustos, respectivamente.
V. Angular é baseado no padrão Visão do Modelo-Visão-Controle.
Assinale a alternativa que apresenta corretamente quais afirmativas são corretas.
Alternativas:
II, IV e V, apenas.
I, III e IV, apenas.
II, III e IV, apenas.
I, II e III, apenas.  CORRETO
I, III e V, apenas.
agilização no processo de adoção de tecnologias. Geralmente, ocorre o contrário,
visto que membros da equipe podem necessitar estudar o framework, para
permitir seu uso. Porém, é verdade que os frameworks e as bibliotecas buscam
melhorar a qualidade dos produtos e otimizar a entrega deles. Finalmente, a
escolha de um framework ou de uma biblioteca não deve ocorrer por conveniência
dos desenvolvedores que o conhecem, e sim pela solução que se busca alcançar
por determinadas tecnologias.
Resolução comentada:
O modelo do padrão MVC corresponde à definição dos elementos que serão
renderizados pelo HTML, portanto são definidos no arquivo “.ts”, por meio da
linguagem TypeScript. Este mesmo arquivo pode definir o controle do modelo
MVC, logo os arquivos HTML e de estilização (CSS) refletem a visão do padrão
MVC.
Resolução comentada:
A afirmação I é verdadeira, pois, considerando os frameworks e as bibliotecas
Avaliação enviada com
sucesso
 
Cosmos · Cosmos https://kroton.platosedu.io/lms/m/aluno/disciplina/index/2943499/7144645
5 of 6 20/06/2023, 13:46
https://kroton.platosedu.io/lms/m/aluno/disciplina/index/2943499/7144645#https://kroton.platosedu.io/lms/m/aluno/disciplina/index/2943499/7144645#
10)
Código da questão: 63490
Uma aplicação Angular é gerada pela integração de diversos componentes. Sobre
as partes que compõem um componente Angular e suas especificidades, assinale a
alternativa correta.
Alternativas:
Um template é constituído de regras e propriedades que estilizam os componentes,
sendo mantidos em arquivo CSS.
Um template é constituído dos elementos HTML que serão renderizados, sendo
mantidos em um arquivo XHTML.
Um arquivo TypeScript contém o decorator @Campos, responsável por registrar e
identificar todos os arquivos que definem um componente.
Um arquivo de estilização corresponde ao arquivo que aplicará regras e propriedades do
CSS aos elementos mantidos no arquivo TypeScript.
Um template é constituído de elementos HTML que serão renderizados, sendo mantidos
em um arquivo HTML.  CORRETO
Código da questão: 63505
Vue, Angular e React, o Node.js pode auxiliar na criação, no desenvolvimento,
nos testes, na manutenção e na construção para produção (deploy) de modo
facilitado. A afirmação II é verdadeira, pois Angular é o framework com pior
desempenho em relação à renderização e ao tamanho de arquivos. A afirmação
III é verdadeira, visto que Vue.js e React possuem a vantagem de serem
utilizados sem a instalação do Node.js. A afirmação IV é falsa, pois React é
considerada uma biblioteca, e não o Angular. A afirmação V é falsa, pois o React
que é inspirado no padrão Visão do Modelo-Visão-Controle.
Resolução comentada:
Um template é constituído de elementos HTML que serão renderizados, sendo
mantidos em um arquivo HTML. Já um arquivo de estilização corresponde ao
arquivo que aplicará regras e propriedades do CSS aos elementos do template
(HTML). Finalmente, um arquivo TypeScript é onde o componente é definido por
meio de um decorator @Component, registrando a localização dos arquivos
(HTML, CSS), além de identificar o selector a ser utilizado para referenciar tal
componente na aplicação.
Arquivos e Links
Avaliação enviada com
sucesso
 
Cosmos · Cosmos https://kroton.platosedu.io/lms/m/aluno/disciplina/index/2943499/7144645
6 of 6 20/06/2023, 13:46
https://kroton.platosedu.io/lms/m/aluno/disciplina/index/2943499/7144645#
https://kroton.platosedu.io/lms/m/aluno/disciplina/index/2943499/7144645#