GABARITO - Programacao Web Responsiva III

Prévia do material em texto

Revisar envio do teste: QUESTIONÁRIO UNIDADE III
PROGRAMAÇÃO WEB RESPONSIVA 7703-60_43701_R_E1_20211 CONTEÚDO
Pergunta 1
Resposta Selecionada: b. 
Respostas: a. 
b. 
c. 
d. 
e. 
Feedback da
resposta:
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 de�nido entre as tags <script> e </script>. 
Sobre JavaScript, podemos dizer que estão corretos os itens:
Os itens I, II e III estão corretos.
Apenas os itens I e II estão corretos.
Os itens I, II e III estão corretos.
Apenas os itens I e III estão corretos.
Apenas os itens II e III estão corretos.
Apenas o item III está correto.
Resposta: B. 
Comentário: Todas as de�nições a�rmadas nos itens I, II e III referentes ao
JavaScript estão corretas.
Pergunta 2
Resposta Selecionada: c. 
Respostas:
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.
Linguagem, tags, efeitos.
UNIP EAD BIBLIOTECAS MURAL DO ALUNO TUTORIAISCONTEÚDOS ACADÊMICOS
0,4 em 0,4 pontos
0,4 em 0,4 pontos
http://company.blackboard.com/
https://ava.ead.unip.br/webapps/blackboard/execute/courseMain?course_id=_163028_1
https://ava.ead.unip.br/webapps/blackboard/content/listContent.jsp?course_id=_163028_1&content_id=_2095241_1&mode=reset
https://ava.ead.unip.br/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_10_1
https://ava.ead.unip.br/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_27_1
https://ava.ead.unip.br/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_47_1
https://ava.ead.unip.br/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_29_1
https://ava.ead.unip.br/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_25_1
https://ava.ead.unip.br/webapps/login/?action=logout
a. 
b. 
c. 
d. 
e. 
Feedback
da
resposta:
Linguagem, formulários, efeitos.
Forma, tags, efeitos.
Linguagem, tags, efeitos.
Maneira, códigos, funções.
Linguagem, processos, funções.
Resposta: C. 
Comentário: Na primeira lacuna, a única palavra que preenche corretamente é a
palavra linguagem. Na segunda lacuna, a única palavra que preenche corretamente
é a palavra tags e na terceira lacuna a única palavra que preenche corretamente é a
palavra efeitos, portanto as palavras são: linguagens, tags e efeitos.
Pergunta 3
Resposta Selecionada: d. 
Respostas: a. 
b. 
c. 
d. 
e. 
Feedback
da
resposta:
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 a�rmar que, referentes a eventos do
JavaScript, estão corretos os itens:
Apenas os itens I e II.
Apenas os itens III e IV.
Apenas os itens I, II e III.
Os itens I, II, III e IV.
Apenas os itens I e II.
Apenas os itens I, III e IV.
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 a�rmativas I e II
estão corretas.
Pergunta 4
0,4 em 0,4 pontos
0,4 em 0,4 pontos
Resposta Selecionada: e. 
Respostas: a. 
b. 
c. 
d. 
e. 
Feedback
da
resposta:
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 (de�nidas pelo próprio programador). 
Uma função é um trecho ______________ de programa com atribuições bem de�nidas. 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.
Independente, programação, bastante.
Dependente, programação, bastante.
Independente, programação, pouco.
Dependente, interação, bastante.
Independente, interação, pouco.
Independente, programação, bastante.
Resposta: E. 
Comentário: Na primeira lacuna, a única palavra que preenche corretamente é a
palavra independente. Na segunda lacuna, a única palavra que preenche
corretamente é a palavra programação e na terceira lacuna a única palavra que
preenche corretamente é a palavra bastante, portanto as palavras são:
independente, programação e bastante.
Pergunta 5
Resposta Selecionada: b. 
Respostas: a. 
b. 
c. 
d. 
e. 
Feedback
da
resposta:
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 a�rmar que estão corretos os seguintes itens.
Apenas o item I está correto.
Apenas os itens III e IV.
Apenas o item I está correto.
Os itens I, II, III e IV.
Apenas os itens I e II.
Apenas os itens I, III e IV.
Resposta: B. 
Comentário: As funções getElementByName(), getElementByAddress() e
getElementByTel() não existem no DOM, portanto a única a�rmativa correta é a
a�rmativa I.
0,4 em 0,4 pontos
Pergunta 6
Resposta Selecionada: a. 
Respostas: a. 
b. 
c. 
d. 
e. 
Feedback
da
resposta:
Em meados de 2011, Mark Otto, um desenvolvedor trabalhando no Twitter, criador do Bootstrap
juntamente com Jacob Thornton, anunciou ao mundo o lanç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, di�cultando a
integração, a escalabilidade e a manutenção das aplicaçõ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.
Gratuita, responsivas, componentes.
Gratuita, responsivas, componentes.
Paga, responsivas, componentes.
Gratuita, dinâmicas, códigos.
Paga, dinâmicas, códigos.
Paga, responsivas, templates.
Resposta: A. 
Comentário: Na primeira lacuna a única palavra que preenche corretamente é a
palavra gratuita. Na segunda lacuna a única palavra que preenche corretamente é a
palavra responsivas e na terceira lacuna a única palavra que preenche
corretamente é a palavra componentes, portanto as palavras são: gratuita,
responsivas e componentes.
Pergunta 7
Resposta Selecionada: d. 
Respostas: a. 
b. 
c. 
d. 
Sobre o bootstrap, análise as seguintes a�rmações: 
I – O bootstrap é uma ferramenta gratuita para desenvolvimento Html, Css e JavaScript. 
II – Para utilizar o Bootstrap, basta fazer o download do pacotee 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 a�rmar que estão corretos os seguintes itens.
Apenas os itens I e III.
Apenas os itens III e IV.
Apenas o item I está correto.
Os itens I, II, III e IV.
Apenas os itens I e III.
0,4 em 0,4 pontos
0,4 em 0,4 pontos
e. 
Feedback
da
resposta:
Apenas os itens I, III e IV.
Resposta: D. 
Comentário: O Bootstrap é um framework que utiliza html, javascript e css, o
mesmo deve ser baixado e/ou referenciado nas páginas do projeto para que possa
ser utilizado, portanto as a�rmativas I e III estão corretas.
Pergunta 8
Resposta Selecionada: b. 
Respostas: a. 
b. 
c. 
d. 
e. 
Feedback
da
resposta:
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 modi�cadores 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.
Bootstrap, botão, botão.
JavaScript, botão, botão.
Bootstrap, botão, botão.
Bootstrap, menu, menu.
JavaScript, menu, menu.
CSS, menu, botão.
Resposta: B. 
Comentário: Na primeira lacuna a única palavra que preenche corretamente é a
palavra bootstrap. Na segunda lacuna a única palavra que preenche corretamente é
a palavra botão e na terceira lacuna a única palavra que preenche corretamente é a
palavra botão, portanto as palavras são: bootstrap, botão e botão.
Pergunta 9
Resposta Selecionada: e. 
Respostas: a. 
Sobre o uso de botões no bootstrap, análise os itens a seguir: 
I – Estado Desativado: para �carem inativos, usamos o atributo booleano disabled em qualquer
elemento <button>. 
II – Sem cor de fundo: para �carem 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 a�rmar que estão corretas as a�rmações:
Os itens I, II, III e IV.
Apenas os itens III e IV.
0,4 em 0,4 pontos
0,4 em 0,4 pontos
Sábado, 12 de Junho de 2021 16h24min20s GMT-03:00
b. 
c. 
d. 
e. 
Feedback
da
resposta:
Apenas o item I está correto.
Apenas os itens I, III e IV.
Apenas os itens I e III.
Os itens I, II, III e IV.
Resposta: E. 
Comentário: De acordo com a documentação do bootstrap referente a botões,
todas as a�rmações mencionadas no exercício estão corretas.
Pergunta 10
Resposta Selecionada: a. 
Respostas: a. 
b. 
c. 
d. 
e. 
Feedback
da
resposta:
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, podemos a�rmar que estão corretas as a�rmações:
Os itens I, II, III e IV.
Os itens I, II, III e IV.
Apenas o item I está correto.
Apenas os itens I, III e IV.
Apenas os itens I e III.
Apenas os itens III e IV.
Resposta: A. 
Comentário: De acordo com a documentação do bootstrap referente a navbars,
todas as a�rmações mencionadas no exercício estão corretas.
← OK
0,4 em 0,4 pontos
javascript:launch('/webapps/blackboard/content/listContent.jsp?content_id=_2095241_1&course_id=_163028_1&nolaunch_after_review=true');