Atualmente, há muitas formas de acessar um conteúdo da internet - por meio de um computador, de um tablet, de um notebook, de um smartphone, entre outras opções criativas - como telões em eventos e monitores conectados a outros dispositivos. O que podemos observar é que, para cada dispositivo, teremos resoluções de tela bastante variáveis, o que precisa ser considerado pelo programador ao desenvolver um site.
Nesse sentido, podemos afirmar que um site responsivo é aquele que:
O Bootstrap é uma ferramenta gratuita para desenvolvimento HTML, CSS e JS. Podem ser criados protótipos rapidamente ou aplicações completas com as variáveis e mixins Sass, sistemas de grid responsivo, componentes pré-construídos e poderosos plugins com jQuery. Com o Bootstrap são criados projetos responsivos para dispositivos móveis na web. O Bootstrap é uma das bibliotecas de componentes front-end mais populares em todo mundo.
(Fonte: Disponível em: https://getbootstrap.com.br/docs/4.1/getting-started/introduction/. Acesso em: 12 abr. 2020)(adaptado ) Considerando as informações apresentadas, avalie as afirmações a seguir:
I. Podemos incluir o Bootstrap de forma online apontando para o link oficial fazendo uma referência em nossa página através da tag “<link>”. II. Para a utilização completa do Bootstrap, devemos incluir o script de CSS, jQuery, JS e Popper. III. Quando configurado o Bootstrap não torna o site responsivo a todos os tipos de dispositivos, somente a dispositivos móveis. IV. Através do Bootstrap podemos tornar as imagens de nossa página responsivas utilizando a classe “responsive”.
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 esse contexto, avalie as seguintes asserções e a relação proposta entre elas.
I. Através do novo recurso let podemos fazer com que uma variável tenha um valor diferente de seu valor inicial em determinado bloco de código e depois retorne ao seu valor normal.
PORQUE
II. Através do novo recurso const podemos criar variáveis do tipo constante, ou seja, em que não pode ter seu valor alterado.
A respeito dessas asserções, assinale a opção correta:
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”. Considerando o código e o trecho apresentado sobre o as ações do JavaScript no documento em HTML, avalie as afirmações a seguir:
I. Caso na utilização do construtor o atributo passado fosse “João, exemplo “aluno = new Aluno(“João”)”, o texto do elemento parágrafo seria alterado para “João”. II. Se na declaração do construtor fosse declarado também a idade do aluno sua estrutura correta ficaria: Class Aluno { constructor(brand, idade){ this.nome = brand; this.idade = idade; } III. Na linha 18 se alterarmos a instrução “aluno.nome” para “aluno” teremos a mesma saída já que nome faz parte da classe aluno.
A programação para web design envolve várias linguagens diferentes que foram evoluindo ao longo dos anos. Atualmente, há também a utilização de frameworks que facilitam ainda mais o trabalho do programador, uma vez que já traz bibliotecas de códigos prontos, agilizando o processo. Existem diferentes linguagens para o front-end e para o back-end, sendo que as principais linguagens para cada uma dessas modalidades são bastante conhecidas.
As linguagens de programação que formam o trio mais famoso do front-end são
A biblioteca jQuery foi lançada em 2006, por John Resig, jQuery, segundo definição consta em seu site, trata-se de uma rápida, pequena e rica em funcionalidades biblioteca JavaScript. Com o lema "Write less, do more." (Escreva menos, faça mais), jQuery revolucionou o desenvolvimento web, sendo presente em inúmeros projetos atualmente.
(Fonte: Disponível em: https://tableless.github.io/iniciantes/manual/js/o-que-jquery.html Acesso em: 10 abr. 2020)(adaptado ) Considerando esse contexto, avalie as seguintes asserções e a relação proposta entre elas.
I. A biblioteca jQuery é uma biblioteca utilizada para front-end, ou seja, desenvolvimento de interfaces.
PORQUE
II. A biblioteca jQuery utiliza como linguagem base o JavaScript, uma das mais importantes linguagens de front-end.
A respeito dessas asserções, assinale a opção correta:
Analise o código JavaScript 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 uma função em JavaScript chamada “myFunction()”. Nessa função, o texto do parágrafo de id=”mudar” é alterado de “Início...” para “Alterado.”. Considerando o código e o trecho apresentado sobre o as ações do JavaScript no documento em HTML, avalie as afirmações a seguir:
I. Se ao invés de manipular o parágrafo, nossa intenção fosse manipular todos os elementos “<h2>” presentes na página, podemos fazer essa ação substituindo o comando document.getElementById(“mudar”).innerHTML por document.getElementsByTagName("h2").innerHTML.
II. No código utilizado, podemos manipular o parágrafo presente na página da mesma maneira substituindo o comando document.getElementById(“mudar”).innerHTML por document.getElementsByTagName("mudar").innerHTML.
III. Podemos manipular todos elementos presentes na página se utilizarmos o comando document.getAllElements( ).innerHTML.
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 simbolos, caracteres de controle, terminadores de linha, comentários ou espaço em branco.
(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. Os comentários na linguagem JavaScript podem ser representados pelo uso de duas barras seguidas ( // ). II. A palavra “var” na linguagem JavaScript é reservada para a declaração de variáveis. III. As variáveis em JavaScript podem ser declaradas com a utilização da palavra “variable”. IV. Se utilizarmos a instrução “alert” a linha não precisa ser encerrada com ponto e vírgula ( ; ).