O Que é Dialética
Por: Geovanna Santos Souza • 6/9/2022 • Resenha • 1.790 Palavras (8 Páginas) • 89 Visualizações
Semana 10: de 28/08 a 03/09/2022
Javascript - Introdução Geral
[7] Aula - Condicionais (2-2)
Var hora = 15
If ( hora < 12 ) {
Console.log(“Bom dia”);
} else if ( hora < 18 ) {
Console.log(“Boa tarde”);
} else if ( hora <= 23 ) {
Console.log(“Boa noite”);
}
[8] Aula - Variáveis (2-2)
Const pessoa = {nome: ‘Bonieky’ ,sobrenome: ‘Lacerda’};
Pessoa = “Pedro”;
Console.log(pessoa);
Javascript – DOM
[1] Aula - O que é DOM
JavaScript é uma linguagem de programação usada para desenvolver aplicações, sistemas e serviços de alta complexidade. Com ela, é possível criar páginas web dinâmicas, animações, mapas interativos, gráficos em três dimensões, aplicativos para dispositivos móveis e games para plataformas portáteis.
A sigla DOM significa Document Object Model, que em português significa Modelo de Documento por Objetos. Trata-se de uma interface de programação que os navegadores utilizam para representar páginas na web.
O DOM oferece um modelo de representação e interação do documento HTML.
[2] Aula - Selecionando Elementos (4 funções) 1
Document.getElementById( ‘exemplo’ ). InnerHTML = “Pedro <button>Botão</button>”;
[3] Aula - Selecionando Elementos (4 funções) 2
</head>
<body>
<div id=”exemplo”>Bonieky</div>
<div class=”lista”>
Arroz, Feijão, Macarrão.
</div>
<div class=”lista”>
Água, Refrigerante, Cerveja.
</div>
<button>Algum botão</button>
<input type=”text” name=”email” placeholder=”Digite seu e-mail” />
<input type=”text” name=”telephone” placeholder=”Digite seu telefone” />
<script type=”text/Javascript” src=”script.js”></script>
</body>
</html>
[4] Aula - Selecionando com querySelector
O querySelector retorna o primeiro elemento dentro do documento e querySelectorAll retorna uma lista de elementos presentes no documento.
> document.querySelectorAll(‘ .lista’)
< NodeList(2) [div.Lista, div.Lista]
> Document.querySelectorAll(‘ .lista’)[1].innerHTML =’Alterado!’ ;
<.”Alterado!”
>
[5] Aula - Manipulando Class do elemento 1
O atributo classe corresponde aos seletores de classe CSS. As classes CSS são usadas para aplicar estilos a vários elementos, ao contrário das IDs que só podem existir uma vez por página.
Utilizaremos seletores CSS para estilizar elementos no HTML, usando o atributo "class", por exemplo: <div class="blue"></div> em referência à uma classe CSS blue.
[6] Aula - Manipulando Class do elemento 2
Function trocar() {
If(document.querySelector( ‘button’ ).classList.contains( ‘preto’ )) {
document.querySelector( ‘button’ ).classList.remove( ‘preto’ );
document.querySelector( ‘button’ ).classList.add( ‘verde’ );
} else {
document.querySelector( ‘button’ ).classList.remove( ‘verde’ );
document.querySelector( ‘button’ ).classList.add( ‘preto’ );
}
[7] Aula - Tipos de dados
Tipos de dados Por ser uma linguagem interpretada, JavaScript não é fortemente tipada. Isso significa que as variáveis não possuem tipos ao serem declaradas e seu tipo é definido conforme seu valor. Variáveis JavaScript pode conter muitos tipos de dados: numbers, strings, arrays, objects e muito mais.
[8] Aula – Comentários
Os comentários são como notas para si ou para outros programadores nas linguagens de programação. Após algumas semanas pode-se esquecer o que o código realmente faz e então, se deixado um comentário, pode ajudar a se lembrar. Por isso, é uma boa prática manter os comentários no seu código:
Var nome= “Bonieky”; // nome do usuário
Var idade= 90
Var salvo = true;
Var cidade;
Var tipo = typeof idade;
// Não altere esse código abaixo:
Console.log (tipo);
[9] Aula - Funções (1-2)
Uma função é um conjunto de conjunto de códigos que criamos para utilizarmos quando quiser. São blocos de construção fundamentais em JavaScript. É um conjunto de instruções que executa uma tarefa ou calcula um valor. Para usar uma função, você deve defini-la em algum lugar no escopo do qual você quiser chamá-la. consiste no uso da palavra chave function (en-US), seguida por:
-Nome da Função.
-Lista de argumentos para a função, entre parênteses e separados por vírgulas.
-Declarações JavaScript que definem a função, entre chaves { }.
Function alterar ( ) {
Document.getElementById(“titulo”). InnerHTML = “Trocou o titulo!”;
Document.getElementById(“campo”).value = “Trocou o campo!”;
}
[10] Aula - Funções (2-2)
Parâmetros da função: são os nomes que são definidos na definição da função e os valores reais passados para a função são conhecidos como argumentos.
...