Desenvolvimento com Framework para Web

Prévia do material em texto

1- “DOM – (Document Object Model) é um modelo de objeto de documento que permite ler e alterar o conteúdo, o design e até mesmo a estrutura de documentos HTML. Cada uma das estruturas tem sua própria abordagem para o processamento do DOM, que tem um impacto na renderização da página final exibida na tela do usuário” (ALVO EM FOCO, 2021).
Fonte: ALVO EM FOCO. Comparando as estruturas JavaScript Vue.js, React e Angular. 2021. Disponível em: https://www.alvoemfoco.com.br/comparando-as-estruturas-javascript-vuejs-react-e-angular. Acesso em: 15 set. 2023.
De posse das informações apresentadas e considerando que um benefício específico é atribuído ao modelo de DOM no Vue.js em comparação a outras bibliotecas frontend, analise as alternativas a seguir e indique a correta:
A. Modelo de DOM rígido, adequado apenas para interfaces de usuário simples e estáticas.
B. Maior reatividade, permitindo atualizações automáticas em resposta a mudanças nos dados.
C. Manipulação direta do DOM restrita, priorizando abordagens indiretas para controle de elementos.
D. Necessidade de bibliotecas externas para garantir a eficiência na renderização.
2- “A diretiva v-for é uma diretiva Vue.js usada para fazer um loop sobre dados, geralmente um array ou objeto. Primeiro, criaremos um elemento div com id como app e aplicaremos a diretiva v-for a um elemento com dados. Agora, criaremos esses dados inicializando uma instância Vue com o atributo data contendo o valor (DSA, 2020).
Fonte: DSA. Diretiva v-for em Vue.js. (2020). Disponível em: https://www.geeksforgeeks.org/v-for-directive-in-vue-js/. Acesso em: 16 set. 2023.
Considere V para afirmativas corretas e F para as falsas com relação ao uso da diretiva v-for no Vue.js:
(    ) A diretiva v-for permite definir explicitamente o índice de iteração.
(    ) A utilização da diretiva v-for não é restrita exclusivamente a arrays. 
(    ) A diretiva v-for é utilizada para realizar iterações em arrays e objetos no Vue.js.
(    ) A diretiva v-for é exclusiva do Vue.js e não é comum em outros frameworks JavaScript.
Assinale a afirmativa que contempla corretamente a sequência:
A. V, V, V, F.
B. V, V, F, F.
C. F, V, V, F.
D. V, F, F, V.
3- 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. As asserções I e II são verdadeiras, e a II é uma justificativa da I.
B. As asserções I e II são verdadeiras, mas a II não é 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.
4- “Assim como os Plugins, Diretivas Personalizadas e os Mixins, os filtros fazem parte das funcionalidades reutilizáveis dentro do Vue, auxiliando no processo de criação de componentes (...). Nos componentes do Vue, os filtros são funcionalidades que nos permitem obter diversas formatações na saída dos dados dinâmicos do seu estado. Ou seja, eles não alteram os dados de um componente, apenas podem formatar seus dados na renderização (RICELLY, 2020).
Fonte: RICELLY, Matheus. Conhecendo e desenvolvendo filtros no Vue.js. 2020. Disponível em: https://fsenaweb.medium.com/conhecendo-e-desenvolvendo-filtros-no-vue-js-cc79f6b9ca70. Acesso em: 14 set. 2023.
 
Com base no texto fornecido sobre Vue.js e suas funcionalidades, analise as afirmativas a seguir:
I. O Vue.js utiliza filtros para obter diversas formatações na saída dos dados de um componente.
II. A manutenção do Vue.js é realizada pela mesma empresa que mantém o AngularJS, a Google.
III. As Diretivas Personalizadas no Vue.js são usadas para formatar dados na renderização dos componentes.
IV. Os Filtros no Vue.js não alteram diretamente os dados originais de um componente durante a renderização.
É correto o que se afirma em:
A. III e IV, apenas
B. I, II e III, apenas.
C. II e III, apenas.
D. I e IV, apenas.
5- A UX, experiência de usuário, e a UI, interface do usuário, hoje em dia, são primordiais quando se fala de desenvolvimento de sites, aplicações web e aplicativos mobile. Os usuários esperam ter facilidade, rapidez e boa experiência ao interagir com essas aplicações. No outro lado, estão os responsáveis pelas páginas que esperam uma boa manutenibilidade e um grande leque de opções proporcionados durante o desenvolvimento.
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.
Qual linguagem é destacada como a linguagem de programação da Web e parte da tríade de tecnologias essenciais para desenvolvimento web leve e que tenha uma boa experiência de usuário (UX)?
A. JavaScript.
B. Ruby.
C. Kotlin.
D. Python.
6- “A renderização condicional é utilizada para exibir ou esconder algum código de acordo com uma condição, e o VueJS só mostrará um determinado elemento na tela caso atenda a alguma condição. Há situações onde é preciso mostrar algo, somente dependendo de alguma condição específica, por exemplo, no sistema há dois níveis de usuário, administrador e colaborador, no caso, somente o administrador pode ter acesso aos relatórios, então não é conveniente deixar no menu a opção de relatórios quando um colaborador está logado, é possível resolver isso com renderização condicional (CERON, 2021).
Fonte: CERON, Vitor. Renderização condicional (v-if v-else e v-show) VueJS. 2021. Disponível em: https://programandosolucoes.dev.br/2021/02/02/condicional-vuejs/. Acesso em: 14 set. 2023.
Com base no uso das diretivas v-if, v-else, e v-show em Vue.js, e considerando um estudo de caso, analise as afirmativas a seguir:
I. O Vue.js utiliza a diretiva v-else para modificar dinamicamente o estado de campos de input, associando-os a métodos específicos dentro da instância Vue.
II. A diretiva v-if é frequentemente utilizada quando se deseja renderizar ou não renderizar um bloco de elementos com base em uma condição estabelecida na lógica da programação.
III. A funcionalidade da diretiva v-show permite alternar a visibilidade de um elemento na página, tornando-o invisível, mas ainda ocupando espaço no layout, com base em uma condição.
IV. O Vue.js apresenta as diretivas condicionais v-if e v-else que são ideais para lidar com lógicas de renderização condicional, enquanto v-show é mais adequada quando se deseja alternar a visibilidade de elementos.
É correto o que se afirma em:
A. III e IV, apenas.
B. II, III e IV, apenas.
C. I e IV, apenas.
D. II e III, apenas.
7- Todas as diretivas no Vue.js são identificadas pelo prefixo "v-", destacando sua natureza específica para o framework. Essas diretivas desempenham um papel fundamental na definição de eventos, iterações e até mesmo na implementação do amplamente reconhecido two-way data binding em elementos, proporcionando um controle dinâmico e eficiente nas interações entre a lógica de aplicação e a interface do usuário.
Fonte: RONALDO, B. Vue.Js - Introdução e criando primeiro projeto. Hcode, c2023. Disponível em: https://hcode.com.br/blog/vue-js-introducao-e-criando-primeiro-projeto. Acesso em: 15 set. 2023.
De acordo com a diretiva v-on no Vue.Js, analise as afirmativas a seguir:
I. A diretiva v-on permite associar um evento à execução do métodoreplaceMessage.
II. A diretiva v-on facilita a criação de caixas de texto interativas para a digitação de mensagens.
III. A diretiva v-on modifica a mensagem atual pela inserção da nova mensagem, permitindo interações dinâmicas e atualizações instantâneas.
IV. A diretiva v-on desempenha um papel crucial ao definir o placeholder das caixas de texto, proporcionando orientação visual para uma experiência mais intuitiva ao usuário.
É correto o que se afirma em:
A. I, II e III, apenas.
B. I, apenas.
C. I, II, III e IV.
D. III e IV, apenas.
8- A maioria dos sites modernos usa JavaScript de alguma forma para melhorar a velocidade e a interatividade. Tradicionalmente, os sites eram aplicativos de várias páginas, onde um novo documento HTML era carregado toda vez que o usuário mudava de página ou seu conteúdo. Isso era relativamente lento em comparação com a abordagem mais recente de desenvolvimento de aplicativos de página única (SPA) (BIELAK; BOREK; PLECHAWSKA-WÓJCIK, 2022).
Fonte: BIELAK, K.; BOREK, B.; PLECHAWSKA-WÓJCIK, M. (2022). Análise de desempenho de aplicações web utilizando frameworks Angular, React e Vue.js. Jornal do Instituto de Ciências da Computação, 23 , 77-83. Disponível em: https://doi.org/10.35784/jcsi.2827. Acesso em: 8 nov. 2023.
A partir do exposto e considerando um dos principais propósitos dos frameworks front-end, analise as alternativas a seguir e indique a correta:
A. Especificar a apresentação de páginas web.
B. Especificar o conteúdo de páginas web.
C. Especificar o comportamento de páginas web.
D. Organizar elementos compositivos do design.
9- 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, F, V, V.
B. V, V, F, F.
C. F, V, V, F.
D. V, F, F, V.
10- 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:
A. III, apenas.
B. I e II, apenas.
C. I, II e III.
D. II e III, apenas.