Scribd
Carregar
33 visualizações

8 - Web HTML CSS JS PHP

Enviado por

victor menezes
Direitos autorais
© © All Rights Reserved
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
33 visualizações

8 - Web HTML CSS JS PHP

Enviado por

victor menezes
Direitos autorais
© © All Rights Reserved
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 30

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

Você também pode gostar