Uso de Frameworks em JavaScript

Prévia do material em texto

<p>Iniciado em quinta, 3 out 2024, 21:58</p><p>Estado Finalizada</p><p>Concluída em quinta, 3 out 2024, 22:19</p><p>Tempo</p><p>empregado</p><p>20 minutos 33 segundos</p><p>Avaliar 0,50 de um máximo de 0,50(100%)</p><p>Questão 1</p><p>Completo</p><p>Atingiu 0,05 de 0,05</p><p>O uso de framework é bastante comum em aplicações do mercado por trazerem padronização e facilidades adicionais à</p><p>programação na linguagem de programação puramente dita, como ocorre com JavaScript e seus frameworks.</p><p>É importante compreender a correta utilização destes para não confundir com a programação pura em JavaScript, pois existem</p><p>detalhes que devem ser observados na escrita de scripts.</p><p>Observe o exemplo de script a seguir:</p><p>Partindo da análise do script, leia as alternativas e assinale a correta.</p><p>a. Uma biblioteca chamada Ajax pertencente à Google é utilizada para ampliar funcionalidades JavaScript, sendo ativada</p><p>pelo endereço indicado no script.</p><p>b. O script é utilizado para baixar o framework e disponibilizá-lo diretamente do equipamento em páginas HTML, sendo o</p><p>processo necessário apenas em uma aplicação, pois depois já estará localmente disponível para todas as demais</p><p>aplicações que forem implementadas depois.</p><p>c. O script deve ser utilizado em todos os scripts HTML para indicar a utilização do framework JQuery que será utilizado</p><p>diretamente de sua localização remota de origem.</p><p>d. A função do script é a de criar um link em HTML para botões ou outros elementos que possam sofrer interação de</p><p>usuários para acesso ao site de em framework, para que possa ser estudado e baixado.</p><p>e. O script da atividade é responsável por permitir que o Javascript seja executado diretamente de um servidor remoto e</p><p>não necessite ser instalado localmente no equipamento de origem, assim como é feito para que o HTML possa ser</p><p>executado por navegadores.</p><p>Sua resposta está correta.</p><p>Painel / Minhas Disciplinas</p><p>/ ANÁLISE E DESENVOLVIMENTO DE SISTEMAS PARA TÉCNIC-disc. 15- DESENVOLVIMENTO WEB JAVASCRIP E FRAMEWORKS</p><p>/ ATIVIDADE DE ESTUDO 02 - VALOR 0,5 PONTOS / AB2 - CLIQUE AQUI PARA REALIZAR A ATIVIDADE DE ESTUDO 02 - PRAZO FINAL: 10/11/2024</p><p>https://www.eadunifatecie.com.br/course/view.php?id=50745</p><p>https://www.eadunifatecie.com.br/course/view.php?id=50745</p><p>https://www.eadunifatecie.com.br/my/</p><p>https://www.eadunifatecie.com.br/course/view.php?id=50745</p><p>https://www.eadunifatecie.com.br/course/view.php?id=50745#section-7</p><p>https://www.eadunifatecie.com.br/mod/quiz/view.php?id=1652202</p><p>Questão 2</p><p>Completo</p><p>Atingiu 0,05 de 0,05</p><p>Alguns scripts são criados com base na combinação entre HTML e outros componentes como JavaScript ou algum framework</p><p>de forma que o arquivo HTML gerado acaba tendo conteúdo mesclado, mas continua sendo a base para ser utilizado para gerar</p><p>páginas web em navegadores.</p><p>O script a seguir é elaborado de uma forma diferente, e para esta atividade, avalie o script.</p><p>import { useState } from 'react';</p><p>import ReactDOM from 'react-dom/client';</p><p>function App() {</p><p>const [x, x1] = useState("");</p><p>const [y, y1] = useState(0);</p><p>const handleSubmit = (event) => {</p><p>event.preventDefault();</p><p>alert(`X: ${x}` + ` - Y: ${y}`)</p><p>}</p><p>return (</p><p>Digite um valor:</p><p>x1 (e.target.value)}</p><p>/></p><p>Digite outro valor:</p><p>y1 (e.target.value)}</p><p>/></p><p>)</p><p>}</p><p>const root = ReactDOM.createRoot(document.getElementById('root'));</p><p>root.render();</p><p>Após avaliar o script acima, observe as afirmativas abaixo.</p><p>I – O script tem por objetivo receber dois valores inseridos pelo usuário em campos de formulário;</p><p>II – Um detalhe do script é que a maior parte dos comandos a serem executados foram implementados como retorno da</p><p>função;</p><p>III – Existem uma mescla de comandos Javascript no exemplo, e como resultado, temos um software que deve ser executado</p><p>pelo Prompt de Comandos ou terminal para ser executado em janela;</p><p>IV – Existem quatro variáveis responsáveis por receber valores para serem utilizados na exibição destes quatro valores na página</p><p>ao usuário.</p><p>Assinale a alternativa correta:</p><p>a. Apenas I está correta.</p><p>b. As afirmativas I, II, III e IV estão corretas.</p><p>c. Apenas II, III e IV estão corretas.</p><p>d. Apenas I e II estão corretas.</p><p>e. Apenas II e III estão corretas.</p><p>Sua resposta está correta.</p><p>Questão 3</p><p>Completo</p><p>Atingiu 0,05 de 0,05</p><p>Estruturas de dados são importantes recursos para que se possa trabalhar com dados em aplicações web, mas é preciso estar</p><p>sempre atento ao correto uso das mesmas, respeitando sintaxe e semântica de seu uso para evitar problemas de interpretação e</p><p>execução dos scripts.</p><p>var idade;</p><p>rg;</p><p>let peso = 70;</p><p>altura = 1,75;</p><p>const pi = 3,14;</p><p>const pessoa = {</p><p>nome: "João",</p><p>sobrenomeme: "Silva"</p><p>};</p><p>Observe as afirmativas a seguir contendo pontos ligados ao projeto de desenvolvimento de jogos.</p><p>I – Variáveis podem ser declaradas com o uso da palavra reservada const anteriormente ao seu nome para indicação da</p><p>declaração de variáveis;</p><p>II – É preciso incluir ponto e vírgula ao final da declaração de variáveis, independentemente de terem dados atribuídos para sua</p><p>inicialização ou não;</p><p>III – Objetos são estruturas de dados que podem conter, sob um único nome, dados de diferentes tipos chamados atributos;</p><p>IV – Para se atribuir dados a estruturas de dados, é comum que seja utilizado o operador =.</p><p>Assinale a alternativa correta:</p><p>a. Apenas II, III e IV estão corretas.</p><p>b. As afirmativas I, II, III e IV estão corretas.</p><p>c. Apenas II e III estão corretas.</p><p>d. Apenas I e II estão corretas.</p><p>e. Apenas I está correta.</p><p>Sua resposta está correta.</p><p>Questão 4</p><p>Completo</p><p>Atingiu 0,05 de 0,05</p><p>Existem diferentes formas de lidar com dados em JavaScript, sendo que um tipo muito importante de dado essencial para o</p><p>desenvolvimento de atividades web é o texto.</p><p>Existem recursos desenvolvidos especialmente para tratamento de dados do tipo texto em JavaScript como métodos utilizados</p><p>para diversas finalidades.</p><p>Com base neste contexto, avalie as alternativas e assinale a correta.</p><p>a. Um método bastante útil para se ajustar textos eliminando todos os caracteres em branco contidos em uma string de</p><p>variável, por exemplo, é o método trim(), e com isto, economiza-se espaço de armazenamento e ajusta-se melhor</p><p>conteúdos em páginas web.</p><p>b. O método length() é útil, pois permite que a quantidade de caracteres de um texto seja obtida, e dados como números</p><p>telefônicos e documentos pessoais possam ter seu tamanho verificado.</p><p>c. Quando um texto é armazenado em uma variável com caracteres indesejados como vogais acentuadas ou números, o</p><p>método split() é capaz de substituí-los automaticamente.</p><p>d. Quando necessitamos encontrar uma determinada letra ou símbolo em um texto, podemos utilizar o método concat()</p><p>que recebendo um valor indicativo entre 1 e o tamanho do texto, retorna verdadeiro ou falso se o mesmo for ou não</p><p>encontrado.</p><p>e. Um importante método que pode auxiliar na conferência de texto digitado pelo usuário é o método toUpperCase() que</p><p>facilita a comparação de nomes, senhas, etc., pois converte todos os caracteres de um texto para minúsculo.</p><p>Sua resposta está correta.</p><p>Questão 5</p><p>Completo</p><p>Atingiu 0,05 de 0,05</p><p>A correta elaboração de comandos em scripts é fundamental na correta funcionalidade destes, e quando é necessário controlar</p><p>o fluxo de execução e um script, é necessário que se tenha em mente a lógica para elaboração de expressões condicionais para</p><p>avaliação de opções a serem executadas.</p><p>Observe o exemplo de script a seguir:</p><p>valor = document.getElementById("valor").value;</p><p>if (valor >= 0){</p><p>document.getElementById('atividade').innerHTML = "Valor Positivo";</p><p>}</p><p>Partindo da análise do script, assinale a alternativa correta.</p><p>a. Na expressão</p><p>lógica, o conteúdo da variável valor é utilizado em uma expressão que avalia se o conteúdo da variável</p><p>valor é negativo, pois sendo, é atribuído uma mensagem indicando que o conteúdo representa um valor negativo.</p><p>b. O conteúdo obtido pela execução do script é associado à uma variável chamada atividade que tem este valor</p><p>apresentado na página web em um elemento identificado como valor.</p><p>c. Um dado inserido por um usuário ou implementado no script HTML é atribuído à variável valor para uso no script que</p><p>irá verificar se o valor atende a determinada expressão lógica.</p><p>d. Para o valor gerado pela execução do script para poder ser utilizado no script HTML, apenas elementos do tipo</p><p>podem receber valores de um script JavaScript.</p><p>e. O atributo innerHTML efetua a atribuição do texto Valor Positivo para a variável atividade para que possa ser utilizada</p><p>em algum elemento HTML a ser escolhido no script.</p><p>Sua resposta está correta.</p><p>Questão 6</p><p>Completo</p><p>Atingiu 0,05 de 0,05</p><p>O uso de estruturas de controle é uma atividade bastante comum em scripts para que possam se tornar dinâmicos, pois sem</p><p>estas estruturas, uma aplicação não pode decidir por conta própria, que processos podem ser realizados.</p><p>O script a seguir traz um exemplo de uso de um dos tipos de estruturas de controle estudadas.</p><p>function funcao() {</p><p>x = document.getElementById("x").value;</p><p>if (x == 7) {</p><p>mensagem = "Valor correto!";</p><p>} else if (x > 7) {</p><p>mensagem = "Palpite alto...";</p><p>} else {</p><p>mensagem = "Palpite baixo...";</p><p>}</p><p>document.getElementById('atividade').innerHTML = mensagem;</p><p>}</p><p>Após analisar o script, avalie as afirmativas a seguir:</p><p>I – O script da atividade trata o valor contido na variável x que tem seu valor atribuído a partir de um elemento do script HTML;</p><p>II – Existem 3 avaliações realizadas no script, em que são verificadas possíveis alternativas de valores que podem estar atribuídas</p><p>à variável x;</p><p>III – Ao término da execução do script, o valor da variável x é exibido em um elemento da página web indicado como retorno da</p><p>função;</p><p>IV – O script avalia o valor contido na variável atividade, de forma que dependendo do resultado de expressões lógicas,</p><p>diferentes mensagens são exibidas pela função do script ao usuário.</p><p>Assinale a alternativa correta:</p><p>a. Apenas I e II estão corretas.</p><p>b. Apenas II e III estão corretas.</p><p>c. Apenas I está correta.</p><p>d. Apenas II, III e IV estão corretas.</p><p>e. As afirmativas I, II, III e IV estão corretas.</p><p>Sua resposta está correta.</p><p>Questão 7</p><p>Completo</p><p>Atingiu 0,05 de 0,05</p><p>A elaboração de scripts utilizando frameworks é uma atividade bastante confusa se não forem identificados os componentes</p><p>relativos às linguagens de programação em si em relação ao que representam comandos do framework inseridos num script.</p><p>Avaliar scripts e compreender o que foi implementado é uma habilidade importante e para esta atividade, observe o script a</p><p>seguir:</p><p>$(document).ready(function(){</p><p>$("button").click(function(){</p><p>$(this).show();</p><p>});</p><p>$("p").click(function(){</p><p>$(this).fadeOut();</p><p>});</p><p>});</p><p>Observe agora as afirmativas a seguir.</p><p>I – São tratados eventos de dois elementos HTML no script;</p><p>II – Métodos são implementados nas funções associadas aos eventos para realizar efeitos sobre o conteúdo dos elementos</p><p>HTML;</p><p>III – No script é utilizado a palavra reservada this para representar o elemento HTML associado ao evento que acionam os</p><p>métodos show() e fadeOut() das funções;</p><p>IV – A linha do script $(document).ready(function() é responsável por fazer o script do framework aguardar o carregamento</p><p>completo da página antes de ser executado.</p><p>Assinale a alternativa correta:</p><p>a. As afirmativas I, II, III e IV estão corretas.</p><p>b. Apenas II, III e IV estão corretas.</p><p>c. Apenas I e II estão corretas.</p><p>d. Apenas II e III estão corretas.</p><p>e. Apenas I está correta.</p><p>Sua resposta está correta.</p><p>Questão 8</p><p>Completo</p><p>Atingiu 0,05 de 0,05</p><p>O uso de dados em scripts é algo frequente e importante, pois uma aplicação web geralmente permite que dados sejam</p><p>obtidos, processados e resultados obtidos expostos a usuários na aplicação.</p><p>O tratamento de dados do tipo texto possui algumas particularidades e para este contexto, observe as afirmativas a seguir:</p><p>I – Dados do tipo texto costumam formar textos chamados de strings;</p><p>II – Existem métodos específicos para o tratamento de dados do tipo texto que não possuem aplicação específica para dados</p><p>numéricos;</p><p>III – Dados do tipo texto podem ser concatenados, ou seja, unidos para formar novos textos;</p><p>IV – É possível realizar buscas por caracteres específicos em dados do tipo texto.</p><p>Assinale a alternativa correta:</p><p>a. As afirmativas I, II, III e IV estão corretas.</p><p>b. Apenas II e III estão corretas.</p><p>c. Apenas I e II estão corretas.</p><p>d. Apenas I está correta.</p><p>e. Apenas II, III e IV estão corretas.</p><p>Sua resposta está correta.</p><p>Questão 9</p><p>Completo</p><p>Atingiu 0,05 de 0,05</p><p>Aprender a programar em JavaScript é uma atividade bastante interessante, pois unindo-a com HTML, é possível rapidamente</p><p>ver resultados concretos em páginas visualizadas em navegadores web.</p><p>Uma próxima etapa no aprendizado de desenvolvimento de conteúdo para páginas web e aplicações é a aplicação de</p><p>frameworks em conjunto com HTML e JavaScript, ampliando as possibilidades de criação.</p><p>Com base no tema relacionado a frameworks, observe as afirmativas.</p><p>I – O framework JQuery é considerado uma extensão para os scripts em HTML e JavaScript que agem diretamente sobre</p><p>elementos HTML indicados por tags entre aspas e parênteses;</p><p>II – Um framework ideal para uso com atividades de aplicações remotas cliente-servidor, tendo recursos específicos para este</p><p>tipo de comunicação é React que é conhecido por esta funcionalidade;</p><p>III – Uma forma de ampliar as funcionalidades do HTML é o framework AngularJS que agrega diretivas extras para elementos</p><p>HTML indicadas por iniciais ng;</p><p>IV – Quando se opta pelo uso do framework Node.JS, a tendência é que se utilize suas amplas funcionalidades para</p><p>desenvolvimento de interfaces para gerar aplicações padronizadas em aparência.</p><p>Assinale a alternativa correta:</p><p>a. Apenas I e II estão corretas.</p><p>b. Apenas I está correta.</p><p>c. Apenas I e III estão corretas.</p><p>d. Apenas II, III e IV estão corretas.</p><p>e. As afirmativas I, II, III e IV estão corretas.</p><p>Sua resposta está correta.</p><p>Questão 10</p><p>Completo</p><p>Atingiu 0,05 de 0,05</p><p>Em muitas aplicações web é comum que estas tenham conteúdo sendo disponibilizado remotamente em servidores e sejam</p><p>acessadas por aplicações clientes que necessitam poder acessar recursos remotos.</p><p>O script a seguir contém comandos utilizados no processo.</p><p>var http = require('http');</p><p>http.createServer(function (req, res) {</p><p>res.writeHead(200, {'Content-Type': 'text/plain'});</p><p>res.end('Teste de Node.JS!');</p><p>}).listen(8080);</p><p>...</p><p>http://localhost:8080</p><p>Após observar o script, avalie as alternativas e assinale a correta.</p><p>a. O comando do script http://localhost:8080 é utilizado junto com os comandos HTML para criar um elemento onde</p><p>possa ser exibido o resultado do processamento do script JavaScript.</p><p>b. Com base no que oferece o framework Angulas.JS, às conexões entre cliente e servidor em aplicações web deve ser</p><p>compiladas e aplicativos executáveis gerados como no exemplo da atividade.</p><p>c. O uso de métodos como listen() servem para que valores numéricos possam ser utilizados em cálculos matemáticos a</p><p>serem realizados remotamente como no caso do valor 8080 utilizado no exemplo.</p><p>d. O framework React que seria utilizado para implementar o exemplo é gravado em arquivo HTML comum e carregado</p><p>normalmente no navegador como arquivo.</p><p>e. O script é responsável por fornecer conteúdo em forma de servidor local que pode ser acessado pelo navegador</p><p>utilizando o endereço http indicado no final do exemplo.</p><p>Sua resposta está correta.</p><p>◄ ÁUDIO AULA 08</p><p>Seguir para...</p><p>CLIQUE AQUI PARA REALIZAR</p><p>O FÓRUM DE DISCUSSÃO ►</p><p>https://www.eadunifatecie.com.br/mod/url/view.php?id=1652201&forceview=1</p><p>https://www.eadunifatecie.com.br/mod/forum/view.php?id=1652203&forceview=1</p>