PROGRAMAÇÃO WEB RESPONSIVA

•

UNIP

7

0

7

0

Cássia C. Nogueira

15/05/2021

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Você viu 3, do total de 7 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Você viu 6, do total de 7 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

Web

624 Materiais compartilhados

Baixe o app para aproveitar ainda mais

Leia os materiais offline, sem usar a internet. Além de vários outros recursos!

Prévia do material em texto

PROGRAMAÇÃO WEB RESPONSIVA
Teste	QUESTIONÁRIO UNIDADE III
Pergunta 1
Todo programa escrito em JavaScript consiste em uma sequência de instruções que pode estar inserida em uma de duas áreas (ou em ambas) de um documento html, por meio das tags <body> e <head>.
Analise os itens abaixo:
I – O código JavaScript inserido entre as tags <body> e </body> é executado quando a referida página é acessada, caracterizando uma rotina principal.
II – O código JavaScript inserido entre as tags <head> e </head> é executado na forma de uma função, sendo considerado uma rotina secundária.
III – Seja qual for a área escolhida para escrever um código de programa em JavaScript, este deve estar definido entre as tags <script> e </script>.
Sobre JavaScript, podemos dizer que estão corretos os itens:
Respostas:	
a. Apenas os itens I e II estão corretos.
b. Os itens I, II e III estão corretos.
c. Apenas os itens I e III estão corretos.
d. Apenas os itens II e III estão corretos.
e. Apenas o item III está correto.
Pergunta 2
Em JavaScript, pode-se efetuar o controle de comportamentos dos navegadores por meio de pedaços de código que são enviados na página Html.
Além disso, podemos dizer que o JavaScript é uma __________ de script que incorporado nos ______ Html permite adicionar ___________ de apresentação e interatividade em páginas.
Assinale a alternativa que preenche corretamente as lacunas do parágrafo.
Corretac. Linguagem, tags, efeitos.
Respostas:	
a. Linguagem, formulários, efeitos.
b. Forma, tags, efeitos.
c. Linguagem, tags, efeitos.
d. Maneira, códigos, funções.
e. Linguagem, processos, funções.
 
Pergunta 3
No JavaScript podemos utilizar vários eventos em diversos elementos para interação com o usuário, analise os itens a seguir:
I – onclick: evento de clique no mouse.
II – ondblclick: evento de dois cliques no mouse.
III – onfocus: evento de disparo antes de envio do formulário.
IV – onsubmit: evento quando um elemento passa a ter o foco.
Após a leitura e analise dos itens acima, podemos afirmar que, referentes a eventos do JavaScript, estão corretos os itens:
Respostas:	
a. Apenas os itens III e IV.
b. Apenas os itens I, II e III.
c. Os itens I, II, III e IV.
d. Apenas os itens I e II.
e. Apenas os itens I, III e IV.
 
Feedback da resposta:	Resposta: D.
Comentário: O evento onfocus não faz disparo antes do envio do formulário, ele passa a ter o foco. O Evento onsubmit não faz o elemento passar a ter o foco, faz o envio do formulário, portanto os itens III e IV estão incorretos. As afirmativas I e II estão corretas.
Pergunta 4
JavaScript é, por natureza própria, uma linguagem estruturada. A maior parte dos seus recursos é conseguida com a utilização de funções, as quais podem ser internas (existentes no próprio ambiente de programação) ou externas (definidas pelo próprio programador).
Uma função é um trecho ______________ de programa com atribuições bem definidas. A utilização do conceito de função torna a ______________ em JavaScript algo _______________ versátil.
Assinale a alternativa que preenche corretamente as lacunas do parágrafo.
Respostas:	
a. Dependente, programação, bastante.
b. Independente, programação, pouco.
c. Dependente, interação, bastante.
d. Independente, interação, pouco.
e. Independente, programação, bastante.
Pergunta 5
O DOM é composto por diversos métodos. Esses métodos são responsáveis por fazer a ligação entre os elementos e os eventos. Sobre o conhecimento adquirido em seus estudos sobre JavaScritp, analise os seguintes métodos:
I – getElementById() – retorna um elemento pelo id informado.
II – getElementByName() – retorna um elemento pelo nome informado.
III – getElementByAddress() – retorna um elemento pelo endereço informado.
IV – getElementByTel() – retorna um elemento pelo telefone informado.
Após a leitura e análise dos itens acima, podemos afirmar que estão corretos os seguintes itens.
Respostas:	
a. Apenas os itens III e IV.
b. Apenas o item I está correto.
c. Os itens I, II, III e IV.
d. Apenas os itens I e II.
e. Apenas os itens I, III e IV.
Feedback da resposta:	Resposta: B.
Comentário: As funções getElementByName(), getElementByAddress() e getElementByTel() não existem no DOM, portanto a única afirmativa correta é a afirmativa I.
Pergunta 6
Em meados de 2011, Mark Otto, um desenvolvedor trabalhando no Twitter, criador do Bootstrap juntamente com Jacob Thornton, anunciou ao mundo o lançamento do Bootstrap em um artigo publicado no blog do Twitter, relatando que no início do Twitter cada desenvolvedor usava a biblioteca que melhor conhecia, porém esse procedimento criou inconsistências, dificultando a integração, a escalabilidade e a manutenção das aplicações criadas por diferentes desenvolvedores da equipe.
O Bootstrap é uma ferramenta ____________ para desenvolvimento HTML, CSS e JS. Com ele é possível criar sites e aplicações completas e _____________, utilizando _____________ prontos e poderosos plugins.
Assinale a alternativa que preenche corretamente as lacunas do parágrafo.
Respostas:	
a. Gratuita, responsivas, componentes.
b. Paga, responsivas, componentes.
c. Gratuita, dinâmicas, códigos.
d. Paga, dinâmicas, códigos.
e. Paga, responsivas, templates.
Pergunta 7
Sobre o bootstrap, análise as seguintes afirmações:
I – O bootstrap é uma ferramenta gratuita para desenvolvimento Html, Css e JavaScript.
II – Para utilizar o Bootstrap, basta fazer o download do pacote e descompactá-lo na pasta do projeto, automaticamente ele será incorporado ao site.
III – Para utilizar o Bootstrap, é necessário fazer o download do pacote, descompactá-lo na pasta do projeto e em cada página o mesmo deve ser referenciado.
IV – Para utilizar o Bootstrap basta fazer download do pacote e copiá-lo para a pasta do projeto.
Após a leitura e análise dos itens acima, podemos afirmar que estão corretos os seguintes itens.
 
Respostas:	
a. Apenas os itens III e IV.
b. Apenas o item I está correto.
c. Os itens I, II, III e IV.
d. Apenas os itens I e III.
e. Apenas os itens I, III e IV.
 
Pergunta 8
A classe .btn foi desenhada para ser usada com o elemento <button>. No entanto, você também pode usar esta classe nos elementos <a> ou <input>, apesar de alguns browsers aplicarem um visual um pouco diferente.
No _____________, quando queremos utilizar um _________ sem cor de background, precisamos substituir as classes modificadores padrão por .btn-outline-*, que removem todas as imagens de background e cores, em qualquer __________.
Assinale a alternativa que preenche corretamente as lacunas do parágrafo.
Respostas:	
a. JavaScript, botão, botão.
b. Bootstrap, botão, botão.
c. Bootstrap, menu, menu.
d. JavaScript, menu, menu.
e. CSS, menu, botão.
Pergunta 9
Sobre o uso de botões no bootstrap, análise os itens a seguir:
I – Estado Desativado: para ficarem inativos, usamos o atributo booleano disabled em qualquer elemento <button>.
II – Sem cor de fundo: para ficarem sem cor de fundo, usamos o atributo .btn-outline-*.
III – Estilização do botão: para estilizar um botão, usamos a classe .btn.
IV – Deixar botão grande: para deixar um botão grande, usamos a classe .btn-lg.
Após analisar os itens acima, podemos afirmar que estão corretas as afirmações:
Resposta Selecionada:	
Corretae. Os itens I, II, III e IV.
Respostas:	
a. Apenas os itens III e IV.
b. Apenas o item I está correto.
c. Apenas os itens I, III e IV.
d. Apenas os itens I e III.
e. Os itens I, II, III e IV.
Pergunta 10
Em bootstrap utilizamos os navbars para criarmos menus responsivos de maneira prática e rápida. Os navbars padrões do bootstrap vêm com suporte integrado para diversos sub-componentes. A seguir alguns exemplos:
 
I – .navbar-brand – utilizado para o nome do projeto, produto ou empresa.
II – .navbar-nav – utilizado para obter uma leve navegação com suporte a dropdowns, que no caso seriam sub-menus.
III – .navbar-toggler – usado em conjunto com o plugin colapse, para tratar diversos comportamentos.
IV – .collapse.navbar-collapse – usado para agrupar e esconder conteúdos do navbar.
Após analisar os itens acima, podemosafirmar que estão corretas as afirmações:
Respostas:	
a. Os itens I, II, III e IV.
b. Apenas o item I está correto.
c. Apenas os itens I, III e IV.
d. Apenas os itens I e III.
e. Apenas os itens III e IV.