Cosmos AV-Frameworks Front End 2022

Prévia do material em texto

1/4 
 
 
CORRETO 
Frameworks front end 
 
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! 
 
1) 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: 
 
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. 
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. 
Pode-se utilizar apenas uma instância da tag em cada documento HTML. 
 
 
Código da questão: 63486 
 
 
 
2) O principal destaque ao se utilizar o é a sua capacidade de desenvolver 
 web por meio dos componentes. Um é integrado a uma página por meio 
de um , e pode ter sua origem em uma . 
Assinale a alternativa que completa adequadamente as lacunas. 
 
Alternativas: 
 
React; aplicações; componente; seletor; função. 
Componente; função; React; seletor; aplicações. 
Seletor; função; componente; React; aplicações. 
Componente; aplicações; React; seletor; função. 
Aplicações; React; seletor; componente; função. 
 
Código da questão: 63508 
 
 
 
3) 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, IV e V, apenas. 
I, III e IV, apenas. 
I, II e III, apenas. 
CORRETO 
INCORRETO 
 
 2/4 
 
 
II, III e IV, apenas. 
I, III e V, apenas. 
 
Código da questão: 63497 
 
 
 
4) 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: 
 
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 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. 
No arquivo index.html, é definida a chamada principal do script que inicia a aplicação 
do vue. 
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. 
 
 
 
Código da questão: 63498 
 
 
 
5) 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 – B; II – A; III – C. 
I – C; II – B; III – A. 
I – A; II – B; III – C. 
I – C; II – A; III – B. 
 
Código da questão: 63489 
 
 
 
6) Considere o trecho de código a seguir: 
CORRETO 
CORRETO 
 
 3/4 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Analise as afirmativas a seguir e assinale-as com V (verdadeiro) ou F (falso): 
 
( ) Os dois-pontos e a palavra string indicam uma anotação de tipo (type annotation). 
 
( ) Uma anotação de tipo auxilia a compilação do código em TypeScript e aponta erros, 
caso ocorram. 
( ) Um erro só será apresentado pelo compilador caso ele atribua um valor do tipo string 
(cadeia de caracteres) à variável first ou second. 
 
( ) O uso de uma anotação de tipo pode ser aplicada também para métodos e seus 
parâmetros, além do uso em variáveis. 
( ) Não seria necessário indicar a anotação string nas duas ocorrências das declarações first 
e second, pois, sendo aplicada na primeira ocorrência, seria suficiente. 
 
Assinale a alternativa 
que contenha a sequência correta. 
 
 
Alternativas: 
 
V – F – F – V – V. 
F – F – V – F – V. 
F – V – V – F – V. 
F – F – V – F – F. 
V – V – F – V – F. 
 
 
 
Código da questão: 63502 
 
 
 
7) 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 – V – F – V. 
V – V – F – V – F. 
F – V – V – F – V. 
F – F – V – F – V. 
V – F – F – V – V. 
 
Código da questão: 63495 
 
 
 
8) 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: 
CORRETO 
CORRETO 
 
 4/4 
 
 
CORRETO 
CORRETO 
 
 
 
Alternativas: 
 
I – C; II – A; III – B. 
I – A; II – B; III – C. 
I – A; II – C; III – B. 
I – C; II – B; III – A. 
I – B; II – A; III – C. 
 
Código da questão: 63510 
 
h
 
 
9) 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 arquivo de estilização corresponde ao arquivo que aplicará regras e propriedades 
do CSS aos elementos mantidos no arquivo TypeScript. 
Um template é constituído dos elementos HTML que serão renderizados, sendo 
mantidos em um arquivo XHTML. 
Um template é constituído de regras e propriedades que estilizam os componentes, 
sendo mantidos em arquivo CSS. 
Um arquivo TypeScript contém o decorator @Campos, responsável por registrar e 
identificar todos os arquivos que definem um componente. 
Um template é constituído de elementos HTML que serão renderizados, sendomantidos em um arquivo HTML. 
 
Código da questão: 63505 
 
 
 
10) 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. 
 
Alternativas: 
 
O selector é opcional, visto que um componente pode ser integrado à aplicação final 
por meio do arquivo HTML. 
O selector recebe informações do template HTML, que serão utilizadas pelo 
componente. 
O selector cria tags HTML, que serão utilizadas na classe e em seus métodos no 
arquivo TypeScript. 
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. 
O selector recebe informações de estilização CSS, que serão utilizadas pelo 
componente. 
 
Código da questão: 63506 
CORRETO