Baixe o app para aproveitar ainda mais
Prévia do material em texto
Iniciado em terça, 1 nov 2022, 15:10 Estado Finalizada Concluída em terça, 1 nov 2022, 15:28 Tempo empregado 18 minutos 12 segundos Avaliar 0,20 de um máximo de 0,50(40%) Painel / Meus cursos / ANO LETIVO - 2022 / GRADUAÇÃO / TECNOLOGIA / SISTEMAS PARA INTERNET / CICLO 01 - 2022 / MÓDULO 08 - SISTEMA PARA INTERNET / TURMA 01 - 2022/08 / TECNOLOGIA EM SISTEMAS PARA INTERNET EAD -8222- DESENVOLVIMENTO WEB JAVASCRIP E FRAMEWORKS / ATIVIDADE DE ESTUDO 02 - VALOR 0,5 PONTOS / CLIQUE AQUI PARA REALIZAR A ATIVIDADE DE ESTUDO 02 - PRAZO FINAL: 18/11/2022 https://www.eadunifatecie.com.br/course/view.php?id=11750 https://www.eadunifatecie.com.br/my/ https://www.eadunifatecie.com.br/course/index.php?categoryid=3085 https://www.eadunifatecie.com.br/course/index.php?categoryid=3086 https://www.eadunifatecie.com.br/course/index.php?categoryid=3093 https://www.eadunifatecie.com.br/course/index.php?categoryid=3290 https://www.eadunifatecie.com.br/course/index.php?categoryid=3504 https://www.eadunifatecie.com.br/course/index.php?categoryid=5448 https://www.eadunifatecie.com.br/course/index.php?categoryid=5449 https://www.eadunifatecie.com.br/course/view.php?id=11750 https://www.eadunifatecie.com.br/course/view.php?id=11750#section-7 https://www.eadunifatecie.com.br/mod/quiz/view.php?id=401305 Questão 1 Incorreto Atingiu 0,00 de 0,05 Estruturas de dados podem conter dados simples como no caso de variáveis comuns, mas também podem conter maiores quantidades de dados como em objetos e vetores. Partindo deste contexto de dados em estruturas diversas, observe o script a seguir: <p id="atividade"></p> <script> const pessoas= [ "Ana", "Pedro", "João", "Maria", "Miriam" ];pessoas; document.getElementById("atividade").innerHTML = pessoas; Após avaliar o script, avalie as afirmativas a abaixo. I – A linha que contém a tag <p> de HTML é responsável por receber dados digitados pelo usuário e repassá-los ao script para processamento; II – A estrutura de dados utilizada no script da atividade é um vetor contendo cinco dados distintos em forma de lista; III – A estrutura de dados utilizada no script é nomeada pessoas, e seu nome serve de referência para que se possa acessar seus dados; IV – Os dados da estrutura pessoas do script exemplo podem ser acessados individualmente se as posições disponíveis de 1 a 5 forem indicadas entre chaves junto com o nome da estrutura. Assinale a alternativa correta: a. Apenas II, III e IV estão corretas b. Apenas I está correta c. Apenas I e II estão corretas d. Todas as alternativas estão corretas e. Apenas II e III estão corretas Sua resposta está incorreta. A resposta correta é: Apenas II e III estão corretas Questão 2 Correto Atingiu 0,05 de 0,05 A elaboração de scripts utilizando frameworks é uma atividade bastante confusa se não forem identificados os componentes relativos às linguagens de programação em si em relação ao que representam comandos do framework inseridos num script. Avaliar scripts e compreender o que foi implementado é uma habilidade importante e para esta atividade, observe o script a seguir: <script> $(document).ready(function(){ $("button").click(function(){ $(this).show(); }); $("p").click(function(){ $(this).fadeOut(); }); }); </script> Observe agora as afirmativas a seguir. I – São tratados eventos de dois elementos HTML no script; II – Métodos são implementados nas funções associadas aos eventos para realizar efeitos sobre o conteúdo dos elementos HTML; III – No script é utilizado a palavra reservada this para representar o elemento HTML associado ao evento que acionam os métodos show() e fadeOut() das funções; IV – A linha do script $(document).ready(function() é responsável por fazer o script do framework aguardar o carregamento completo da página antes de ser executado. Assinale a alternativa correta: a. Todas as alternativas estão corretas b. Apenas I e II estão corretas c. Apenas II e III estão corretas d. Apenas I está correta e. Apenas II, III e IV estão corretas Sua resposta está correta. A resposta correta é: Todas as alternativas estão corretas Questão 3 Incorreto Atingiu 0,00 de 0,05 A correta elaboração de comandos em scripts é fundamental na correta funcionalidade destes, e quando é necessário controlar 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 avaliação de opções a serem executadas. Observe o exemplo de script a seguir: valor = document.getElementById("valor").value; if (valor >= 0){ document.getElementById('atividade').innerHTML = "Valor Positivo"; } Partindo da análise do script, assinale a alternativa correta. a. Um dado inserido por um usuário ou implementado no script HTML é atribuído à variável valor para uso no script que irá verificar se o valor atende a determinada expressão lógica b. O conteúdo obtido pela execução do script é associado à uma variável chamada atividade que tem este valor apresentado na página web em um elemento identificado como valor c. O atributo innerHTML efetua a atribuição do texto Valor Positivo para a variável atividade para que possa ser utilizada em algum elemento HTML a ser escolhido no script d. Para o valor gerado pela execução do script para poder ser utilizado no script HTML, apenas elementos do tipo <p> podem receber valores de um script JavaScript e. Na expressão lógica, o conteúdo da variável valor é utilizado em uma expressão que avalia se o conteúdo da variável valor é negativo, pois sendo, é atribuído uma mensagem indicando que o conteúdo representa um valor negativo Sua resposta está incorreta. A resposta correta é: Um dado inserido por um usuário ou implementado no script HTML é atribuído à variável valor para uso no script que irá verificar se o valor atende a determinada expressão lógica Questão 4 Correto Atingiu 0,05 de 0,05 Os scripts que utilizam frameworks tendem a oferecer funcionalidades que facilitam a implementação de soluções para aplicações web, sendo amplamente utilizadas no mercado, sendo alguns muito populares e outras menos conhecidos. Um dos frameworks populares trabalha bem com a geração de aplicações do tipo cliente-servidor, e o script a seguir trata de aspectos relacionados a este tipo de aplicação. var http = require('http'); var externo = require('./biblioteca'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/html'}); res.write("externo.funcao() + "<br>"); res.end('Conteúdo gerado com sucesso!'); }).listen(8080); Após observar e avaliar o script, analise as afirmativas. I – O script utiliza uma variável para declarar um servidor web e outra para armazenar uma mensagem utilizada no método end(); II – O script necessita de funcionalidade implementada em biblioteca externa para que o conteúdo possa ser gerado; III – Por ser uma aplicação que gera um servidor, a execução do script em um navegador web pode ocorrer acessando-se o endereço http://localhost:8080 neste caso específico; IV – O script define que o tipo de dados gerado pela aplicação será de conteúdo multimídia dinâmico como sons, vídeos, etc. Assinale a alternativa correta: a. Apenas II e III estão corretas b. Apenas II, III e IV estão corretas c. Todas as alternativas estão corretas d. Apenas I está correta e. Apenas I e II estão corretas Sua resposta está correta. A resposta correta é: Apenas II e III estão corretas Questão 5 Incorreto Atingiu 0,00 de 0,05 Em algumas situações, dados em forma de texto obtidos necessitam de um tratamento com o objetivo de serem utilizáveis pela aplicação web, se possível, mas este tipo de ação depende da aplicação de métodos que possam realizar conversões de dados. Com base neste contexto, avalie as alternativas e assinale a correta. a. Dados numéricos não podem ser convertidos em texto, mas dados do tipo texto podem ser convertidosem numéricos apenas pela retirada das aspas na atribuição destes a uma variável b. Em dados do tipo numérico, é preciso utilizar métodos como search() para procurar por caracteres alfabéticos e utilizá-los como texto, excluindo os caracteres numéricos restantes c. Métodos como split() são utilizados para retirar a parte numérica de dados do tipo texto, convertendo-os automaticamente para numéricos d. Métodos numéricos podem ser aplicados apenas para a realização de cálculos, e não para conversões, e no caso de dados do tipo texto, aplica-se o contrário, havendo apenas métodos para conversão e. Utiliza-se o método Number() para procurar dados que possam ser convertidos em numéricos de uma variável, ignorando caracteres não-numéricos ou situações que não possam ser convertidas Sua resposta está incorreta. A resposta correta é: Utiliza-se o método Number() para procurar dados que possam ser convertidos em numéricos de uma variável, ignorando caracteres não-numéricos ou situações que não possam ser convertidas Questão 6 Correto Atingiu 0,05 de 0,05 O uso de dados em scripts é algo frequente e importante, pois uma aplicação web geralmente permite que dados sejam obtidos, processados e resultados obtidos expostos a usuários na aplicação. O tratamento de dados do tipo texto possui algumas particularidades e para este contexto, observe as afirmativas a seguir: I – Dados do tipo texto costumam formar textos chamados de strings; II – Existem métodos específicos para o tratamento de dados do tipo texto que não possuem aplicação específica para dados numéricos; III – Dados do tipo texto podem ser concatenados, ou seja, unidos para formar novos textos; IV – É possível realizar buscas por caracteres específicos em dados do tipo texto. Assinale a alternativa correta: a. Apenas II e III estão corretas b. Apenas II, III e IV estão corretas c. Apenas I está correta d. Apenas I e II estão corretas e. Todas as alternativas estão corretas Sua resposta está correta. A resposta correta é: Todas as alternativas estão corretas Questão 7 Incorreto Atingiu 0,00 de 0,05 O uso de estruturas de controle é uma atividade bastante comum em scripts para que possam se tornar dinâmicos, pois sem estas estruturas, uma aplicação não pode decidir por conta própria, que processos podem ser realizados. O script a seguir traz um exemplo de uso de um dos tipos de estruturas de controle estudadas. <p id="atividade"></p> <script> function funcao() { x = document.getElementById("x").value; if (x == 7) { mensagem = "Valor correto!"; } else if (x > 7) { mensagem = "Palpite alto..."; } else { mensagem = "Palpite baixo..."; } document.getElementById('atividade').innerHTML = mensagem; } </script> Após analisar o script, avalie as afirmativas a seguir: 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; II – Existem 3 avaliações realizadas no script, em que são verificadas possíveis alternativas de valores que podem estar atribuídas à variável x; 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 função; IV – O script avalia o valor contido na variável atividade, de forma que dependendo do resultado de expressões lógicas, diferentes mensagens são exibidas pela função do script ao usuário. Assinale a alternativa correta: a. Apenas II e III estão corretas b. Todas as alternativas estão corretas c. Apenas I e II estão corretas d. Apenas I está correta e. Apenas II, III e IV estão corretas Sua resposta está incorreta. A resposta correta é: Apenas I e II estão corretas Questão 8 Correto Atingiu 0,05 de 0,05 Em muitas aplicações web é comum que estas tenham conteúdo sendo disponibilizado remotamente em servidores e sejam acessadas por aplicações clientes que necessitam poder acessar recursos remotos. O script a seguir contém comandos utilizados no processo. var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('Teste de Node.JS!'); }).listen(8080); ... http://localhost:8080 Após observar o script, avalie as alternativas e assinale a correta. a. O framework React que seria utilizado para implementar o exemplo é gravado em arquivo HTML comum e carregado normalmente no navegador como arquivo b. O uso de métodos como listen() servem para que valores numéricos possam ser utilizados em cálculos matemáticos a serem realizados remotamente como no caso do valor 8080 utilizado no exemplo c. Com base no que oferece o framework Angulas.JS, às conexões entre cliente e servidor em aplicações web deve ser compiladas e aplicativos executáveis gerados como no exemplo da atividade d. O comando do script http://localhost:8080 é utilizado junto com os comandos HTML para criar um elemento onde possa ser exibido o resultado do processamento do script JavaScript e. O script é responsável por fornecer conteúdo em forma de servidor local que pode ser acessado pelo navegador utilizando o endereço http indicado no final do exemplo Sua resposta está correta. A resposta correta é: O script é responsável por fornecer conteúdo em forma de servidor local que pode ser acessado pelo navegador utilizando o endereço http indicado no final do exemplo Questão 9 Incorreto Atingiu 0,00 de 0,05 O desenvolvimento de páginas web com base em HTML é um trabalho relativamente simples, pois envolve a definição de posicionamento de elementos em páginas, sem envolver diretamente estruturas de controle ou de dados, não presentes em HTML. Para ampliar às possibilidades em páginas web, podem ser agregados ao HTML, linguagens como JavaScript ou PHP, e é importante que se tenha capacidade de observar scripts e identificar o que não faz parte do conjunto de elementos HTML e seus atributos. Com base neste contexto, observe o script. <!DOCTYPE html> <html> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"> </script> <body> <h2>JavaScript - Atividade</h2> <hr> <div ng-app="App" ng-controller="Calcula"> X = {{ x }} <br> Y = {{ y }} <br> Resultado = {{ x + y) }} </div> <script> var app = angular.module("App", []); app.controller("Calcula", function($dados) { $dados.x = 5; $dados.y = 5; }); </script> </body> </html> Após avaliar o script, avalie as afirmativas. I – Quando agregamos funcionalidades do framework Node.js ao script HTML do exemplo, temos que observar pequenos detalhes que identificam a existência de componentes que não são nativos de HTML; II – Para o script foram declaradas duas variáveis que são inicializadas com valores para serem utilizados no processamento dos cálculos da função; III – A tag <div> do script HTML através da diretiva ng-controller consegue manter atualizado o conteúdo da página à medida que o script realiza seu processamento; IV – Assim como no framework utilizado no script da atividade, todos os demais estudados também implementam scripts da mesma forma, mesclando tags HTML com comandos e funções específicos. Assinale a alternativa correta: a. Apenas I está correta b. Apenas II, III e IV estão corretas c. Apenas I e II estão corretas d. Apenas II e III estão corretas e. Todas as alternativas estão corretas Sua resposta está incorreta. A resposta correta é: Apenas II e III estão corretas Questão 10 Incorreto Atingiu 0,00 de 0,05 Alguns scripts são criados com base na combinação entre HTML e outros componentes como JavaScript ou algum framework de forma que o arquivo HTML gerado acaba tendo conteúdo mesclado, mas continua sendo a base para ser utilizado para gerar páginas web em navegadores. O script a seguir é elaborado de uma forma diferente, e para esta atividade, avalie o script. import { useState } from 'react'; import ReactDOM from 'react-dom/client'; functionApp() { const [x, x1] = useState(""); const [y, y1] = useState(0); const handleSubmit = (event) => { event.preventDefault(); alert(`X: ${x}` + ` - Y: ${y}`) } return ( <form onSubmit={handleSubmit}> <label>Digite um valor: <input type="number" value={x} onChange={(e) => x1 (e.target.value)} /> </label> <p> </p> <label>Digite outro valor: <input type="number" value={y} onChange={(e) => y1 (e.target.value)} /> </label> <input type="submit" /> </form> ) } const root = ReactDOM.createRoot(document.getElementById('root')); root.render(<App />); Após avaliar o script acima, observe as afirmativas abaixo. I – O script tem por objetivo receber dois valores inseridos pelo usuário em campos de formulário; II – Um detalhe do script é que a maior parte dos comandos a serem executados foram implementados como retorno da função; III – Existem uma mescla de comandos Javascript no exemplo, e como resultado, temos um software que deve ser executado pelo Prompt de Comandos ou terminal para ser executado em janela; IV – Existem quatro variáveis responsáveis por receber valores para serem utilizados na exibição destes quatro valores na página ao usuário. Assinale a alternativa correta: a. Apenas I e II estão corretas b. Todas as alternativas estão corretas c. Apenas II, III e IV estão corretas d. Apenas I está correta e. Apenas II e III estão corretas Sua resposta está incorreta. A resposta correta é: Apenas I e II estão corretas ◄ ÁUDIO AULA 08 Seguir para... CLIQUE AQUI PARA REALIZAR O FÓRUM DA DISCIPLINA - PRAZO FINAL: 23/11/2022 ► https://www.eadunifatecie.com.br/mod/url/view.php?id=401304&forceview=1 https://www.eadunifatecie.com.br/mod/forum/view.php?id=401306&forceview=1
Compartilhar