Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
Prova N2 - DESENVOLVIMENTO WEB CLIENTE
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
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
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
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
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
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
Compartilhar
Prévia do material em texto
A especificação HTML indica que uma tag <script> deve ser posicionada dentro de uma tag <head> ou <body> e que pode aparecer em um número qualquer de vezes em cada uma delas. Entretanto, a posição da tag <script> no código pode influenciar no desempenho da página. Com relação ao tema, analise as asserções a seguir.
I. Para garantir que a página esteja praticamente renderizada antes que a execução do script tenha início, é aconselhável colocar todas as tags <script> ao final da página, imediatamente antes do fechamento da tag <body>
II. As funções que demandarem mais processamento deve ser inseridas na tag <head>, caso contrário não será possível fazer a chamada dessas funções na página HTML
III. Quando for inserido um arquivo externo a página HTML devem ser utilizados os atributos code, type e src.
IV. Quanto aos atributos da tag <script>, o atributo type deve conter o valor "text/javascript" e o atributo src contém a referência para o local no servidor da aplicação onde o arquivo está localizado.
Está correto APENAS o que se afirma em
·
.I, III e IV.
· .I e II.
· .II, III e IV.
· .II e III.
· .I e IV.
Frameworks são muito importantes para a agilidade e facilidade de realizar determinadas tarefas em seus projetos. O framework é uma estrutura base, uma plataforma de desenvolvimento, como uma espécie de arcabouço. Ele contém ferramentas, guias, sistemas e componentes que agilizem o processo de desenvolvimento de soluções, auxiliando os especialistas de TI em seus trabalhos.
Selecione a opção que corresponde a um importante framework de desenvolvimento front-end:
·
.Javascript.
·
.HTML.
·
.Eclipse.
·
.Bootstrap.
·
.CSS.
Considere que, no desenvolvimento de um sistema para a Web, um desenvolvedor pretenda criar páginas dinâmicas que serão executadas no ambiente do cliente. Considere, ainda, que, nesse trabalho, o desenvolvedor opte por uma biblioteca que ofereça capacidade de seleção e manipulação de HTML, manipulação de CSS e requisições AJAX.
Assinale a alternativa que contém o nome da ferramenta que o desenvolvedor deve utilizar para atender os requisitos apresentados
·
.jMaskx.
·
.Java.
·
.jQuery.
·
.C#.
·
.PHP.
Considere o trecho de código a seguir que cria uma janela modal utilizando as classes do Bootstrap:
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
Fonte: Elaborado pela autora, 2019.
Assinale a alternativa que indica o trecho de código que deve ser alterado para incluir uma imagem no corpo da janela modal.
· .Dentro da tag <h4> com o valor de class="modal-title".
·
.Dentro da tag <button> com o valor de class="close".
·
.Dentro da tag<div> com o valor de class="modal-body".
·
.Dentro da tag <div> com o valor de class="modal-footer".
·
.Dentro da tag <button> com o valor de class="btn btn-default".
Em uma página HTML, é declarado o seguinte formulário:
<form id="dados" action="novapagina.html" method="post"> <input type="submit" name="Enviar" value="enviar"/> <input type="text" id="numero" name="numero" value=""/> </form>
O valor do campo “numero” deverá ser preenchido por uma função Javascript, que terá acesso a ele através do comando:
·
.document.querySelector ("#numero").value.
·
.document.querySelector ("form").numero.value.
·
.document.querySelector (".input").numero.value.
·
.document.querySelector (".dados").numero.value.
·
.document.querySelector ("#text").value.
Um carrossel de imagens consiste em um conjunto de imagens que pode ser visualizado como uma apresentação ou slide show. É um tipo de componente muito utilizado para dar dinamicidade ao sistema web. Com o Bootstrap é possível construir um carrossel de imagens utilizando as classes do framework, como apresentado no trecho de código abaixo:
<div id="myCarousel" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> </ol> <div class="carousel-inner"> <div class="item active"> <img src="la.jpg" alt="Los Angeles"> </div> <div class="item"> <img src="chicago.jpg" alt="Chicago"> </div> <div class="item"> <img src="ny.jpg" alt="New York"> </div> </div> <a class="left carousel-control" href="#myCarousel" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> <span class="sr-only">Next</span> </a> </div>
Fonte: Elaborado pela autora, 2019.
Sobre o trecho de código anterior, podemos afirmar que:
·
.Para adicionar novas imagens, é necessário apenas acrescentar a imagem na div "carousel-inner".
·
.Para adicionar novas imagens, é necessário acrescentar um item na lista "carousel-indicators" e a imagem na div "carousel-inner".
·
.Para que o carrossel de imagens seja exibido corretamente na tela do usuário é necessário informar o atributo alt associado com cada imagem do carrossel.
·
.Somente imagens de alta resolução podem ser inseridas nesse carrossel.
·
.Para adicionar novas imagens, é necessário apenas acrescentar um item na lista "carousel-indicators".
O seletor .class no CSS seleciona elementos que tem um determinado valor desse atributo e permitem aplicar uma série de estilos. Um elemento HTML pode ter mais de uma classe associada, sendo o efeito cascata aplicado neste caso. A sintaxe básica do seletor .class está definido abaixo
.class {
css declarations;
}
Considere agora o trecho de código a seguir
<!DOCTYPE html> <html> <head> <style> p.center { text-align: center; color: red; } p.large { font-size: 300%; } </style> </head> <body> <h1 class="center">Cabeçalho 1</h1> <p class="center">Parágrafo 1</p> <p class="center large">Parágrafo 2</p> </body> </html>
Assinale a alternativa correta sobre o conteúdo renderizado a partir desse código:
·
O texto “Cabeçalho 1” será exibido na cor vermelha e centralizado.
·
O texto “Parágrafo 2” será exibido na cor vermelha, centralizado e com fonte grande.
·
O texto “Parágrafo 1” será exibido na cor vermelha, centralizado e com fonte grande.
·
O texto “Cabeçalho 1” será exibido apenas centralizado.
·
Os textos “Parágrafo 1” e “Parágrafo 2” serão exibidos na cor vermelha, centralizados e com fonte grande.
Sejam as seguintes afirmativas sobre a construção de sistemas web com HTML, CSS e Javascript:
I - Em uma requisição ao servidor de aplicação são retornados para o lado cliente HTML, CSS e Javascript.
II - Folhas de estilo podem ser declaradas diretamente na seção head de um documento HTML, usando-se, para tal, o elemento <sheet>.
III - O conceito de seletores usado no CSS é o mesmo do Javascript.
IV - As tags <js> </js> são usadas para a inclusão de arquivos com código JavaScript em documentos HTML.
Está correto APENAS o que se afirma em
·
.I, II e III.
·
.I, II e IV.
·
.III e IV.
·
.II e IV.
·
.I e III.
No Javascript existem diversos eventos que podem ser utilizados para que a interação com o usuário dispare alguma função pelo sistema web.
Em relação aos eventos da linguagem JavaScript, o evento que é executado quando o usuário clica com o mouse em um link é o
·
.onblur.
·
.onmousemove.
·
.onfocus.
·
.onload.
·
.onclick.
O sistema grid
Bootstrap usa vários containers, linhas e colunas para arranjar e alinhar conteúdo. Ele é feito com flexbox e é totalmente responsivo. Classes de colunasindicam o número de colunas que você quer usar.
Sobre o tamanho das colunas definido no Bootstrap, podemos afirmar que, em uma linha, a soma das colunas tem que dar o valor:
·
.12.
·
.10.
·
.13.
·
.11.
·
.9.
Continue navegando
Materiais relacionados
16 pág.
39 pág.
Perguntas relacionadas
Compartilhar