Desenvolvimento com Framework para Web

Prévia do material em texto

1- “Os componentes no Vue.js precisam compartilhar dados uns com os outros às vezes para fornecer a saída desejada. Os componentes em uma página da web estão em uma ordem hierárquica, como uma árvore. A maneira mais básica de interagir e passar dados entre componentes é usando $emit e props (ACERVOLIMA, 2022).
Fonte: ACERVOLIMA. COMUNICAÇÃO ENTRE COMPONENTES USANDO $EMIT E PROPS EM VUE.JS. 2022. Disponível em: https://acervolima.com/comunicacao-entre-componentes-usando-emit-e-props-em-vue-js/. Acesso em: 16 set. 2023.
Sobre a comunicação com eventos no Vue.js, analise as afirmativas a seguir:
I. Um componente filho pode enviar mensagens para um componente pai no Vue.js, utilizando a diretiva v-emit.
II. No Vue.js, é possível personalizar eventos para incluir dados extras como argumentos, melhorando a comunicação detalhada entre componentes.
III. No Vue.js, o componente pai utiliza $emit para emitir eventos personalizados. Essa funcionalidade permite que o componente pai comunique informações ou estados aos seus componentes filhos.
IV. No Vue.js, um componente pai e um componente filho não podem ter eventos personalizados com o mesmo nome, esses eventos causarão conflito. Cada componente trata eventos distintos para evitar erros.
É correto o que se afirma em:
A. I, II e III, apenas.
B. III e IV, apenas.
C. I e IV, apenas.
D. II e III, apenas.
2- “Mixin é basicamente um pedaço de código em forma de objeto, que podemos utilizar em qualquer componente da nossa aplicação. Ele pode conter as mesmas funcionalidades de um componente, como data, methods e os gatilhos created e mounted” (DEVMEDIA, 2021).
Fonte: DEVMEDIA. Mixin e Vue.js. 2021. Disponível em: https://www.devmedia.com.br/mixin-e-vue-js/42978. Acesso em: 9 set. 2023.
De posse das informações apresentadas e considerando a principal finalidade do uso de mixins no contexto do desenvolvimento web utilizando pré-processadores CSS, como Sass ou Less, analise as alternativas a seguir e indique a correta:
A. Criar animações avançadas para elementos HTML usando CSS3.
B. Facilitar a comunicação entre componentes em frameworks JavaScript.
C. Otimizar a renderização de páginas web em navegadores mais antigos.
D. Reutilizar e compartilhar blocos de código CSS em vários seletores ou estilos.
3- Cada elemento no Bulma prioriza os dispositivos móveis e é otimizado para leitura vertical, portanto, por padrão no celular: columns estão empilhados verticalmente, o level componente mostrará seus filhos empilhados verticalmente, o nav menu ficará oculto. No entanto, você pode impor o layout horizontal para ambos columns ou level, anexando o is-mobile modificador.
Fonte: BULMA: o framework CSS moderno que simplesmente funciona. Bulma, 2023. Disponível em: https://bulma.io/. Acesso em: 13 set. 2023.
Com base nas informações apresentadas, analise as afirmações considerando V para verdadeiro e F para falso:
(    ) A personalização em Bulma.io não afeta a identidade visual dos componentes Vue.js.
(    ) A personalização em Bulma.io permite adaptar os componentes Vue.js às necessidades específicas de um projeto.
(    ) A prática de personalização não apenas amplia significativamente a reutilização de código, mas também desempenha um papel crucial na redução da carga de manutenção.
(    ) A incorporação excessiva de personalização pode resultar em uma diminuição da eficiência do código, tornando-o menos otimizado e, consequentemente, mais desafiador de manter ao longo do tempo.
Assinale a alternativa que contempla corretamente a sequência:
A. V, V, F, V.
B. F, V, V, F.
C. V, V, V, F.
D. F, F, V, F.
4- O node pode ser caracterizado como uma forma de executar o Javascript no lado do servidor. Com esta possibilidade, milhares de desenvolvedores criam e publicam aplicações que podem ser usadas pelas comunidades. Graças ao node, o Javascript tornou-se uma linguagem amplamente empregada, ou seria mérito do Javascript possibilitar uma tecnologia como o node?
Fonte: SCHMITZ, D.; GEORGII, D. P. Vue.js na prática. ToAZ, 2016. Disponível em: https://toaz.info/doc-view-2. Acesso em: 10 set. 2023.
Considerando o uso do Vue.js para projetos de desenvolvimento de aplicações, analise as afirmações considerando V para verdadeiro e F para falso:
(    ) Os projetos Vue.js requerem configuração do ambiente de desenvolvimento e instalação das dependências necessárias.
(    ) O Node.js e o npm são pré-requisitos essenciais para a instalação e o desenvolvimento efetivo com o Vue.js, facilitando o gerenciamento de dependências.
(    ) O Bulma.io destaca-se como uma versátil biblioteca, oferecendo recursos abrangentes para estilizar aplicativos Vue.js, proporcionando uma experiência de desenvolvimento.
(    ) A instalação do Node.js no sistema operacional Linux requer a execução do comando específico: 'npm install nodejs'. Esse procedimento é essencial para iniciar o desenvolvimento de aplicações.
Assinale a alternativa que contempla corretamente a sequência:
A. F, V, V, F.
B. V, V, F, V.
C. V, V, V, F.
D. F, F, V, F.
5- Devido à natureza de compreensão de classes CSS da Bulma, o código HTML que você desenvolve não interfere no estilo da sua página. Portanto, a classe .input é uma opção disponível, permitindo que você selecione quais elementos deseja estilizar conforme suas preferências e necessidades.
Fonte: BULMA: o framework CSS moderno que simplesmente funciona. Bulma, 2023. Disponível em: https://bulma.io/. Acesso em: 13 set. 2023.
Qual é a finalidade do Bulma.io em um projeto Vue.js?
A. Fornecer um ambiente de desenvolvimento para o Vue.js.
B. Fornecer funcionalidades de servidor para o Vue.js.
C. Fornecer classes CSS para estilizar os componentes Vue.js.
D. Fornecer ferramentas de teste para o Vue.js.
6- “O exemplo fará uso de tecnologias simples e já bem conhecidas no mundo de desenvolvimento web: HTML, CSS, Bootstrap, JavaScript e jQuery. O Bootstrap será usado para tornar a construção da estrutura e estilo da página mais simples, sem termos de nos preocupar com configurações que não fazem parte do escopo do artigo. Já o jQuery será usado para facilitar a codificação em JavaScript” (DEVMEDIA, 2023).
Fonte: DEVMEDIA. Vue.js Tutorial. 2023. Disponível em: https://www.devmedia.com.br/vue-js-tutorial/38042#ambiente. Acesso em: 20 set. 2023.
Analisando o texto-base e baseado em seus conhecimentos sobre as diferentes formas de instalação do Vue.Js, analise as afirmações considerando V para verdadeiro e F para falso:
(    ) Se você preferir, pode baixar o arquivo JavaScript do Vue.js e referenciá-lo no seu HTML ou no seu projeto, mas para isso é preciso usar um gerenciamento de pacotes ou uma CDN.
(    ) Se considerar o uso do  HTML, CSS, Bootstrap, JavaScript e jQuery em um projeto web, a maneira mais simples de incorporar o Vue.js seria por meio de uma instalação CDN (Content Delivery Network). 
(    ) Se o seu projeto estiver crescendo e se tornando mais complexo, você pode considerar a utilização do Vue CLI para gerenciar melhor as dependências, organizar o código e utilizar recursos avançados do Vue.js.
(    ) Se você está considerando utilizar o Vue.js de forma mais avançada, especialmente se planeja criar um aplicativo Vue mais complexo ou se envolver em desenvolvimento Vue.js mais robusto, a instalação via npm (Node Package Manager) não é recomendada.
Assinale a afirmativa que contempla corretamente a sequência:
A. V, F, F, V.
B. F, V, V, F.
C. V, V, F, F.
D. V, V, V, F.
7- “O Vue.js utiliza uma sintaxe de templates baseada em HTML, permitindo que você vincule declarativamente o DOM renderizado aos dados da instância Vue. Todos os templates do Vue.js são compostos por HTML válido que pode ser compilado por navegadores compatíveis com as especificações e também por compiladores HTML” (VUEJS, 2023).
Fonte: VUEJS. Sintaxe de templates. 2023. Disponível em: https://br.vuejs.org/v2/guide/syntax.html. Acesso em: 8 set. 2023.
Sobre a estrutura básica dos componentes Vue.js, analise as afirmações considerando V para verdadeiro e F para falso:
(    ) A estrutura básica de umcomponente Vue.js é composta por três partes principais: template, script e styles.
(    ) O template é responsável por definir a aparência e o layout da interface do usuário, usando a sintaxe de template do Vue.js.
(    ) A seção script é onde a lógica de negócios do componente é definida, utilizando JavaScript para especificar propriedades, computeds e métodos que serão utilizados.
(    ) A parte de templates é responsável por definir a aparência visual do componente, sendo comumente escrita em CSS, mas com a possibilidade de fazer uso de pré-processadores como Sass ou Less.
Assinale a afirmativa que contempla corretamente a sequência:
A. V, V, V, F.
B. V, V, F, F.
C. V, F, F, V.
D. F, F, V, F.
8- Como componentes são instância Vue reutilizáveis, eles aceitam as mesmas opções que new Vue, como data, computed, watch, methods e gatilhos de ciclo de vida. As únicas exceções são as poucas opções específicas de raiz, como el. Além disso, diretivas Vue.js são recursos que permitem manipular o comportamento do DOM.
Fonte: VUE.JS. Básico sobre Componentes. 2023. Disponível em: https://br.vuejs.org/v2/guide/components.html. Acesso em: 15 set. 2023.
Referente ao Vue.JS, e suas diretivas:
A. v-bind é um exemplo de diretiva do Vue.js, porém o v-if não é considerado uma diretiva.
B. O termo DOM (Document Object Model) refere-se a uma representação estruturada em árvore de um documento HTML ou XHTML, exceto XML.
C. v-if é um exemplo de diretiva do Vue.js, porém o v-model não é considerado uma diretiva.
D. O termo DOM (Document Object Model) refere-se a uma representação estruturada em árvore de um documento HTML, XML ou XHTML.
9- “Para iniciar seus projetos no Vue.Js, certifique-se de estar com o NodeJs instalado em sua máquina. O NPM, que é um método de instalação recomendado para construção de aplicações em larga escala com o Vue, pois, oferece gestão de dependências, versionamento, módulos reutilizáveis, gestão de tarefas, atualizações constantes, dentre outras vantagens” (MARQUES, 2018).
Fonte: MARQUES, Rogério. Primeiros passos com o framework Vue.Js. Cedro. 2018. Disponível em: https://www.cedrotech.com/blog/primeiros-passos-com-o-framework-vue-js/#. Acesso em: 23 set. 2023.
Sobre o uso do NPM nas instalações do Vue.js, analise as seguintes afirmativas:
I. A instalação do NPM no Linux requer apenas a execução do comando npm install.
II. O comando vue --version é utilizado para verificar a instalação bem-sucedida do Vue.js no Linux.
III. A versão do NPM é exibida após verificação com npm -v e o próximo passo é digitar npm install vue para instalação local do Vue.js.
IV. A criação de um novo projeto Vue.js, no Windows, é realizada digitando no prompt de comando o código vue create my-project e executando o comando.
É correto o que se afirma em:
A. I, II e III, apenas.
B. I e IV, apenas.
C. II e III, apenas.
D. III e IV, apenas.
10- “Qualquer atributo de transição pode ser interligado dinamicamente. E não somente atributos. Como gatilhos de eventos são métodos, eles possuem acesso a qualquer dado no contexto. Isso significa que, dependendo do estado do seu componente, as transições do JavaScript podem se comportar de maneira diferente” (VUEJS, 2020).
Fonte: VUEJ. Transições de listas. 2020. Disponível em: https://vueframework.com/docs/v3/br/guide/transitions-list.html#transicoes-reutilizaveis. Acesso em: 10 set. 2023.
O código a seguir pode ser usado para a implementação de qual componente dinâmico no Vue.Js?
A. Gráficos.
B. Menu Suspenso.
C. Modais.
D. Alertas.
image1.png