Avaliação 1 - Framework

Prévia do material em texto

30/10/23, 13:29 about:blank
about:blank 1/5
Avaliação I - Individual (Cod.:888528)
Código da prova: 73795569
Disciplina: Desenvolvimento com Framework I para Web (149973)
Período para responder: 09/10/2023 - 10/11/2023
Peso: 1,50
1 -
Para adicionar métodos a uma instância do componente, usamos a opção methods, apresentada no código a seguir, por exemplo:
O Vue vincula automaticamente o valor de this nos methods para que sempre se refira à instância do componente.
Fonte: PROPRIEDADES de dados e métodos. Vue.js, 2022. Disponível em: https://vuejsbr-docs-next.netlify.app/guide/data-
methods.html#propriedades-de-dados. Acesso em: 15 set. 2023.
Com base no texto sobre métodos no Vue.js, qual é uma das principais responsabilidades dos métodos?
A )
Manipular os dados em uma aplicação.
B )
Realizar ações específicas de forma estática.
C )
Definir a estrutura de uma aplicação Vue.js.
D )
Gerar elementos interativos para o usuário em uma aplicação.
2 -
Ganchos de ciclo de vida são uma janela para ver como a biblioteca que você está usando funciona nos bastidores. Os ganchos de ciclo de vida
permitem saber quando seu componente é criado, adicionado ao DOM, atualizado ou destruído. Os ganchos de criação são os primeiros ganchos
que são executados em seu componente. Eles permitem que você execute ações antes mesmo do seu componente ser adicionado ao DOM.
Fonte: BEMENDERFER, J. Compreendendo os ganchos de ciclo de vida do Vue.js. Digital Ocean, 2020. Disponível em:
https://www.digitalocean.com/community/tutorials/vuejs-component-lifecycle-pt. Acesso em: 15 set. 2023.
Considerando os ciclos de vida no Vue.Js, analise as afirmações considerando V para verdadeiro e F para falso:
( ) O ciclo de vida do Vue.js executa funções em diferentes momentos da aplicação.
( ) A função "beforeDestroy" é executada após a aplicação ser finalizada ou destruída.
( ) O método "mounted" é chamado antes do processo de montagem da aplicação começar.
( ) O método updated no ciclo de vida do Vue é chamado após o DOM ser atualizado para refletir as mudanças nos dados da instância Vue.
Assinale a alternativa que contempla corretamente a sequência:
A )
F, F, V, F.
B )
F, V, V, F.
C )
V, V, V, F.
30/10/23, 13:29 about:blank
about:blank 2/5
D )
V, V, F, V.
3 -
Quando se trabalha com componentes é extremamente comum necessitarmos passar dados de um componente para outro, ainda mais de um
componente-pai para um componente-filho. Como cada componente tem seu escopo próprio, não podemos simplesmente referenciar dados de
um componente a outro.
Fonte: MARTIN, K. Comunicação entre componentes com VueJS. Medium, ago. 2018. Disponível
em: https://medium.com/@kevinbreaker/comunica%C3%A7%C3%A3o-entre-componentes-com-vuejs-8fbb1ff075b3. Acesso em: 1 out. 2023.
Sobre a comunicação entre componentes no Vue.js, analise as afirmativas a seguir:
I. Props são uma maneira de passar dados de um componente-pai para um componente-filho.
II. Os props são passados como atributos nos elementos personalizados do Vue.js.
III. Os props são imutáveis no componente-filho.
É correto o que se afirma em:
A )
III, apenas.
B )
I, II e III.
C )
II e III, apenas.
D )
I e III, apenas.
4 -
Com tantas pessoas optando pela utilização do Javascript e com tantas opções de frameworks no mercado, é cada vez mais recorrente na hora de
iniciar um projeto dúvidas como: qual Framework é o melhor? Qual Framework utilizar? Quais fatores devo considerar para esta decisão?
Fonte: adaptado de: CAMARGOS, J. G. C. et al. Uma Análise Comparativa entre os Frameworks Javascript Angular e React. Computação &
Sociedade, v. 1, n. 1, p. 101-113, 2019. Disponível em: http://revista.fumec.br/index.php/computacaoesociedade/article/view/7307. Acesso em:
26 set. 2023.
Com base nas informações apresentadas, considere V para as afirmativas corretas e F para as falsas:
( ) O JavaScript é uma variação do Java.
( ) O Materialize é mantido pelo Facebook.
( ) O Bootstrap é altamente personalizável.
( ) O Vue.js possui uma curva de aprendizagem baixa.
Assinale a alternativa que contempla corretamente a sequência:
A )
F, V, V, F.
B )
F, F, V, V.
C )
V, F, F, V.
D )
V, V, F, F.
https://modeeffect.com/keydifferences-between-website-web-app/
30/10/23, 13:29 about:blank
about:blank 3/5
5 -
Uma aplicação web geral consiste em quatro componentes básicos: um front-end, um design de UI/UX, um back-end e um banco de dados. O
desenvolvimento front-end é o processo de lidar com a perspectiva visual do usuário. A maior parte do que o usuário vê é tratada pelo processo
de desenvolvimento front-end. Para o desenvolvimento web, o front-end utiliza HTML, CSS e JavaScript.
Fonte: TRAN, N. Applying VUE.JS framework in developing web applications. 2020. Disponível em:
https://www.theseus.fi/bitstream/handle/10024/346386/Applying%20Vue.js%20Framework%20in%20Developing%20Web%20Applications.pdf?
sequence=2&isAllowed=y. Acesso em: 10 set. 2023.
Com base no texto fornecido e sobre as aplicações Web, analise as afirmativas a seguir:
I. O designer de UX trabalha para melhorar a satisfação do cliente. 
II. O desenvolvimento front-end lida com a parte visual de uma aplicação web.
III. Os websites geralmente oferecem variedades de utilidades, como comunicação e entretenimento.
IV. O JavaScript é uma linguagem de programação versátil, utilizada principalmente no desenvolvimento de back-end.
É correto o que se afirma em:
A )
III e IV, apenas.
B )
I, II e III, apenas.
C )
I e II, apenas.
D )
I, II, III e IV.
6 -
O npm, ou Node Package Manager, é uma ferramenta de linha de comando e um registro para bibliotecas JavaScript de terceiros que você pode
adicionar a uma aplicação Node. Portanto, para qualquer funcionalidade que você queira incluir em sua aplicação, haverá uma biblioteca ou
módulo de código aberto disponível no registro npm que você pode usar. Com base nas informações apresentadas, avalie as asserções a seguir e
a relação proposta entre elas:
I- O npm e o Yarn são gerenciadores de pacotes que possibilitam uma configuração inicial rápida do Vue.JS.
PORQUE
II- O npm é muito utilizado pela comunidade de desenvolvedores JavaScript para gerenciar as dependências dos seus projetos.
Assinale a alternativa CORRETA:
Fonte: DULDULAO, D. Basilan. Asp.Net Core and Vue.JS. Birmingham: Pack Publishing, 2021. 478 p.
A )
A asserção I é uma proposição falsa, e a II é uma proposição verdadeira.
B )
As asserções I e II são verdadeiras, mas a II não é uma justificativa correta da I.
C )
As asserções I e II são verdadeiras, e a II é uma justificativa da I.
D )
A asserção I é uma proposição verdadeira, e a II é uma proposição falsa.
7 -
Quando você usa a interpolação para imprimir uma propriedade de dados, o HTML é escapado. Essa é uma ótima maneira que o Vue usa para
proteger automaticamente contra ataques XSS. Existem casos, no entanto, em que você deseja gerar HTML e fazer com que o navegador o
interprete. Você pode usar a diretiva v-html.
Fonte: CALDEIRA, D. Aprenda Diretivas em 7 Exemplos Práticos - Diretivas Vue.JS 2.0. Medium, 2019. Disponível em:
https://medium.com/vue-js-o-manual-definitivo/aprenda-diretivas-em-7-exemplos-pr%C3%A1ticos-diretivas-vue-js-2-0-a1688bb1839e. Acesso
30/10/23, 13:29 about:blank
about:blank 4/5
em: 15 set. 2023.
Com base nas informações apresentadas, avalie as asserções a seguir e a relação proposta entre elas:
I. A diretiva v-html é usada para passar dados por atributos em elementos HTML.
PORQUE
II. A diretiva v-html permite incorporar comandos HTML diretamente no código.
A respeito dessas asserções, assinale a opção correta:
A )
As asserções I e II são verdadeiras, mas a II não é uma justificativa correta da I.
B )
As asserções I e II são verdadeiras, e a II é uma justificativa correta da I.
C )
A asserção I é uma proposição verdadeira, e a II é uma proposição falsa.
D )
A asserção I é uma proposição falsa, e a II é uma proposição verdadeira.
8 -
O filter é uma estrutura derepetição em Javascript que serve para percorrer arrays, seu uso mais comum é para percorrer array de objetos. O
filter é bem parecido com o map, e também pode ser confundido com o forEach, porém seu uso pode ser mais específico, e como o próprio
nome diz, para filtrar arrays.
Fonte: CERON, V. Javascript Filter. Programando Soluções, 2020. Disponível em: https://programandosolucoes.dev.br/2020/09/29/javascript-
filter/. Acesso em: 10 set. 2023.
Com base nas informações apresentadas, avalie as asserções a seguir e a relação proposta entre elas:
I. Os filtros podem ser aplicados a qualquer valor no HTML usando a "|" (barra vertical) seguida pelo nome do filtro.
PORQUE
II. Os filtros podem ser aplicados ao mesmo elemento, mas a ordem em que eles são implementados é importante para evitar confusão.
A respeito dessas asserções, assinale a opção correta:
A )
As asserções I e II são verdadeiras, e a II é uma justificativa correta da I.
B )
A asserção I é uma proposição verdadeira, e a II é uma proposição falsa.
C )
As asserções I e II são verdadeiras, mas a II não é uma justificativa correta da I.
D )
A asserção I é uma proposição falsa, e a II é uma proposição verdadeira.
9 -
O Node usa a consagrada linguagem JavaScript no back-end, então o desenvolvedor poderá usar JavaScript full-stack em suas aplicações, sem
precisar ficar traduzindo os dados para fazer o front-end se comunicar com o back-end e vice-versa. É possível usar JSON para tudo.
Fonte: ESCUDELARIO, B. F. Vale a pena aprender NodeJS? iMaster, 2017. Disponível em: https://imasters.com.br/back-end/vale-pena-
aprender-nodejs. Acesso em: 1 out. 2023.
Considerando as informações apresentadas, analise as afirmativas a seguir:
I. O desenvolvedor full-stack precisa dominar várias linguagens de programação.
II. O Node.Js permite a execução de código JavaScript apenas front-end, ou seja, na interface do usuário.
III. O Node.js oferece robusto suporte para a criação de aplicativos de rede altamente performáticos e em tempo real.
É correto o que se afirma em:
30/10/23, 13:29 about:blank
about:blank 5/5
A )
III, apenas.
B )
I e II, apenas.
C )
I, II e III.
D )
II e III, apenas.
10 -
As computed properties no Vue.js são uma ferramenta poderosa para gerenciar dados dinâmicos em componentes. Essas propriedades são
calculadas automaticamente com base em outras propriedades reativas, ajustando-se dinamicamente conforme as mudanças ocorrem no estado
do componente.
Fonte: KYRIAKIDIS, A.; MANIATIS, K. The Majesty of Vue.js 2. [s. l.]: [s. n.], 2017. 332 p. Disponível em: https://leanpub.com/vuejs2-
portuguese. Acesso em: 26 set. 2023.
Considerando o uso das propriedades computadas, analise as afirmações considerando V para verdadeiro e F para falso:
( ) As propriedades computadas podem ser usadas para simplificar o código e evitar redundâncias e complexidades.
( ) As funções “get” e “set” podem ser usadas para alterar o código da propriedade computada com a definição de um novo valor.
( ) As propriedades computadas são mais propensas a redundâncias e complexidades em comparação com a manipulação direta de dados.
( ) As propriedades computadas, embora não criem novas propriedades diretamente, oferecem uma maneira eficaz de derivar valores
dinâmicos com base em propriedades existentes.
Assinale a alternativa que contempla corretamente a sequência:
A )
F, F, V, F.
B )
V, V, F, V.
C )
F, V, V, F.
D )
V, V, F, F.