Buscar

AO2 Substitutiva_ Interfaces Digitais_ Front-End

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 13 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 13 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 9, do total de 13 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

Prévia do material em texto

AO2 Substitutiva
Entrega 26 jun em 23:59 Pontos 6 Perguntas 10
Disponível 21 jun em 0:00 - 26 jun em 23:59 Limite de tempo Nenhum
Instruções
Este teste foi travado 26 jun em 23:59.
Histórico de tentativas
Tentativa Tempo Pontuação
MAIS RECENTE Tentativa 1 118 minutos 5,4 de 6
Pontuação deste teste: 5,4 de 6
Enviado 23 jun em 17:52
Esta tentativa levou 118 minutos.
Importante:
Caso você esteja realizando a atividade através do aplicativo "Canvas Student", é necessário que você
clique em "FAZER O QUESTIONÁRIO", no final da página.
0,6 / 0,6 ptsPergunta 1
Leia o texto a seguir:
O ECMAScript é a especificação usada para implementar a linguagem
JavaScript. O ES6, ou ECMAScript 6, é a primeira atualização
significativa para a linguagem desde ES5 que foi inicialmente lançado em
2009.
Muitos recursos do ES6 já estão disponíveis em engines modernos de
JavaScript. Usar Babel, no entanto, traz acesso a muitos mais recursos,
garantindo ao mesmo tempo o JavaScript seja executado em mais
plataformas.
(Fonte: Disponível em: https://desenvolvedor.expert/o-que-eh-es6-
66c8d7631a0b. Acesso em: 12 abr. 2020)(adaptado )
Considerando as informações apresentadas, avalie as afirmações a
seguir:
A+
A
A-
https://famonline.instructure.com/courses/27283/quizzes/142288/history?version=1
I. No ES6, há o novo recurso const, onde é possível criação de
constantes que não permitem a alteração do seu valor inicial declarado.
II. No ES6, há o novo recurso let que permite a criação de variáveis
dinâmicas que tem seus valores alterados devido ao tempo de execução
da página.
III. No ES6, a função seta faz a troca de valores entre duas variáveis
apontadas.
IV. No ES6, é possível declarar variáveis sem a utilização da palavra
reservada “var”
É correto o que se afirma apenas em: 
 I e III. 
 I e IV. 
 I, apenas. Correto!Correto!
 II e III. 
 I e II. 
A alternativa está correta, pois apenas a afirmação I é verdadeira.
A afirmação II é falsa, pois o recurso let traz um comportamento
diferente para a variável em determinados blocos de código,
porém não está relacionado ao tempo de execução.
A afirmação III é falsa, pois a função seta é uma atribuição de
valores e não uma troca de valores entre variáveis.
A afirmação IV é falsa, pois para a criação de uma variável
precisamos utilizar a palavra reservada “var”.
0 / 0,6 ptsPergunta 2
Leia o texto a seguir:
Elementos básicos são o que constituem a base de todo documento
HTML. Se vê esses elementos no código fonte de todas as páginas da
web, logo em seguida da declaração de doctype, que está na primeira
A+
A
A-
linha da página. Os elementos que formam o conteúdo da página são
postos entre a tag de abertura <html> e a tag de fechamento </html>. O
elemento <html> é também conhecido como o elemento raiz.
(Fonte: Disponível em: https://developer.mozilla.org/pt-
BR/docs/Web/HTML/Element. Acesso em: 21 mar. 2020)(adaptado )
Considerando as informações apresentadas, avalie as afirmações a
seguir:
I. As tags de abertura <head> e fechamento </head> são utilizadas para
delimitar os tags de configuração dentro de documentos HTML.
II. As tags <a> servem para quebrar linhas entre elementos HTML.
III. A tag <br> é um exemplo de tag única, ou seja, podem ser utilizadas
sem a necessidade de fechamento.
IV. As tags de abertura <body> e fechamento </body> são utilizadas para
delimitar o início e o fim de um documento HTML.
É correto o que se afirma apenas em: 
 II e IV. 
 III e IV. 
 I e III. esposta corretaesposta correta
 I e II. 
 I e IV. ocê respondeuocê respondeu
A+
A
A-
A alternativa está incorreta, pois apenas as afirmações I e II são
verdadeiras. As tags de abertura <head> e fechamento </head>
são utilizadas para delimitar os tags de configuração dentro de
documentos HTML. A tag <br> é um exemplo de tag única sem a
necessidade de fechamento.
A afirmação II é falsa, pois as tags <a> representam a criação de
links.
A afirmação IV é falsa, pois as tags de abertura <body> e
fechamento </body> são utilizadas para delimitar o corpo com
conteúdo principal de um documento HTML, para delimitar o início
e o fim do documento utilizamos o conjunto de tags <html> e
</html>.
0,6 / 0,6 ptsPergunta 3
Leia o texto a seguir:
As linguagens de front-end são responsáveis por toda a interface, ou
seja, parte visual de nossos sistemas para web. Em sua grande maioria
são desenvolvidas com as linguagens HTML, CSS e JavaScript, além da
utilização de frameworks. Essas linguagens são consideradas estáticas e
quando precisamos acessar um site desenvolvido com essas tecnologias
temos um fluxo de resposta diferente do fluxo que ocorre com linguagens
de back-end.
(Fonte: Elaborado pelo autor )
Considerando as informações apresentadas, avalie as afirmações a
seguir:
I. A linguagem HTML é considerada uma linguagem de marcação para
web.
II. Através do CSS podemos estilizar nossas páginas e manipular
eventos.
III. Através do CSS podemos criar classes de estilizações para nossas
páginas.
É correto o que se afirma em: 
 I, II e III. Correto!Correto!
A+
A
A-
 I e III, apenas. 
 I e II, apenas. 
 II e III, apenas. 
 II, apenas. 
A alternativa está correta, pois todas as afirmações são
verdadeiras. A linguagem HTML é uma linguagem de marcação de
elementos, através do CSS podemos estilizar e criar classes de
estilizações de elementos para nossas páginas.
0,6 / 0,6 ptsPergunta 4
Leia o texto a seguir:
Na linguagem JavaScript, instruções são chamadas de declaração e são
separadas por um ponto e vírgula (;). Espaços, tabulação e uma nova
linha são chamados de espaços em branco. O código fonte dos scripts
em JavaScript são lidos da esquerda para a direita e são convertidos em
uma sequência de elementos de entrada como símbolos, caracteres de
controle, terminadores de linha, comentários ou espaço em branco.
(Fonte: Disponível em: https://developer.mozilla.org/pt-
BR/docs/Web/JavaScript/Guide/Values,_variables,_and_literals. Acesso
em: 10 abr. 2020)(adaptado )
Considerando as informações apresentadas, avalie as afirmações a
seguir:
I. As variáveis em JavaScript não são fortemente tipadas, ou seja, elas se
adequam ao tipo de dados que estamos armazenando.
II. Quando o JavaScript é utilizado dentro de um documento HTML todos
os seus comandos devem ser delimitados pelo conjunto de tags
“<script>” e “</script>”.
III. Um exemplo de declaração de variáveis no JavaScript é “variable
nome = “João”.
IV. Na linguagem JavaScript quando utilizamos o operador / em uma
operação é retornado o resto de uma divisão.
Estão corretas apenas as afirmativas:
A+
A
A-
 II e III. 
 I e III. 
 III e IV. 
 I e II. Correto!Correto!
 I e IV. 
A alternativa está correta, pois apenas as afirmações I e II são
verdadeiras. A forma correta de se declarar variáveis no
JavaScript é utilizando a palavra reservada “var”. Além disso, o
operador que traz o resto de uma divisão é o módulo,
representado pelo sinal “%”.
0,6 / 0,6 ptsPergunta 5
Analise o código ECMAScript6 presente no documento HTML a seguir:
 
 Figura 1: Elaborada pelo autor.
O código representa uma manipulação do elemento parágrafo “<p>” feita
através de um script em ECMAScript6, esse script utiliza o novo recurso
de classes para, depois, manipular o texto do parágrafo de id=”demo”
que é alterado de vazio para “Caique”. 
A+
A
A-
Considerando o código e o trecho apresentado sobre o as ações do
JavaScript no documento em HTML, avalie as afirmações abaixo:
I. O construtor tem a função de instanciar, ou seja, criar um objeto da
classe que faz parte.
II. Uma classe é formada por métodos, que são ações e atributos, que
são parâmetros.
III. É possível imprimir atributos de uma classe sem precisar de um
objeto.
É correto o que se afirmar em:
 I, apenas. 
 I e III, apenas. 
 II, apenas. 
 II e III, apenas. 
 I e II, apenas. Correto!Correto!
A alternativa está correta, pois apenas as afirmações I e II são
verdadeiras.
Só é possível imprimir atributos de uma classe através de um
objeto instanciadopor um construtor. Todas as classes são
formadas por métodos e atributos.
0,6 / 0,6 ptsPergunta 6
Leia o texto a seguir:
É praticamente impossível imaginar a Internet sem a existência do
JavaScript. Sua utilização em conjunto com o HTML e o CSS, o
JavaScript – bem como suas bibliotecas e tecnologias relacionadas – é
um dos alicerces fundamentais da web como a conhecemos.
Praticamente todas as páginas executam algum tipo de código
JavaScript, ou seja, pode ter certeza de que diariamente muito código JS
A+
A
A-
está sendo executado durante uma pesquisa em um buscador, leitura de
uma notícia em um portal ou mesmo em uma rede social.
(Fonte: Disponível em: https://imasters.com.br/front-end/javascript-20-
anos-de-historia-e-construcao-da-web. Acesso em: 12 abr. 2020)
(adaptado )
Sobre a linguagem JavaScript é correto afirmar:
 
A linguagem JavaScript pode ser considerada uma linguagem de
marcação de hipertexto.
 A linguagem JavaScript é apenas visual, ou seja, só traz estilizações. 
 A linguagem JavaScript é considerada uma linguagem de back-end. 
 
No JavaScript é possível criar funções para agilizar ou dinamizar a
experiência de usabilidade dos usuários em páginas web.
Correto!Correto!
 
Com a linguagem JavaScript é possível criar classes com estilos
personalizados.
A resposta está correta, pois no JavaScript é possível criar
funções para agilizar ou dinamizar a experiência de usabilidade
dos usuários em páginas web. Todas as partes visuais de
estilizações são feitas através do CSS e a linguagem de marcação
de hipertexto é o HTML.
0,6 / 0,6 ptsPergunta 7
Analise o código jQuery presente no documento HTML a seguir:
A+
A
A-
Figura 1: Elaborada pelo autor.
O código representa a estrutura básica de um documento HTML com
uma manipulação de elementos feita através do jQuery.
Considerando o código e o trecho apresentado no documento em HTML,
avalie as afirmações a seguir:
I. No código, os elementos p, h1 e h2 terão seus textos modificados para
“Eu sou uma mensagem para diversos objetos”.
II. Só é possível a manipulação feita dentro da função pois importamos a
biblioteca jQuery na linha 7.
III. Os comentários na linguagem JavaScript podem ser feito utilizando os
comandos <!--texto -->.
É correto o que se afirmar em:
 II e III, apenas. 
 I e II, apenas Correto!Correto!
 I, apenas. 
 II apenas. 
 I e III, apenas. 
A+
A
A-
A alternativa está correta, pois apenas as afirmações I e II são
verdadeiras.
Os comentários com os sinais de <!--texto --> são feitos em
HTML.
A afirmação III é falsa, pois no JavaScript os comentários são
representados por // ou /* texto */.
0,6 / 0,6 ptsPergunta 8
Analise o código presente no documento HTML a seguir:
Fonte: Elaborada pelo autor.
O código representa a estrutura básica de um documento HTML com
uma impressão de uma mensagem.
Considerando o código e o trecho apresentado no documento em HTML,
avalie as afirmações a seguir:
I. Para alterar a cor do elemento paragrafo “<p>” presente no documento
para vermelho, devemos criar uma classe de css com a seguinte sintaxe:
“p{ color: red }”
II. Para modificar a formatação do texto “Olá mundo” para um subtítulo
podemos trocar o conjunto de tags “<p>” e “</p>” por “<h2>” e “</h2>”.
III. Para modificar o tamanho do nosso parágrafo devemos acrescentar o
atributo size ao elemento “<meta>” da linha 5.
É correto o que se afirmar em:
A+
A
A-
 I e III, apenas. 
 II e III, apenas. 
 I e II, apenas. Correto!Correto!
 II, apenas. 
 I, apenas. 
A alternativa está correta, pois apenas as afirmações I e II são
verdadeiras. O elemento meta serve para configurações, por
exemplo, o comando “<meta charset=”utf-8”> defini as
configurações de caracteres para utf-8, padrão utilizado pelos
teclados brasileiros.
A afirmação III é falsa, pois através da tag “<meta>” não é
possível modificar cores de elementos, somente através de CSS.
0,6 / 0,6 ptsPergunta 9
Leia o texto a seguir:
Um Framework tem como principal objetivo resolver problemas
recorrentes com uma abordagem genérica, permitindo ao
desenvolvedor focar seus esforços na resolução do problema em si, e
não ficar reescrevendo software. Você pode se perguntar, então
Framework é uma biblioteca? Bem quase isso, pode-se dizer que é um
conjunto de bibliotecas ou componentes que são usados para criar
uma base onde sua aplicação será construída.
(Fonte: Disponível em: https://tableless.github.io/iniciantes/manual/js/o-
que-framework.html. Acesso em: 16 abr. 2020)(adaptado )
Esse framework é utilizado para facilitar o desenvolvimento de
componentes para interfaces de site, ele utiliza HTML, CSS e
JavaScript. Seu principal objetivo é melhorar a experiência visual do
usuário, para fazer isso utiliza-se de várias técnicas de design e está
sempre atualizado e modernizado. Quando falamos de frameworks
para desenvolvimento de interfaces front-end ele é o principal que não
podemos esquecer, portanto o framework é o:
A+
A
A-
 CSS. 
 jQuery. 
 Bootstrap. Correto!Correto!
 React. 
 Spring. 
A alternativa está correta, pois o framework é o Bootstrap. jQuery
e React são frameworks que tem outras funcionalidades,
diferentes da parte visual do Bootstrap, já o CSS é uma linguagem
e não um framework e o Spring se trata de um framework da
linguagem Java para back-end.
0,6 / 0,6 ptsPergunta 10
Leia o texto abaixo:
Não tem como trabalhar com webdesign sem conhecer a linguagem
HTML, pois ela faz parte e é base da Internet. Seja em simples sites ou
em projetos web mais robustos, o HTML estará lá presente.
O CSS é uma ferramenta que trabalha em conjunto com o HTML e é
responsável por conferir um estilo próprio aos documentos e páginas.
No entanto, o HTML é considerado o início do caminho para quem está
ingressando no mundo do webdesign, pois a partir dele é possível
aprender sobre outras tecnologias e linguagens presentes na web.
(Fonte: Disponível em:
https://www.weblink.com.br/blog/webdesign/javascript-html-css-
ingressando-no-mundo-do-webdesign/#O-HTML-e-a-base-do-webdesign.
Acesso em: 17 abr. 2020)(adaptado )
Considerando esse contexto, avalie as seguintes asserções e a relação
proposta entre elas.
I. Através da linguagem CSS, podemos criar estilos, como regras que são
aplicadas a elementos dentro de nossas páginas.
PORQUE
A+
A
A-
II. Através da linguagem HTML fazemos marcações para adicionar
elementos dentro de nossas páginas e esses elementos obedecem às
regras do HTML.
A respeito dessas asserções, assinale a opção correta:
 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. 
 
As asserções I e II são proposições verdadeiras, mas a II não é uma
justificativa da I.
Correto!Correto!
 
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, e a II é uma justificativa
da I.
A alternativa está correta, pois as asserções I e II são proposições
verdadeiras, mas a II não é uma justificativa da I. A linguagem
HTML é uma linguagem de marcação para web, porém isso não
justifica o fato da linguagem CSS ser responsável pela estilização
de elementos.
Pontuação do teste: 5,4 de 6
A+
A
A-

Continue navegando