AB2 - CLIQUE AQUI PARA REALIZAR A ATIVIDADE DE ESTUDO 02 - PRAZO FINAL_ 10_11_2024_ Revisão da tentativa

Prévia do material em texto

Iniciado em terça, 5 nov 2024, 22:25
Estado Finalizada
Concluída em terça, 5 nov 2024, 22:44
Tempo
empregado
18 minutos 54 segundos
Avaliar 0,45 de um máximo de 0,50(90%)
Painel / Minhas Disciplinas / BACHARELADO EM SISTEMA DE INFORMAÇÃO EAD-disc. 26- DESENVOLVIMENTO WEB JAVASCRIPT E FRAMEWORKS
/ ATIVIDADE DE ESTUDO 02 - VALOR 0,5 PONTOS / AB2 - CLIQUE AQUI PARA REALIZAR A ATIVIDADE DE ESTUDO 02 - PRAZO FINAL: 10/11/2024
https://www.eadunifatecie.com.br/course/view.php?id=49864
https://www.eadunifatecie.com.br/course/view.php?id=49864
https://www.eadunifatecie.com.br/my/
https://www.eadunifatecie.com.br/course/view.php?id=49864
https://www.eadunifatecie.com.br/course/view.php?id=49864#section-7
https://www.eadunifatecie.com.br/mod/quiz/view.php?id=1617820
Questão 1
Completo
Atingiu 0,05 de
0,05
Aprender a programar em JavaScript é uma atividade bastante interessante, pois unindo-a com HTML, é possível
rapidamente ver resultados concretos em páginas visualizadas em navegadores web.
Uma próxima etapa no aprendizado de desenvolvimento de conteúdo para páginas web e aplicações é a aplicação de
frameworks em conjunto com HTML e JavaScript, ampliando as possibilidades de criação.
 
Com base no tema relacionado a frameworks, observe as afirmativas.
 
I – O framework JQuery é considerado uma extensão para os scripts em HTML e JavaScript que agem diretamente sobre
elementos HTML indicados por tags entre aspas e parênteses;
II – Um framework ideal para uso com atividades de aplicações remotas cliente-servidor, tendo recursos específicos para
este tipo de comunicação é React que é conhecido por esta funcionalidade;
III – Uma forma de ampliar as funcionalidades do HTML é o framework AngularJS que agrega diretivas extras para
elementos HTML indicadas por iniciais ng;
IV – Quando se opta pelo uso do framework Node.JS, a tendência é que se utilize suas amplas funcionalidades para
desenvolvimento de interfaces para gerar aplicações padronizadas em aparência.
 
Assinale a alternativa correta:
a. As afirmativas I, II, III e IV estão corretas.
b. Apenas I e II estão corretas.
c. Apenas II, III e IV estão corretas.
d. Apenas I está correta.
e. Apenas I e III estão corretas.
Sua resposta está correta.
Questão 2
Completo
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.
 
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;
}
 
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. As afirmativas I, II, III e IV estão corretas.
b. Apenas II e III estão corretas.
c. Apenas I está correta.
d. Apenas I e II estão corretas.
e. Apenas II, III e IV estão corretas.
Sua resposta está incorreta.
Questão 3
Completo
Atingiu 0,05 de
0,05
Scripts podem ser utilizados para diversas finalidades e compreender o que foi implementado em um script faz parte de
atividades de rotina em empresas de desenvolvimento de software em que muitas vezes é preciso alterar ou corrigir
conteúdo já produzido por outros.
 
Com base neste contexto, analise o trecho de script abaixo:
 
function funcao() {
  x = document.getElementById("x").value;
  document.getElementById('at1').innerHTML = x.length;
  y = document.getElementById("y").value;
  document.getElementById('at2').innerHTML = y.concat(x);
  z = document.getElementById("z").value;
  document.getElementById('at3').innerHTML = z. toLowerCase(z);
}
 
Observe as afirmativas baseadas nesse contexto.
 
I – Para este script, são utilizados três variáveis para armazenarem dados para tratamento no script;
II – No script, o método length() utilizado para processar o dado da variável x apenas verifica a quantidade de caracteres
armazenados;
III – O método concat() aplicado na variável y une os conteúdos de texto das variáveis x e y, armazenando o conteúdo
concatenado na variável y;
IV – É utilizado o método toLowerCase() sobre o conteúdo da variável z para que todos os caracteres alfabéticos não
minúsculos contidos na variável sejam convertidos em minúsculos.
 
Assinale a alternativa correta:
a. As afirmativas I, II, III e IV estão corretas.
b. Apenas II e III estão corretas.
c. Apenas II, III e IV estão corretas.
d. Apenas I está correta.
e. Apenas I e II estão corretas.
Sua resposta está correta.
Questão 4
Completo
Atingiu 0,05 de
0,05
Existem diferentes formas de lidar com dados em JavaScript, sendo que um tipo muito importante de dado essencial para
o desenvolvimento de atividades web é o texto.
 
Existem recursos desenvolvidos especialmente para tratamento de dados do tipo texto em JavaScript como métodos
utilizados para diversas finalidades.
 
Com base neste contexto, avalie as alternativas e assinale a correta.
a. Um importante método que pode auxiliar na conferência de texto digitado pelo usuário é o método
toUpperCase() que facilita a comparação de nomes, senhas, etc., pois converte todos os caracteres de um texto
para minúsculo.
b. Um método bastante útil para se ajustar textos eliminando todos os caracteres em branco contidos em uma
string de variável, por exemplo, é o método trim(), e com isto, economiza-se espaço de armazenamento e ajusta-
se melhor conteúdos em páginas web.
c. Quando necessitamos encontrar uma determinada letra ou símbolo em um texto, podemos utilizar o método
concat() que recebendo um valor indicativo entre 1 e o tamanho do texto, retorna verdadeiro ou falso se o
mesmo for ou não encontrado.
d. Quando um texto é armazenado em uma variável com caracteres indesejados como vogais acentuadas ou
números, o método split() é capaz de substituí-los automaticamente.
e. O método length() é útil, pois permite que a quantidade de caracteres de um texto seja obtida, e dados como
números telefônicos e documentos pessoais possam ter seu tamanho verificado.
Sua resposta está correta.
Questão 5
Completo
Atingiu 0,05 de
0,05
A linguagem HTML é capaz de produzir conteúdo para páginas web a partir de elementos definidos por tags como 
para parágrafos, para campos para preenchimento de dados, etc.
E certos casos, os detalhes adicionais incluídos junto ao script HTML que identificam o uso de alguma outra linguagem ou
framework podem não ser tão claros.
 
Com base neste contexto, observe o script a seguir?
 
JavaScript - Atividade
   X: 
   
   Y: 
   
 
Avalie agora as afirmativas sobre o script e suas características.
 
I – Nitidamente, inserido em meio às tags HTML, existem comandos do framework React que permitem ampliar as
funcionalidadesna construção de interfaces neste script;
II – Algumas diretivas adicionais foram inseridas no script HTML permitindo que o framework Angular.JS possa adicionar
novos recursos aos elementos HTML;
III – O framework do exemplo é utilizado após ser acessado remotamente, pois é parte natural da linguagem HTML, nem
da linguagem JavaScript diretamente interpretada pelo navegador;
IV – São utilizadas duas estruturas de dados para armazenar valores recebidos por campos de formulário de uma página
HTML.
 
Assinale a alternativa correta:
a. As afirmativas I, II, III e IV estão corretas.
b. Apenas I está correta.
c. Apenas II, III e IV estão corretas.
d. Apenas II e III estão corretas.
e. Apenas I e II estão corretas.
Sua resposta está correta.
Questão 6
Completo
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. Apenas I está correta.
d. Apenas I e II estão corretas.
e. As afirmativas I, II, III e IV estão corretas.
Sua resposta está correta.
Questão 7
Completo
Atingiu 0,05 de
0,05
Estruturas de dados são importantes recursos para que se possa trabalhar com dados em aplicações web, mas é preciso
estar sempre atento ao correto uso das mesmas, respeitando sintaxe e semântica de seu uso para evitar problemas de
interpretação e execução dos scripts.
 
var idade;
rg;
let peso = 70;
altura = 1,75;
const pi = 3,14;
const pessoa = {
    nome: "João",
    sobrenomeme: "Silva"
};
 
Observe as afirmativas a seguir contendo pontos ligados ao projeto de desenvolvimento de jogos.
 
I – Variáveis podem ser declaradas com o uso da palavra reservada const anteriormente ao seu nome para indicação da
declaração de variáveis;
II – É preciso incluir ponto e vírgula ao final da declaração de variáveis, independentemente de terem dados atribuídos
para sua inicialização ou não;
III – Objetos são estruturas de dados que podem conter, sob um único nome, dados de diferentes tipos chamados
atributos;
IV – Para se atribuir dados a estruturas de dados, é comum que seja utilizado o operador =.
 
Assinale a alternativa correta:
a. Apenas I e II estão corretas.
b. Apenas I está correta.
c. As afirmativas I, II, III e IV estão corretas.
d. Apenas II e III estão corretas.
e. Apenas II, III e IV estão corretas.
Sua resposta está correta.
Questão 8
Completo
Atingiu 0,05 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';
function App() {
  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 está correta.
b. Apenas II e III estão corretas.
c. As afirmativas I, II, III e IV estão corretas.
d. Apenas I e II estão corretas.
e. Apenas II, III e IV estão corretas.
Sua resposta está correta.
Questão 9
Completo
Atingiu 0,05 de
0,05
Os frameworks estudados oferecem diferentes formas de se elaborar páginas web dinâmicas, capazes de realizar
processamento de dados e utilização de estruturas de controle para que se possa automatizar processos executados pela
aplicação.
 
O script a seguir traz um pouco do que foi estudado na unidade.
 
import React from "react";
import ReactDOM from "react-dom/client";
function servidor(props) {
    return <h2>Exemplo da Atividade</h2>;
}
ReactDOM.render(<servidor />, document.getElementById("root"));
 
Com base no que foi analisado no script, observe as alternativas e assinale a correta.
a. Os comandos import utilizados no início do script permitem que a aplicação web seja convertida em software
executável para ser utilizada além de navegadores web.
b. Para executar o script em um navegador web, é preciso gravar o conteúdo como arquivo HTML e abri-lo
diretamente no navegador pelo endereço http://localhost:8080.
c. A função contida no script é responsável por criar um servidor e disponibilizar conteúdo web através de
parâmetros recebidos como parâmetros e retornos contendo instruções para criação do servidor web.
d. O processo de execução do script se baseia na utilização do comando Node servidor.js na primeira linha do
próprio script do mesmo para que possa ser lido pelo navegador e executado.
e. O script da atividade agrega recursos de um framework a partir da importação deste para que suas
funcionalidades possam ser utilizadas no script.
Sua resposta está correta.
Questão 10
Completo
Atingiu 0,05 de
0,05
Scripts em JavaScript possuem especificações quanto a sintaxe de escrita de comandos, como quaisquer outras linguagens
de programação, e é preciso estar atento aos detalhes necessários para a implementação destes.
 
Para esta atividade, observe os comandos a seguir:
 
const codigos = ["12356A78", "58695B85", "987654C64", "246431D74"];
document.getElementById("atividade").innerHTML = codigos.length;
 
Partindo desta ideia, avalie as afirmativas.
 
I – Na estrutura de dados da atividade, quatro elementos numéricos são indicados como dados a serem armazenados
durante a execução do script;
II – O método getElementById() é responsável por enviar para o elemento identificado por atividade o atributo
especificadona linha de comando;
III – A finalidade do script da atividade é a de informar a quantidade de elementos existentes na estrutura de dados,
independentemente de seu tipo ou conteúdo;
IV – O uso deste script pode ser associado a verificação dos dados inseridos na estrutura quanto ao seu tipo e busca por
conteúdo desejado.
 
Assinale a alternativa correta:
a. Apenas I está correta.
b. Apenas II e III estão corretas.
c. Apenas II, III e IV estão corretas.
d. Apenas I e II estão corretas.
e. As afirmativas I, II, III e IV estão corretas.
Sua resposta está correta.
◄ ÁUDIO AULA 08 Seguir para...
CLIQUE AQUI PARA REALIZAR O FÓRUM DE 
DISCUSSÃO ►
https://www.eadunifatecie.com.br/mod/url/view.php?id=1617819&forceview=1
https://www.eadunifatecie.com.br/mod/forum/view.php?id=1617821&forceview=1