A primeira escola especializada em tecnologia do Alto Solimões, com corpo técnico formado na área.

A trilha
Projetos
Quem somos
Impacto
Para instituições
Blog

WhatsApp Avise quando abrir a turma

Início
Cursos livres
JavaScript do zero
Módulo 5: JavaScript na página

Fecho de módulo

Módulo 5: JavaScript na página

20 perguntas das 4 aulas deste módulo.

Revise o módulo

Errar aqui não custa nada - a explicação vem junto da correção, e dá para responder quantas vezes quiser.

Pergunta 1 de 20

Qual é a diferença entre `querySelector` e `querySelectorAll`?

O primeiro aceita só `id`; o segundo aceita qualquer seletorAO primeiro devolve o primeiro elemento; o segundo, todosBO segundo é mais rápido, porque busca uma vez sóCO primeiro devolve uma lista de um item; o segundo, de váriosD

Por que preferir `textContent` a `innerHTML` ao mostrar algo digitado por alguém?

`textContent` preserva a formatação original do textoA`innerHTML` não funciona em elementos criados por scriptB`innerHTML` interpreta HTML, e texto de fora pode injetar códigoC`textContent` é mais rápido de escrever na telaD

O que `querySelector` devolve quando o seletor não encontra nada?

Uma lista vaziaA`null`BLança um erro de elemento não encontradoC`undefined`D

Como acrescentar uma classe a um elemento?

`elemento.classList.add('ativo')`A`elemento.class = 'ativo'`B`elemento.className.add('ativo')`C`elemento.addClass('ativo')`D

Por que montar muitos elementos num fragmento antes de inserir na página?

Porque evita o navegador refazer o layout a cada inserçãoAPorque o navegador exige fragmento acima de dez elementosBPorque o fragmento consome menos memória que os elementosCPorque só assim os elementos recebem os eventos registradosD

Qual é a forma recomendada de registrar um evento?

`addEventListener`, no JavaScriptAO atributo `onclick`, direto no HTMLBUm `<script>` inline dentro do próprio elementoCA propriedade `elemento.onclick`, no JavaScriptD

O que `event.preventDefault()` faz num formulário?

Impede que o evento suba para os elementos paisAImpede que o clique chegue ao botãoBInterrompe a execução do script naquele pontoCImpede a ação padrão, como recarregar a página ao enviarD

O que é delegação de eventos?

Repassar o evento a outra função depois de tratá-loARegistrar o mesmo ouvinte em cada um dos filhosBRemover ouvintes que não são mais necessáriosCUm ouvinte no pai, que atende aos cliques dos filhosD

Por que usar `<button>` em vez de uma `<div>` com ouvinte de clique?

A `<div>` não aceita ouvinte de clique sem `tabindex`AO botão já recebe foco, responde ao Enter e é anunciado como botãoBO botão é renderizado mais rápido pelo navegadorCO botão envia o formulário automaticamente, e a `<div>` nãoD

Qual evento dispara a cada tecla digitada num campo de texto?

`submit`A`change`B`input`C`keypress`D

O que `await` faz enquanto espera a resposta?

Trava o navegador até a resposta chegarAPausa aquela função e libera o resto da páginaBCancela a requisição se ela demorar demaisCRepete a requisição até obter sucessoD

Onde `await` pode ser usado?

Só dentro de um bloco `try` com `catch`AEm qualquer lugar do arquivo de scriptBSó dentro de funções comuns, nunca em arrowCDentro de uma função `async`, ou no topo de um móduloD

O servidor responde 404. O `fetch` lança erro?

Sim, e o `catch` recebe o código de statusASó em 500 e acima; 404 é tratado como sucesso vazioBNão: é preciso conferir `response.ok`CSim, qualquer resposta acima de 399 vira erroD

O que `response.json()` devolve?

Uma promessa, que resolve no objetoA`undefined` quando o corpo está vazioBO objeto já convertido, pronto para usoCO texto bruto da respostaD

Quais estados uma tela que busca dados precisa saber mostrar?

Resultado e erro; vazio é um caso de erroASó o resultado, e uma tela em branco enquanto ele não vemBCarregando, erro e vazio, além do resultadoCCarregando e resultado, que cobrem o caminho normalD

Onde deve morar a regra de negócio de um projeto?

Dentro do ouvinte de evento, junto do que responde ao cliqueAEm atributos `data-` no HTML, lidos pelo scriptBEspalhada entre as funções que atualizam a telaCEm funções puras, separadas do que mexe na páginaD

Para que serve `localStorage`?

Guardar texto no navegador da própria pessoa, entre visitasAGuardar dados criptografados que o script não consegue lerBGuardar dados no servidor, associados ao visitanteCGuardar arquivos que a pessoa enviou pelo formulárioD

O `fetch` falhou porque a conexão caiu. Qual é o comportamento certo da tela?

Tentar de novo sozinha, em silêncio, até conseguirAMostrar mensagem clara e, se der, um caminho alternativoBFicar em branco, até a pessoa recarregarCMostrar o erro técnico do console, para a pessoa relatarD

O que a conferência final de um projeto com JavaScript acrescenta à dos cursos anteriores?

Só a checagem visual em várias larguras de telaAApenas a medição do tempo de carregamento da páginaBSó a verificação de que todas as funções têm retornoCTeclado, mensagens anunciadas e o comportamento sem JavaScriptD

Por que separar o cálculo do código que mexe na página?

Porque o cálculo roda mais rápido fora do ouvinteAPorque assim o cálculo passa a rodar no servidorBPorque dá para testá-lo sozinho e reaproveitá-loCPorque o navegador exige essa separação em módulosD

Maiyu Academy

A primeira escola especializada em tecnologia do Alto Solimões, com corpo técnico formado na área.

Aulas presenciais aos sábados em Benjamin Constant, no CETI Aristélio Sabino de Oliveira.

Benjamin Constant, AM, Brasil

Cursos

Robótica Desenvolvimento web A trilha inteira Cursos livres e gratuitos

A escola

Quem somos Impacto Projetos Para instituições Blog

Contato

(97) 98431-7149 maiyu.academy

Privacidade Termos de uso