Prova - Frameworks Front End

Prévia do material em texto

18/04/2024, 17:12 Cosmos · Cosmos
https://kroton.platosedu.io/lms/m/aluno/disciplina/index/3265790/10476298 1/5
Frameworks front end
Professor(a): Anderson da Silva Marcolino (Doutorado)
1)
2)
3)
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!
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:
I, II e III, apenas.  CORRETO
II, IV e V, apenas.
I, III e IV, apenas.
I, III e V, apenas.
II, III e IV, apenas.
Código da questão: 63490
O framework React se baseia na construção de componentes para a criação de aplicações web. Sobre a criação e conversão de uma função
em JavaScript para componentes React, assinale a alternativa correta.
Alternativas:
O método render() não precisa de um retorno para que o componente seja apresentado ao usuário.
Em um componente React, a função será traduzida em um método responsável por renderizar o conteúdo, sendo este o
document.getElementById('root').
Um componente React é integrado e renderizado em uma página por meio de um conversor.
A função JavaScript deve ser transcrita em um componente, para isso, deverá ser escrita, gerando uma classe que deve estender
React.render().
Na conversão de uma função para um componente, o conteúdo da função é inserido no corpo do método render().  CORRETO
Código da questão: 63512
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:
Resolução comentada:
A afirmação I é verdadeira, pois, 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. 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 componente React é integrado e renderizado em uma página por meio de um seletor. Quando uma função é traduzida em um
método responsável por renderizar o conteúdo, tal método é o render(), que precisa, obrigatoriamente, de um retorno para que o
componente seja apresentado ao usuário. Finalmente, para que uma função JavaScript seja transcrita em um componente, deverá ser
transformada em uma classe que estenderá React.component.
18/04/2024, 17:12 Cosmos · Cosmos
https://kroton.platosedu.io/lms/m/aluno/disciplina/index/3265790/10476298 2/5
4)
5)
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 – B; II – A; III – C.
I – A; II – B; III – C.
I – A; II – C; III – B.  CORRETO
Código da questão: 63503
React utiliza alguns métodos específicos que definem o seu ciclo de vida. Sobre os métodos do ciclo de vida do React, leia as afirmativas a
seguir e associe as colunas:
Alternativas:
I – C; II – B; III – A.
I – C; II – A; III – B.
I – A; II – C; III – B.  CORRETO
I – A; II – B; III – C.
I – B; II – A; III – C.
Código da questão: 63510
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.
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:
render() é o método responsável por renderizar os componentes em tela.
componenteDidMount() é um método executado depois que o componente é renderizado no DOM.
componenteWillUnmount() é um método executado após a execução do componente e da realização de suas funcionalidades,
finalizando e excluindo elementos que não serão mais utilizados.
18/04/2024, 17:12 Cosmos · Cosmos
https://kroton.platosedu.io/lms/m/aluno/disciplina/index/3265790/10476298 3/5
6)
7)
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, IV e V, apenas.
I, II e III, apenas.  CORRETO
I, III e V, apenas.
II, III e IV, apenas.
I, III e IV, apenas.
Código da questão: 63497
As diferentes características dos frameworks e das bibliotecas podem levar à sua adoção ou não, principalmente quando nos referimos ao
Vue.js, React e Angular. Sobre tais frameworks e bibliotecas, leia as afirmativas a seguir e associe as colunas:
Assinale a alternativa que traz a associação correta entre as colunas.
Alternativas:
I – A; II – C; III – B.
I – C; II – A; III – B.
I – B; II – A; III – C.
I – A; II – B; III – C.  CORRETO
I – C; II – B; III – A.
Código da questão: 63489
Para a integração de um componente Angular em uma aplicação, é necessário a definição de um selector. Sobre a definição de um selector
de um componente Angular, assinale a alternativa correta.
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.
Resolução comentada:
Vue.js. é um framework que se integra com outros frameworks e utiliza como padrão o modelo VisãoModelo. Angular é um framework
que se integra com outros frameworks, porém essa integração é mais restrita, e é mantido por comunidade independente. React é
chamado de frameworks, mas, na realidade, é uma biblioteca que se integra com outros frameworks, e utiliza como padrão a Visão do
Modelo-Visão-Controle.
18/04/2024, 17:12 Cosmos · Cosmos
https://kroton.platosedu.io/lms/m/aluno/disciplina/index/3265790/10476298 4/5
8)
9)
Alternativas:
O selector recebe informações de estilização CSS, que serão utilizadas pelo componente.
O selector recebe informações do template HTML, que serão utilizadas pelo componente.
O selector é opcional, visto que um componente pode ser integrado à aplicação final por meio do arquivo HTML.
O selector recebe um nome que permitirá que este seja inserido e referenciado em um componente por meio de uma tag similar às tags
HTML.  CORRETO
O selector cria tags HTML, que serão utilizadas na classe e em seus métodos no arquivo TypeScript.
Código da questão: 63506
Podemos conceber aplicações ________ utilizando apenas linguagem de marcação de __________ (HTML), folha de ____________ em cascata
(CSS) e JavaScript. Contudo, o benefício de utilizar ________________ou bibliotecas é que trazem muitas ______________ já prontas para utilização,
o que é preferível a criar tudo do zero.
Assinale a alternativa que completa adequadamente as lacunas.
Alternativas:
Web; hipertexto; estilos; frameworks; funções.  CORRETO
Hipertexto; web; estilos; frameworks; funções.
Hipertexto; web; funções; frameworks; estilos.
Web; funções; hipertexto; estilos; frameworks.
Web; estilos; hipertexto; funções; frameworks.
Código da questão: 63487
Sobre os componentes encapsulados, analise as afirmativas a seguir e assinale-as com V (verdadeiro) ou F (falso):
( ) Para que o componente possa ser encapsulado, ele deve ser atribuído a uma variável.
( ) Um componente encapsulado possui a propriedade template, na qual são inseridos os elementos que serão renderizados para os usuários.
( ) Na instância da aplicação, para que um componente encapsulado seja utilizado, ele deve ser atribuído a uma propriedade “el”.
( ) Para que um componente encapsulado seja devidamente apresentado, ele deve ser incluído na lista de componentes, por meio da
propriedade “components”, na instanciação principal da aplicação.
( ) Um componente encapsulado pode ser utilizado em quaisquer componentes da aplicação.
Assinale a alternativa que contenha a sequência correta.
Alternativas:
V – F – F – V – V.
F – V – V – F – V.
F – F – V – F – V.
V – F – V – F – V.
V – V – F – V – F.  CORRETO
Resolução comentada:
O selector recebe um nome que permitirá que este seja inserido e referenciado em um componente por meio de uma tag similar às
tags HTML. Está presente no corpo do decorator @Component, junto à especificação do template e do arquivo CSS que estilizará o
componente.
Resolução comentada:
Podemos conceber aplicações web utilizando apenas linguagem de marcação de hipertexto (HTML), folha de estilos em cascata (CSS) e
JavaScript. Contudo, o benefício de utilizar frameworks ou bibliotecas é que trazem muitas funções já prontas para utilização, o que é
preferível a criar tudo do zero.
Resolução comentada:
É verdade que, para que o componente possa ser encapsulado, ele deve ser atribuído a uma variável. Também é verdade que tal
componente possui a propriedade template, na qual são inseridos os elementos que serão renderizados para os usuários. É falso que,
na instância da aplicação, para que um componente encapsulado seja utilizado, ele deve ser atribuído a uma propriedade “el”. Na
realidade, ele deve ser atribuído à propriedade “component”. É verdadeiro que, para que um componente encapsulado seja
18/04/2024, 17:12 Cosmos · Cosmos
https://kroton.platosedu.io/lms/m/aluno/disciplina/index/3265790/10476298 5/5
10)
Código da questão: 63495
Um documento HTML é composto por diversas tags, e estas são utilizadas para criar elementos renderizados na tela do usuário e para
integrar outros elementos, incluindo bibliotecas e frameworks. Sobre a tag de integração e sua sintaxe, assinale a alternativa correta.
Alternativas:
Pode-se utilizar apenas uma instância da tag em cada documento HTML.
A tag pode receber conteúdo interno no seu bloco ou via atributo “src” de source, correspondendo a um arquivo localizado na pasta do
projeto.  CORRETO
A tag é utilizada para integrar um arquivo JavaScript na folha de estilos em cascata.
A tag pode receber conteúdo interno no seu bloco ou via atributo “src” de source, correspondendo a um arquivo localizado na pasta do
projeto ou a um arquivo disponibilizado na internet, via URL.
A tag é utilizada para integrar um arquivo JavaScript no documento HTML.
Código da questão: 63486
devidamente apresentado, ele deve ser incluído na lista de componentes, por meio da propriedade “components”, na instanciação
principal da aplicação. E é falso que um componente encapsulado pode ser utilizado em quaisquer componentes da aplicação, pois,
uma vez encapsulado, ele pode ser utilizado apenas em componentes específicos.
Resolução comentada:
A tag é utilizada para integrar arquivos de script em documentos HTML. Pode ser utilizada quantas vezes forem necessárias e receber
conteúdo interno no seu bloco ou via atributo “src”, que deverá receber como valor um arquivo localizado localmente no projeto ou
disponibilizado na internet via URL.
Arquivos e Links