Baixe o app para aproveitar ainda mais
Prévia do material em texto
• Pergunta 1 1 em 1 pontos Cada elemento possui seu próprio nome, que é dado de forma semântica, ou seja, tem relação direta com a função que desempenha. Mas existem elementos que assumem um segundo nome, que é mais conceitual. É o caso do termo container. Assinale a opção que explique por que um elemento é chamado de container. Resposta Selecionada: Porque ele tem a função de abrigar todo ou parte do conteúdo da página. Respostas: Porque ele tem o formato de uma caixa. Porque ele tem a função de abrigar todo ou parte do conteúdo da página. Porque ele é responsivo. Porque ele segue os web standards. Todas as opções são corretas Comentário da resposta: Resposta correta: b. Porque ele tem a função de abrigar todo ou parte do conteúdo da página. Acabamos por chamá-lo de container, porque ele assume a função de abrigar o conteúdo da página. • Pergunta 2 1 em 1 pontos No jQuery é importante que desenvolvedores adotem boas práticas no código, não apenas para facilitar a manutenção, como também para evitar erros durante a execução. Assinale a alternativa que explique a finalidade deste trecho do código: $(document).ready Resposta Selecionada: Fazer com que o código seja lido somente após a página ter terminado de carregar. Respostas: Verificar se o documento é compatível com a biblioteca jQuery, antes de executar o código. Fazer com que o código seja lido somente após a página ter terminado de carregar. Verificar se o navegador é compatível com a biblioteca jQuery, antes de executar o código. Permitir que o código seja executado antes mesmo de a página ser carregada, para otimizar tempo e deixar o site mais rápido. Todas alternativas estão corretas. Comentário da resposta: Resposta correta: b. Fazer com que o código seja lido somente após a página ter terminado de carregar. Antes de pensar no código, você precisa lembrar que a página deve terminar de ser carregada, para, só depois, executar qualquer código jQuery. Para resolver essa questão, existe o evento Document Ready. • Pergunta 3 1 em 1 pontos Existem algumas tags que não podem ser repetidas em uma página. É o caso, por exemplo, da tag , que representa a própria página e não pode haver uma cópia. Das tags listadas abaixo, indique qual não pode ser repetida no código da página: Resposta Selecionada: <main> Respostas: <main> <div> <section> <article> <link> Comentário da resposta: Resposta correta: a. <main> Só pode existir uma tag <main> na página, e ela nunca deve ser uma tag filha das tags <section>, <article>, <nav>, <footer>, <header> e <aside>. • Pergunta 4 1 em 1 pontos O Flexbox permite mudarmos a direção dos itens de um container, usando apenas a propriedade flex-direction. Assinale a alternativa que corresponda a todos os valores dessa propriedade. Resposta Selecionada: row, row-reverse, column, column-reverse. Respostas: row, row-reverse, column, column-reverse. left, right, top, bottom up, down, left, right frontend, backend row, column Comentário da resposta: Resposta correta: a. row, row-reverse, column, column-reverse Para alterar a direção dos itens, usamos a propriedade flex-direction na mesma classe do container. E só existem 4 opções possíveis: row, row-reverse, column, column-reverse. • Pergunta 5 1 em 1 pontos Na linguagem HTML, temos as tags, que são marcações que indicam, para o navegador, como a informação deve ser exibida. Mas existem situações em que é preciso uma informação complementar. Essas informações são chamadas de atributos. Por exemplo: a tag <form> serve para enviar informações de um formulário, mas é o atributo "action" que determina para onde essas informações serão enviadas. Qual o atributo que indica qual página deve ser exibida no navegador quando o usuário clicar no link? Resposta Selecionada: href Respostas: src charset lang href https Comentário da resposta: Resposta correta: d. href O atributo href (hiperlink reference) é o que vai indicar para onde o navegador deve ir quando o usuário clicar no link. • Pergunta 6 1 em 1 pontos Na linguagem HTML, existem muitos recursos que servem para situações que vão além de, simplesmente, criar páginas web. É o caso de metas tags para padronização de caracteres, ou de acessibilidade, ou para permitir que robôs de busca possam ler o conteúdo. No caso do atributo alt , é correto afirmar que sua função é: Resposta Selecionada: Permitir que programas de leitura de tela possam narrar o contexto da imagem. Respostas: Evitar conflitos de caracteres internacionais. Fazer os robôs de busca posicionarem o site na primeira página. Permitir que programas de leitura de tela possam narrar o contexto da imagem. Permitir que os links saibam qual página deve ser aberta. Facilitar a visualização do site em dispositivos mobile, sem distorção do layout. Comentário da resposta: Resposta correta: c. Permitir que programas de leitura de tela possam narrar o contexto da imagem. Aplicativos leitores de tela podem ler a descrição inserida no atributo alt. Isso ajuda pessoas com deficiência visual a terem uma ideia do que contém a imagem exibida. • Pergunta 7 1 em 1 pontos O Bootstrap trabalha com muitas classes CSS, mas para que alguns recursos funcionem adequadamente, também é preciso fazer uso de atributos do HTML. No caso do atributo data- target, usado em uma barra de navegação, assinale a alternativa que indique sua finalidade. Resposta Selecionada: Exibir a lista de menu, cujo ID é igual ao valor do data-target. Respostas: Garantir acessibilidade para leitores de tela. Exibir o menu com o formato de sanduíche. Exibir a lista de menu, cujo ID é igual ao valor do data-target. Exibir a barra de navegação na horizontal. Indicar qual a URL deve ser aberta ao clicar no item do menu. Comentário da resposta: Resposta correta: c. Exibir a lista de menu, cujo ID é igual ao valor do data- target. indica que, ao clicar, ele deve exibir o objeto que possui o ID com o mesmo nome do valor desse atributo.Data-target • Pergunta 8 1 em 1 pontos É possível utilizar o jQuery para alterar o conteúdo e o estilo da página. Assinale a alternativa que tenha um código que altera o estilo de uma tag. Resposta Selecionada: $("p").css("background-color","red"); Respostas: $(".cor").hide(); $(".estilo").show(); $("p").css("background-color","red"); $(" #color").html("background-color:red"); $("#color").click(); Comentário da resposta: Resposta correta: c. $(“p”).css(“background-color”,”red”); Além de podermos modificar a estrutura de uma página, também podemos modificar o estilo. A sintaxe do código é bem simples. $("seletor").css("propriedade", "valor"); • Pergunta 9 1 em 1 pontos Até a versão HTML4 e a versão paralela, conhecida como XHTML, não havia como distinguir cada área da página. O parágrafo de um artigo e a frase de direitos autorais do rodapé, ambos eram escritos com a tag <p>, dentro de tags <div>. Porém, com a criação da versão HTML5 e o conceito de código semântico, surgiram tags para indicar áreas da página, como o rodapé, a barra lateral, o artigo etc. Qual a tag para indicar o conteúdo do cabeçalho, como o logo, o menu etc? Resposta Selecionada: <header> Respostas: <header> <main> margin-top <footer> <section> Comentário da resposta: Resposta correta: a. <header> A tag <header> serve para conter o conteúdo que tende a ficar no cabeçalho, como logo, campo de pesquisa, menu principal. • Pergunta 10 1 em 1 pontos Um recurso que não era tão simples fazer e que o Bootstrap tornou muito fácil é o dropdown. Assinale a alternativaque melhor define o que é dropdown. Resposta Selecionada: Um menu em que, ao clicá-lo, exibe uma lista. Respostas: Nome de uma propriedade CSS usada para alterar a direção dos itens de um menu. Um menu em que, ao clicá-lo, exibe uma lista. Um botão que possui o formato de uma bala. Uma barra de navegação posicionada na parte inferior do container. Nome de uma propriedade CSS exclusiva para campos de texto. Comentário da resposta: Resposta correta: b. Um menu que, ao clicar, exibe uma lista. O conceito de menu suspenso, conhecido no Bootstrap como “dropdown”, é simular o mesmo comportamento da caixa de combinação construída em softwares de desenvolvimento em que, ao clicá-la, exibe uma lista
Compartilhar