Desenv.
Web em Html5, Css,
Javascript e Php
Profº: Luiz Felipe Cirqueira
Javascript
Interface DOM (Document Object
Model)
• Representação em árvore;
• Estrutura de páginas html;
• Permite que scripts acessem e
manipulem a estrutura da página.
DOM
Sintaxe Javascript
• Linguagem de alto nível;
• Cria comportamento dinâmico em
páginas web;
• Inclui variáveis, tipos de dados,
operadores, funções e objetos.
Sintaxe Javascript
Estruturas de decisão
• Estruturas que permitem a tomada
de decisão, por meio de código,
através de regras estabelecidas;
• if, else, else if, switch.
Estruturas de decisão
Estruturas de repetição
• Estruturas que permitem que,
enquanto a condição for verdadeira,
o código continue sendo executado;
• for, while, do while.
Estruturas de repetição
Splice
• Método para adicionar ou remover
um elemento do array, em posições
específicas.
Splice
Exemplos práticos
DOM
Estrutura de decisão
Métodos de manipulação de
vetor
• Push e Pop;
• Push: Adiciona um elemento no final;
• Pop: Remove um elemento do final.
Métodos de manipulação de vetor
Vamos praticar?
Atividade sobre DOM
• Crie uma página HTML simples com
um botão que, quando clicado, muda
a cor de fundo de um elemento <div>
para vermelho.
Atividade sobre DOM
Atividade Sintaxe JS
• Escreva uma função chamada
calcularIdade que aceite o ano de
nascimento como parâmetro e retorne
a idade calculada com base no ano
atual.
Atividade Sintaxe JS
Atividade Estrutura de Decisão
• Escreva uma função chamada
verificarMaioridade que aceite a idade como
parâmetro e retorne "Maior de idade" se a
idade for igual ou superior a 18, caso contrário,
retorne "Menor de idade".
Atividade Estrutura de Decisão
Atividade Estrutura de Repetição
• Use um loop for para exibir os números pares
de 2 a 10.
Atividade Estrutura de Repetição
Atividade Push e Pop
• Crie um array de números e utilize métodos
como push e pop para adicionar e remover
elementos.
Atividade Push e Pop
Referências da aula de hoje
• [1] MILETTO, Evandro M.; BERTAGNOLLI, Silvia C. Desenvolvimento
de Software II: Introdução ao Desenvolvimento Web com HTML, CSS,
JavaScript e PHP. 1ª Ed. Porto Alegre: Bookman, 2014. Páginas 95 á 100.
Disponível em:
https://integrada.minhabiblioteca.com.br/#/books/9788582601969/
• [2] FLANAGAN, David. JavaScript: O Guia Definitivo. 6ª Ed. Porto
Alegre: Bookman, 2014. Páginas 4 a 8 e 281 a 288. Disponível em:
https://integrada.minhabiblioteca.com.br/#/books/9788565837484/
• [3] Vídeo "Uma breve história do JavaScript", disponível em
https://www.youtube.com/watch? v=aX3ZABCdC38 . Acesso em 28 de
julho 2020. (Ative a legenda, e a tradução automática para o
português)
• [4] JavaScript basic Exercises, Practice, Solution, disponível em
https://www.w3resource.com/javascriptexercises/javascriptbasic
exercises.php (Acesse com o Chrome, clique com o botão direto e
selecione traduzir para o português)
Dúvidas
