Atividade - UNIDADE 2 - APIs - Bibliotecas para desenvolvimento em JavaScript

Prévia do material em texto

Correção do exercício da unidade 
UNIDADE 2 - APIs - Bibliotecas para desenvolvimento em 
JavaScript 
 
Questão 1 
Incorreta 
Questão com problema? 
Antes de existir dispositivos Android ou iPhone, os desktops foram alvo de batalha no 
que ficou conhecido como “Guerras dos navegadores”. A batalha envolveu bilhões de 
dólares investidos por várias empresas, especialmente a Microsoft e Netscape, e o 
resultado dessa disputa culminou numa padronização para o desenvolvimento de 
conteúdos web e melhoria na velocidade de processamento dos dados. 
Com base no apresentado e nos conhecimentos adquiridos, assinale a alternativa correta: 
Sua resposta 
Incorreta 
Com o resultado dessa disputa surgiu o DOM, que consiste em uma linguagem de 
marcação que deve ser acessada através da estrutura 
Solução esperada 
 Com o resultado dessa disputa surgiu a javascript, que consiste em uma linguagem de 
programação universal para desenvolvimento de documentos html estruturados pelo 
DOM. 
Comentário 
DOM não é uma linguagem de marcação, e sim HTML 
 
 
Questão 2 
Incorreta 
Questão com problema? 
“O JavaScript é uma linguagem simples e despretensiosa que tem seus dedos em cada 
canto de sua vida. Desligue o JavaScript em seu navegador e veja o quanto da web não 
funciona mais. Não importa como ou onde você use a internet, a codificação de Brendan 
Eich é o sprint mais importante da história da computação. Você não tem que gostar de 
JavaScript, mas se você ganha a vida desenvolvendo para a web, você tem que aprender.” 
- Doug Tidwell, programador sênior na IBM. 
 
Com base no assunto, avalie as afirmações a seguir: 
I – Antigamente, era preciso considerar qual navegador tinha compatibilidade com a 
aplicação WEB que iria utilizar, até que surgiu o javascript como uma unificação de 
linguagem para desenvolvimento web em documentos HTML, XML e XHTML. 
II - O DOM surgiu como uma organização acessada apenas através da javascript para 
representação estruturada da página web de um navegador, ou seja, para que se possa 
acessar e interagir com objetos em documentos HTML, XHTML e XML. 
III - Por meio da linguagem de marcação HTML, o DOM organiza e estrutura os 
elementos na página, e para a construção da imagem visual das aplicações criou-se o CSS. 
É correto o que se afirma: 
Sua resposta 
Incorreta 
Em I, II e III 
Solução esperada 
Apenas em I e III 
Comentário 
As afirmativas I e III estão corretas, porém a afirmação II está incorreta 
 
 
Questão 3 
Correta 
Questão com problema? 
Canvas pode ser utilizado para construção de imagens, como gráficos personalizados por 
JavaScript. Também pode ser utilizado para produção de animações. Em alguns casos, 
pode ser necessária a inclusão de textos diretamente em imagens. 
Escolha qual o método de um objeto de contexto Canvas pode ser utilizado para gravar 
textos diretamente em elementos 
Sua resposta 
Correta 
fillText 
Comentário 
Resposta correta: fillText Exemplo de gravação de textos em objetos 
Canvas: ctx.fillText("Olá mundo!"); INCORRETAS: Fill: usado em geral para 
alteração de cores fillRect: preenche um retângulo na tela. clearRect: apaga um 
retângulo desenhado anteriormente na tela. Font: usado para alteração de fontes em 
vários contextos do HTML. 
 
 
Questão 4 
Incorreta 
Questão com problema? 
Observe o código a seguir: 
 
1. function animacao(){ 
2. // apagando o retangulo 
3. ctx.clearRect(0, 0, 
4. canvas.width, canvas.height) 
5. // desenhando um novo retangulo 
6. ctx.fillRect(x++, y, largura, altura) 
7. } 
8. setInterval(animacao, 100) 
 
 
 
 
 
 
 
O código acima apresenta uma função que quando chamada move um objeto retangular 
pela tela. 
Considerando que o objeto esteja posicionado no centro do 
Sua resposta 
Incorreta 
Do topo ao rodapé 
Solução esperada 
Da esquerda para a direita 
Comentário 
Resposta correta: Da esquerda para a direita O objeto é movido da esquerda para a 
direita, pois a variável incrementada corresponde ao eixo x e como foi usado o comando 
x++ isso indica que ela vai se mover para frente. Incorretas: - Do topo ao rodapé: o 
comando para esse movimento seria ctx.fillRect(x, y++, largura, altura) - Do rodapé ao 
topo: o comando para esse movimento seria ctx.fillRect(x, y--, largura, altura) - Da 
direita para a esquerda: o comando para esse movimento seria ctx.fillRect(x--, y, 
largura, altura) - O objeto é movido em diagonal: o comando para esse movimento 
seria ctx.fillRect(x++, y++, largura, altura) 
 
 
Questão 5 
Correta 
Questão com problema? 
O DOM é uma interface de programação de aplicativos padronizada que atua na 
estruturação de implementações WEB. Por meio da linguagem de marcação HTML, 
XML ou XHTML, o DOM organiza e estrutura os elementos na página em forma de nós. 
Uma aplicação web, no entanto, é muito mais que textos estruturados e ordenação. É 
também interesse visual e apresentações convidativas para a interação com o usuário. 
Para sanar essa necessidade, criou-se o: 
Sua resposta 
Correta 
CSS ou Cascading Style Sheet de modo literal quer dizer folhas de estilo em cascata. 
Esse nome se dá por ter surgido como um importante recurso no desenvolvimento WEB 
para colaborar com a estética das aplicações. 
Comentário 
Resposta correta