AO2 Substitutiva_ Interfaces Digitais_ Front-End

Prévia do material em texto

08/06/2021 AO2 Substitutiva: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12493/quizzes/41062 2/17
0 / 0,6 ptsPergunta 1IncorretaIncorreta
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
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. 
 As asserções I e II são proposições verdadeiras, e a II é uma justificativa da I. 
08/06/2021 AO2 Substitutiva: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12493/quizzes/41062 3/17
 A asserção I é uma proposição verdadeira, e a II é uma proposição falsa. 
 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 da I. 
A alternativa está incorreta, 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.
0,6 / 0,6 ptsPergunta 2
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:
08/06/2021 AO2 Substitutiva: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12493/quizzes/41062 4/17
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:
 I e II. 
 I e III. 
 II e III. 
 I e IV. 
 III 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 “%”.
08/06/2021 AO2 Substitutiva: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12493/quizzes/41062 5/17
0 / 0,6 ptsPergunta 3IncorretaIncorreta
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
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: 
 III e IV. 
 I e II. 
 I e III. 
08/06/2021 AO2 Substitutiva: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12493/quizzes/41062 6/17
 I e IV. 
 II e IV. 
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 4
Analise o código jQuery presente no documento HTML a seguir:
08/06/2021 AO2 Substitutiva: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12493/quizzes/41062 7/17
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:
08/06/2021 AO2 Substitutiva: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12493/quizzes/41062 8/17
 II e III, apenas. 
 I e II, apenas 
 I e III, apenas. 
 I, apenas. 
 II apenas. 
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 / 0,6 ptsPergunta 5IncorretaIncorreta
Analise o código ECMAScript6 presente no documento HTML a seguir:
 
Figura 1: Elaborada pelo autor.
08/06/2021 AO2 Substitutiva: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12493/quizzes/41062 9/17
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”. 
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. 
A alternativa está incorreta, pois apenas as afirmações I e II são verdadeiras.
Só é possível imprimir atributos de uma classe através de um objeto instanciado por um construtor.
Todas as classes são formadas por métodos e atributos.
08/06/2021 AO2 Substitutiva: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12493/quizzes/41062 10/17
0 / 0,6 ptsPergunta 6IncorretaIncorreta
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:
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, apenas. 
 I e III. 
 I e II. 
08/06/2021 AO2 Substitutiva: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12493/quizzes/41062 11/17
 II e III. 
 I e IV. 
A alternativa está incorreta, 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,6 / 0,6 ptsPergunta 7
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.
08/06/2021 AO2 Substitutiva: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12493/quizzes/41062 12/17
(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:
 jQuery. 
 Spring. 
 Bootstrap. 
 React. 
 CSS. 
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.
08/06/2021 AO2 Substitutiva: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12493/quizzes/41062 13/17
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:
08/06/2021 AO2 Substitutiva: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12493/quizzes/41062 14/17
 I e III, apenas. 
 II, apenas. 
 II e III, apenas. 
 I, apenas. 
 I e II, 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:
É 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
08/06/2021 AO2 Substitutiva: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12493/quizzes/41062 15/17
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 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 é considerada uma linguagem de back-end. 
 A linguagem JavaScript pode ser considerada uma linguagem de marcação de hipertexto. 
 
No JavaScript é possível criar funções para agilizar ou dinamizar a experiência de usabilidade dos usuários em
páginas web.
 A linguagem JavaScript é apenas visual, ou seja, só traz estilizações. 
 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.
08/06/2021 AO2 Substitutiva: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12493/quizzes/41062 16/17
0,6 / 0,6 ptsPergunta 10
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 e II, apenas. 
 I, II e III. 
 II e III, apenas. 
 II, apenas. 
 I e III, apenas.