ATIVIDADE DE ESTUDO 02 DESENVOLVIMENTO WEB JAVASCRIP E FRAMEWORKS

Prévia do material em texto

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 I e II 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.
Todas as alternativas estão corretas
Feedback
Sua resposta está correta.
A resposta correta é:
Apenas II e III estão corretas
Questão 2
Correto
Atingiu 0,05 de 0,05
Marcar questão
Texto da questão
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.
Apenas I e II estão corretas
b.
Apenas I e III estão corretas
c.
Apenas II, III e IV estão corretas
d.
Apenas I está correta
e.
Todas as alternativas estão corretas
Feedback
Sua resposta está correta.
A resposta correta é:
Apenas I e III estão corretas
Questão 3
Correto
Atingiu 0,05 de 0,05
Marcar questão
Texto da questão
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, III e IV estão corretas
b.
Apenas I e II estão corretas
c.
Apenas I está correta
d.
Todas as alternativas estão corretas
e.
Apenas II e III estão corretas
Feedback
Sua resposta está correta.
A resposta correta é:
Apenas I e II estão corretas
Questão 4
Correto
Atingiu 0,05 de 0,05
Marcar questão
Texto da questão
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.
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
d.
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
e.
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
Feedback
Sua resposta está correta.
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 5
Correto
Atingiu 0,05 de 0,05
Marcar questão
Texto da questão
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.
Apenas I e II estão corretas
b.
Apenas II e III estão corretas
c.
Todas as alternativas estão corretas
d.
Apenas II, III e IV estão corretas
e.
Apenas I está correta
Feedback
Sua resposta está correta.
A resposta correta é:
Todas as alternativas estão corretas
Questão 6
Correto
Atingiu 0,05 de 0,05
Marcar questão
Texto da questão
Os scripts que utilizam frameworks tendem a oferecer funcionalidades que facilitam a implementação de soluções para aplicações web, sendoamplamente 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.
Todas as alternativas estão corretas
c.
Apenas I está correta
d.
Apenas II, III e IV estão corretas
e.
Apenas I e II estão corretas
Feedback
Sua resposta está correta.
A resposta correta é:
Apenas II e III estão corretas
Questão 7
Correto
Atingiu 0,05 de 0,05
Marcar questão
Texto da questão
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 I e II estão corretas
b.
Apenas I está correta
c.
Todas as alternativas estão corretas
d.
Apenas II, III e IV estão corretas
e.
Apenas II e III estão corretas
Feedback
Sua resposta está correta.
A resposta correta é:
Todas as alternativas estão corretas
Questão 8
Correto
Atingiu 0,05 de 0,05
Marcar questão
Texto da questão
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.
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
e.
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
Feedback
Sua resposta está correta.
A resposta correta é:
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
Questão 9
Correto
Atingiu 0,05 de 0,05
Marcar questão
Texto da questão
O uso de frameworks baseados em JavaScript é uma atividade bastante comum no desenvolvimento de aplicações web, sendo que a chamada programação back-end trata dados e eventos de páginas web de forma a torna-las dinâmicas.
O script a seguir traz um importante recurso que pode ser utilizado em muitas aplicações.
 
var http = require('http');
var fs = require('fs');
 
http.createServer(function (req, servico) {
  fs.appendFile('texto.txt', '\nPrimeira Parte do Texto.\n', function (err){
    if (err) throw err;
    console.log('Arquivo gerado com sucesso.');
  });
  fs.readFile('texto.txt', function(err, data) {
    servico.writeHead(200, {'Content-Type': 'text/html'});
    servico.write(data);
  });
  fs.appendFile('texto.txt', '\Segunda Parte do Texto.\n', function (err) {
    if (err) throw err;
    console.log('Conteúdo adicionado.');
  });
}).listen(8080);
Após observar e avaliar o script, analise as afirmativas.
 
I – São definidas duas variáveis no script para que os dados a serem armazenados em arquivo possam ser atribuídos a elas antes do processo de gravação;
II – O script é capaz de verificar se um arquivo pode ser gerado e, em caso de sucesso no processo, adicionar conteúdo no mesmo;
III – Existem funções específicas para realizar ações relacionadas ao conteúdo do arquivo como inserção ou leitura de dados no mesmo;
IV – O método appendFile() é utilizado no script para que se possa adicionar texto indicado entre aspas simples diretamente no arquivo indicado também entre aspas simples.
 
Assinale a alternativa correta:
a.
Apenas II, III e IV estão corretas
b.
Apenas I e II estão corretas
c.
Apenas I está correta
d.
Apenas II e III estão corretas
e.
Todas as alternativas estão corretas
Feedback
Sua resposta está correta.
A resposta correta é:
Apenas II, III e IV estão corretas
Questão 10
Correto
Atingiu 0,05 de 0,05
Marcar questão
Texto da questão
A linguagem HTML é capaz de produzir conteúdo para páginas web a partir de elementos definidos por tags como <p> para parágrafos, <input> 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?
 
<!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="">
   <p>X: <input type="text" ng-model="x"></p>
   <p ng-bind="x"></p>
   <p>Y: <input type="text" ng-model="y"></p>
   <p ng-bind="y"></p>
</div>
</body>
</html>
 
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 funcionalidades na 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.
Apenas I está correta
b.
Apenas II, III e IV estão corretas
c.
Apenas I e II estão corretas
d.
Todas as alternativas estão corretas
e.
Apenas II e III estão corretas
Feedback
Sua resposta está correta.
A resposta correta é:
Apenas II, III e IV estão corretas