Baixe o app para aproveitar ainda mais
Prévia do material em texto
Iniciado em sexta, 18 nov 2022, 18:50 Estado Finalizada Concluída em sexta, 18 nov 2022, 19:09 Tempo empregado 19 minutos 41 segundos Avaliar 0,45 de um máximo de 0,50(90%) Painel / Meus cursos / 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/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 Correto 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 especificado na 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 II, III e IV 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. Todas as alternativas estão corretas Sua resposta está correta. A resposta correta é: Apenas II e III estão corretas Questão 2 Correto 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. Apenas I está correta b. Apenas II, III e IV estão corretas c. Apenas I e III estão corretas d. Todas as alternativas estão corretas e. Apenas I e II estão corretas Sua resposta está correta. A resposta correta é: Apenas I e III estão corretas Questão 3 Correto Atingiu 0,05 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 e III estão corretas b. Apenas II, III e IV estão corretas c. Apenas I e II estão corretas d. Apenas I está correta e. Todas as alternativas estão corretas Sua resposta está correta. A resposta correta é: Apenas II e III estão corretas Questão 4 Correto Atingiu 0,05 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. 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 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. 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 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 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 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. 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 b. 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 c. 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 d. 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 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. A resposta correta é: O script da atividade agrega recursos de um framework a partir da importação deste para que suas funcionalidades possam ser utilizadas no script Questão 6 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. 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 e II estão corretas e. Apenas I está correta Sua resposta está correta. A resposta correta é: Todas as alternativas estão corretas Questão 7 Correto 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. Todas as alternativas estão corretas b. Apenas II, III e IV estão corretas. c. Apenas II e III estão corretas d. Apenas I e II estão corretas e. Apenas I está correta Sua resposta está correta. A resposta correta é: Apenas II, III e IV estão corretas. Questão 8 Correto 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 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 Sua resposta está correta. A resposta correta é: Apenas I e II estão corretas Questão 9 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 I está correta b. Apenas I e II estão corretas c. Apenas II, III e IV estão corretas d. Todas as alternativas estão corretas e. Apenas II e III estão corretas Sua resposta está correta. A resposta correta é: Apenas II e III estão corretas Questão 10 Incorreto Atingiu 0,00 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. 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 c. Quando um texto é armazenado em uma variável com caracteres indesejados como vogais acentuadas ou números, o método split() é capaz desubstituí-los automaticamente d. 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 e. 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 Sua resposta está incorreta. 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 ◄ Á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