Av On 2_ AGO TADS 4 - Programação WEB_cris

Prévia do material em texto

23/09/2020 Avaliação Online 2: AGO.TADS.4 - Programação WEB
https://newtonpaiva.instructure.com/courses/8905/quizzes/17943 1/12
Avaliação Online 2
Entrega 27 set em 23:59 Pontos 20 Perguntas 10
Disponível 21 set em 0:00 - 27 set em 23:59 7 dias
Limite de tempo 120 Minutos Tentativas permitidas 2
Instruções
Histórico de tenta�vas
Tentativa Tempo Pontuação
MAIS RECENTE Tentativa 1 66 minutos 18 de 20
 As respostas serão mostradas após a última tentativa
Pontuação desta tentativa: 18 de 20
Enviado 23 set em 19:57
Esta tentativa levou 66 minutos.
Leia com atenção as orientações abaixo antes de iniciar esta prova:
Serão permitidas duas tentativas para realizar esta avaliação, prevalecendo a
maior nota.
Programe-se para realizar suas avaliações com tranquilidade, pois você
terá 120 minutos cronometrados (por tentativa) para conclusão e envio das
respostas.
Ao iniciar a avaliação o cronômetro não para, independentemente da plataforma
t b t ã
Fazer o teste novamente
2 / 2 ptsPergunta 1
A propriedade flex-direction tem quatro valores possíveis:
Row;
Row-reverse;
Column;
https://newtonpaiva.instructure.com/courses/8905/quizzes/17943/history?version=1
https://newtonpaiva.instructure.com/courses/8905/quizzes/17943/take?user_id=8833
23/09/2020 Avaliação Online 2: AGO.TADS.4 - Programação WEB
https://newtonpaiva.instructure.com/courses/8905/quizzes/17943 2/12
Column-reverse.
 
Considere o seguinte código html:
Considere também que o seguinte código CSS foi aplicado ao
documento:
Ao executar qual deverá ser o resultado ?
 
 
23/09/2020 Avaliação Online 2: AGO.TADS.4 - Programação WEB
https://newtonpaiva.instructure.com/courses/8905/quizzes/17943 3/12
 
 
 
Como apresentado na unidade 4, quando se utiliza o flex-
direction: row-reverse a ordem da exibição dos elementos é
invertida. E ao utilizar flex-wrap: wrap é possível fazer com que
os itens sejam quebrados em novas linhas caso acabe o
espaço do eixo principal. Ver Unidade 4 Tópico 1
2 / 2 ptsPergunta 2
Você está trabalhando em uma agencia e recebeu uma tarefa de criar
um layout, mas o prazo é curto então você precisa decidir entre utilizar
um framework ou fazer este layout na mão sem o framework.
O que acontece ao utilizar um framework para criar layouts
rapidamente?
 
você vai criar uma dependência muito forte do seu projeto com o
framework, além de ter que aprender como o framework funciona.
 Nenhuma das alternativas. 
23/09/2020 Avaliação Online 2: AGO.TADS.4 - Programação WEB
https://newtonpaiva.instructure.com/courses/8905/quizzes/17943 4/12
 
você não vai criar nenhuma uma dependência em seu projeto com o
framework, mas vai de ter que aprender como o framework funciona.
 
você vai criar uma dependência muito forte do seu projeto com o
framework, porem você não precisa se preocupar como o framework
funciona.
 
Vai obter apenas vantagens pois se layout vai ficar bom e será feito
com muita rapidez, os frameworks não geram dependência nenhuma.
você vai criar uma dependência muito forte do seu projeto com
o framework, além de ter que aprender como o framework
funciona. Ver Unidade 4 Tópico 1
2 / 2 ptsPergunta 3
Uma Gird é uma coleção de linhas e colunas, criando um padrão no
qual você alinha os elementos em células. Qual a vantagem em se
utilizar Grid?
 
Esse tipo de layout ajuda a criar páginas dinâmicas nas quais os
elementos recebem informações de um servidor com a ajuda da Grid.
 Permitir executar vídeos dento da página HTML. 
 
Quando você cria o contêiner, todos os itens se organizam em uma
linha e ocupam apenas o espaço necessário para exibir o seu
conteúdo.
 Nenhuma das alternativas. 
23/09/2020 Avaliação Online 2: AGO.TADS.4 - Programação WEB
https://newtonpaiva.instructure.com/courses/8905/quizzes/17943 5/12
 
Esse tipo de layout ajuda a criar páginas nas quais os elementos não
saltam ou mudam de largura à medida que se avança de uma página
para outra, proporcionando maior consistência no site.
Esse tipo de layout ajuda a criar páginas nas quais os
elementos não saltam ou mudam de largura à medida que se
avança de uma página para outra, proporcionando maior
consistência no site. Ver Unidade 4 Tópico 2
2 / 2 ptsPergunta 4
Se ouve falar muito nas media queries, sabemos que é uma
funcionalidade nova do CSS3, mas qual é a funcionalidade delas, o
que elas fazem em nossa pagina HTML?
 
Permitir executar vídeos dento da página HTML por meio de regras
especificas de CSS.
 Realizar buscar dentro de um banco de dados. 
 Nenhuma das alternativas 
 
Permitir executar uma série de testes (por exemplo, verificar qual
sistema operacional o usuário está utilizando)par aplicar uma regra
especifica de CSS.
 
Permitir executar uma série de testes (por exemplo, se a tela do
usuário é maior que uma certa largura ou uma determinada resolução)
para aplicar uma regra específica de CSS.
23/09/2020 Avaliação Online 2: AGO.TADS.4 - Programação WEB
https://newtonpaiva.instructure.com/courses/8905/quizzes/17943 6/12
Permitir executar uma série de testes (por exemplo, se a tela do
usuário é maior que uma certa largura ou uma determinada
resolução) para aplicar uma regra específica de CSS. Ver
Unidade 4 Tópico 3
2 / 2 ptsPergunta 5
O DOM (Document Object Model) é uma interface que representa
como os documentos HTML e XML são lidos pelo seu browser. Após o
browser ler seu documento HTML, ele cria um objeto, que faz uma
representação estruturada do seu documento e define meios de como
essa estrutura pode ser acessada. Nós podemos acessar e manipular
o DOM com JavaScript, que é a forma mais fácil e utilizada. 
Quantas e quais são as marcações importantes do DOM?
 Nenhuma das alternativas. 
 
Possui quatro marcações importantes:
• ID;
• Classes;
• Elements;
• Selector.
 
Possui três marcações importantes:
• Document;
• Elements;
• Attributes.
 
Possui quatro marcações importantes:
• Document;
• Elements;
• Texts;
• Attributes.
23/09/2020 Avaliação Online 2: AGO.TADS.4 - Programação WEB
https://newtonpaiva.instructure.com/courses/8905/quizzes/17943 7/12
 
Possui duas marcações importantes:
• Document;
• Attributes.
Gabarito: Possui quatro marcações importantes:
• Document;
• Elements;
• Texts;
• Attributes.
Feedback: Possui quatro marcações importantes:
• Document: cuida de documentos HTML.
• Elements: são todas as tags que estão em arquivos HTML e
se transformam em nós dentro da árvore DOM.
• Texts: É o texto que vai entre os elementos. 
• Attributes: fornecem mais informações sobre o elemento,
como propriedades específicas, como se class=“item” está
apontando para o elemento <p>.
Ver unidade 5, tópico 2.
 
0 / 2 ptsPergunta 6IncorretaIncorreta
Considere o seguinte código:
var num =2;
if(num > 0 && num < 5)
{
console.log("OK!");
}
else{
console.log("NO!");
}
Assinale a afirmação correta sobre a funcionalidade desse código.
23/09/2020 Avaliação Online 2: AGO.TADS.4 - Programação WEB
https://newtonpaiva.instructure.com/courses/8905/quizzes/17943 8/12
 
O código testa a variável num e verifica se ela é compatível com 0 e 5. 
 
O código testa a variável num e verifica se ela é Ímpar ou Par. Neste
caso, com o valor 2 é par, por isso exibe “NO!”.
 
O código testa a variável num e verifica se ela está entre 0 e 5. Como
neste caso ela contém o valor 2, a saída é “NO!”.
 
O código testa a variável num e verifica se ela está entre 0 e 5. Como
neste caso ela contém o valor 2, a saída é “OK!”.
 
O código testa a variável num e verifica se ela é Ímpar ou Par. Neste
caso, com o valor 2 é par, por isso exibe “OK!”.
2 / 2 ptsPergunta 7
Ao trabalhar com variáveis em um JavaScript, utilizamos muitas
variáveis, mas existem regras. Analise o código abaixo e responda.
var bola = 1;
var Bola = 2;
bola = bola -1;
console.log(bola);
Ao executar, qual deverá ser o resultado?
 -1. 
 1. 
 2. 
23/09/2020 Avaliação Online 2: AGO.TADS.4 - Programação WEB
https://newtonpaiva.instructure.com/courses/8905/quizzes/17943 9/12
 3. 
 0. 
Note que estamos utilizandoapenas a variável bola com “b”
minúsculo, então o valor 2 que está na variável Bola com “B”
maiúsculo não está sendo usado. Ver unidade 5, tópico 1.
2 / 2 ptsPergunta 8
Tendo sido lançado no ano de 2013 como uma ferramenta do
JavaScript de código aberto, o React teve seus componentes
desenvolvidos pelo Facebook, e até os dias de hoje permanece na
frente de suas principais concorrentes Angular, desenvolvida pelo
Google, e a Bootstrap, cujo desenvolvimento se deve a Bootstrap Core
Team, que são as bibliotecas mais bem vendidas do JavaScript.
Neste contexto, julgue as afirmações que se seguem.
I - O React possui como foco principal tornar a experiência do usuário
mais eficiente.
II - O React possui a característica de reusabilidade de código.
III - O React tem sido empregado por inúmeras companhias mundo
afora.
IV - O React é amplamente empregado no desenvolvimento de
interfaces simples, aplicações de maior complexidade requerem
melhores ferramentas.
 
Está(ão) correta(s) a(s) asserção(ões):
 I, II e IV, somente; 
 I e III, somente. 
23/09/2020 Avaliação Online 2: AGO.TADS.4 - Programação WEB
https://newtonpaiva.instructure.com/courses/8905/quizzes/17943 10/12
 I, II e III, somente. 
 II, III e IV, somente. 
 I e IV, somente. 
O React permite que sejam utilizados componentes que tenham
sido desenvolvidos em outras aplicações e que usem a mesma
função. Esta característica de reusabilidade é indispensável
para desenvolvedores em geral.
Devido a sua robustez, o React tem sido empregado por
inúmeras companhias mundo afora, e dentre as grandes
corporações que fazem uso desse framework estão a Netflix, o
Airbnb e a American Express, além é claro do próprio Facebook
e do WhatsApp.
 
 
Como apresentado na unidade 6, tópico 1 de Programação
web.
2 / 2 ptsPergunta 9
O React foi desenvolvido pelo Facebook e tem sido empregado por
inúmeras companhias ao redor de todo o mundo, dentre as quais se
destacam Netflix, Airbnb, American Express, entre outras.
Neste contexto, julgue as afirmações que se seguem.
I - O React oferece suporte à reusabilidade de componentes.
II - O React apresenta dificuldades com os conjuntos de técnicas de
SEO (Search Engine Optimization).
III - O React pode ser visto como uma biblioteca para JavaScript.
IV - O React utiliza Virtual Document Object Model a fim de
proporcionar a melhor otimização para sua página.
23/09/2020 Avaliação Online 2: AGO.TADS.4 - Programação WEB
https://newtonpaiva.instructure.com/courses/8905/quizzes/17943 11/12
 
Está(ão) correta(s) a(s) asserção(ões):
 I, II e IV, somente. 
 I e III, somente. 
 I e II, somente. 
 I, III e IV, somente. 
 II e IV, somente. 
O React oferece grande suporte à reusabilidade de
componentes, além disso, ele utiliza Virtual Document Object
Model a fim de proporcionar a melhor otimização para sua
página. O React é bem amigável com os conjuntos de técnicas
de SEO (Search Engine Optimization), e pode ser visto como
uma biblioteca para JavaScript, mas também é categorizado
como um framework.
Como apresentado na unidade 6, tópico 1 de Programação
web.
2 / 2 ptsPergunta 10
Devido a sua robustez, o React tem sido empregado por inúmeras
companhias mundo afora, e dentre as grandes corporações que fazem
uso desse framework estão a Netflix, o Airbnb, a American Express,
além é claro do próprio Facebook e do WhatsApp.
Considerando o contexto apresentado, avalie as asserções a seguir e
a relação proposta entre elas.
II - O React JS faz uso da extensão JSX, uma extensão de sintaxe
para JavaScript que consiste em uma ótima combinação entre a
referida linguagem e o HTML.
23/09/2020 Avaliação Online 2: AGO.TADS.4 - Programação WEB
https://newtonpaiva.instructure.com/courses/8905/quizzes/17943 12/12
PORQUE
II – Permite simplificar toda a estrutura de codificação de escrita de um
site, além disso, essa extensão torna a renderização de múltiplas
funções mais fácil.
A respeito dessas asserções, assinale a opção correta.
 
A asserção I é uma proposição falsa e a II é uma proposição
verdadeira.
 
As asserções I e II são proposições verdadeiras, mas a II não é uma
justificativa correta da I.
 
As asserções I e II são proposições verdadeiras e a II é uma
justificativa correta da I.
 As asserções I e II são proposições falsas. 
 
A asserção I é uma proposição verdadeira e a II é uma proposição
falsa.
O React JS faz uso da extensão JSX, uma extensão de sintaxe
para JavaScript que consiste em uma ótima combinação entre a
referida linguagem e o HTML, simplificando assim toda a
estrutura de codificação de escrita de um site, além disso, essa
extensão torna a renderização de múltiplas funções mais fácil.
Como apresentado na unidade 6, tópico 1 de Programação
web.
Pontuação do teste: 18 de 20