NEW
Font size
WorksheetsHTML5, CSS3 e JavaScript
Total questions: 20
Worksheet time: 10mins
Em HTML5, qual das seguintes tags é semanticamente apropriada para delimitar o conteúdo principal de uma página web, garantindo acessibilidade e boa prática de SEO?
`<div>`
`<section>`
`<main>`
`<header>`
`<footer>`
Qual das seguintes opções é **falsa** em relação ao uso de classes CSS com seletores compostos?
article.intro > p seleciona todos os parágrafos dentro de um artigo com a classe "intro".
div.class1.class2 seleciona todas as divs que possuem ambas as classes "class1" e "class2".
ul li.item:hover aplica o estilo somente quando o usuário passa o mouse sobre um item da lista com a classe "item".
nav > li.active seleciona apenas os itens de lista diretos com a classe "active" dentro de um elemento com a classe "nav".
class1, .class2 seleciona elementos que possuem ambas as classes "class1" e "class2" simultaneamente.
Considerando a função abaixo em JavaScript, qual será o resultado da execução de mysteryFunction(3); ?
3
6
1
9
Nenhuma das anteriores
Dado o seguinte código em JavaScript, qual será a saída no console?
a) 5
b) 10
c) 15
d) 20
e) 25
Qual das seguintes alternativas está **incorreta** sobre o uso de variáveis no JavaScript (ES6+)?
Variáveis declaradas com `let` são de escopo de bloco.
`const` cria uma variável cujo valor não pode ser alterado depois de atribuído.
Variáveis declaradas com `var` têm escopo global ou de função, não de bloco.
É possível reatribuir um valor a uma variável declarada com `const`, desde que a variável contenha um objeto ou array.
`let` e `const` possuem hoisting, mas não inicialização.
Considere o seguinte trecho de código CSS. Qual será a cor do texto no elemento `h1`?
Azul
Verde
Vermelho
A cor do texto dependerá do escopo do `h1` dentro do DOM
Nenhuma das alternativas anteriores
Em JavaScript, qual será o valor da variável `result` após a execução do código abaixo?
"Equal"
"Not Equal"
`null`
`undefined`
`false`
Qual é o propósito da pseudo-classe `:not()` em CSS, e qual das opções a seguir demonstra seu uso correto?
`input:not([type="text"]) { display: none; }`
`p:not(.important) { font-weight: bold; }`
`h1:not(:first-child) { margin-top: 20px; }`
`div:not(.container) { padding: 0; }`
Todas as alternativas estão corretas
Dado o código abaixo, qual será o valor final de `total`?
10
15
20
5
4
Considere o código abaixo em JavaScript. Qual será a saída no console?
`[1, 2, 3]`
`[4, 2, 3]`
`[1, 2, 3, 4]`
`[1, 2, 3, 4, 5]`
`[4]`
Em HTML5, qual atributo é necessário para garantir que um campo de entrada de formulário seja preenchido antes do envio?
`required`
`mandatory`
`validate`
`essential`
`formrequired`
Sobre o modelo de caixa (box model) do CSS, qual das afirmações a seguir é **falsa**?
O padding é a área entre o conteúdo e a borda do elemento.
A margem (margin) é a área externa ao elemento que cria espaço entre outros elementos.
A borda (border) está entre o padding e a margem.
A largura total de um elemento é a soma da largura do conteúdo, padding, border e margin.
`box-sizing: border-box` ajusta o modelo de caixa para incluir o padding e a border na largura total.
Considere a seguinte função em JavaScript. O que ela retorna quando chamada com um valor negativo, como `fibonacci(-1)`?
`0`
`undefined`
`NaN`
Um loop infinito
`null`
Dado o seguinte código HTML e CSS, qual será a cor de fundo do parágrafo?
Amarelo
Vermelho
Verde
Vermelho com Verde
Verde com Amarelo
Em JavaScript, como você garantiria que uma variável não seja redefinida acidentalmente no escopo global?
Usando `var` para declarar a variável
Usando `let` para declarar a variável
Usando `const` para declarar a variável
Declarando a variável dentro de uma função
Usando uma `closure` para encapsular a variável
Considere o seguinte código JavaScript. Qual será o resultado da execução de console.log(multiplyByTwo(4)); ?
`4`
`8`
`undefined`
`TypeError`
Nenhuma das anteriores
Qual é a saída do seguinte código JavaScript?
true
false
undefined
null
TypeError
Em CSS, qual é o efeito da propriedade display:none; em um elemento HTML?
Oculta o elemento, mas mantém o espaço ocupado por ele.
Oculta o elemento e o remove do fluxo do documento, liberando o espaço.
Oculta o elemento, mas o espaço continua ocupado no layout.
Oculta o elemento e o torna invisível, mas não o remove do fluxo do documento.
Reduz a opacidade do elemento para 0, tornando-o invisível.
Qual das seguintes alternativas descreve corretamente a diferença entre `innerHTML` e `textContent` em JavaScript?
Ambos alteram o conteúdo de texto de um elemento, mas `innerHTML` permite a inserção de HTML, enquanto `textContent` não.
`innerHTML` altera o conteúdo textual, enquanto `textContent` altera o conteúdo HTML.
`textContent` é mais seguro do que `innerHTML`, pois evita injeção de HTML.
`innerHTML` pode alterar elementos HTML, mas `textContent` não.
Todas as alternativas estão corretas.
Qual das opções a seguir **não** é uma propriedade CSS válida?
`font-weight`
`background-image`
`border-radius`
`text-color`
`box-shadow`
