Scribd
Carregar
47 visualizações4 páginas

2 - Aula 2 Introdução Ao JavaScript e Interatividade

Enviado por

Edipo Abner
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd
47 visualizações4 páginas

2 - Aula 2 Introdução Ao JavaScript e Interatividade

Enviado por

Edipo Abner
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 4

Aula 2: Introdução ao JavaScript e Interatividade

Objetivo da Aula

 Compreender o que é JavaScript e como utilizá-lo com HTML.


 Aprender conceitos básicos de lógica de programação, variáveis e manipulação
de elementos na página.
 Criar pequenos projetos interativos.

Parte 1: Introdução ao JavaScript

O que é JavaScript?

 É uma linguagem de programação usada para adicionar interatividade às páginas


web.
 Com JavaScript, você pode criar elementos dinâmicos como animações,
validações de formulário e muito mais.

Como usar JavaScript no HTML?

 Você pode adicionar JavaScript diretamente dentro de <script> ou através de


um arquivo .js.

Exemplo:

Atividade Prática

1. Copie o código acima e abra no navegador. Veja o alerta aparecendo.


2. Modifique o texto no alert para algo personalizado.

Parte 2: Variáveis e Operadores


O que são variáveis?

 São "caixinhas" onde armazenamos dados.


 Em JavaScript, usamos let ou const para declarar variáveis.

Exemplo:

Tipos de Operadores

 Aritméticos: +, -, *, /.
 Comparação: >, <, ==, ===.

Atividade Prática

1. Crie um arquivo script.js com o código acima.


2. Use operadores para calcular a soma de dois números e exiba no console.

Parte 3: Controle de Fluxo

Condicionais (if, else, switch)

 Usadas para tomar decisões no código.

Exemplo:

Loops (for, while)

 Permitem repetir ações várias vezes.

Exemplo:
Atividade Prática

1. Faça um código que verifica se um número é maior que 10.


2. Crie um loop que exibe números de 1 a 10.

Parte 4: Manipulação do DOM

O que é o DOM?

 É a estrutura do HTML representada em JavaScript.


 Permite acessar e modificar elementos na página.

Acessar Elementos

Exemplo:

Adicionar Eventos

Exemplo:

Atividade Prática

1. Crie um botão no HTML.


2. Use JavaScript para mudar a cor do texto do botão quando clicado.

Parte 5: Projeto Integrado

Criação de um Site Interativo

Descrição:

 Um site que permite adicionar e remover itens de uma lista.


Código Exemplo: HTML:

JavaScript (script.js):

Atividade Final

1. Teste o código acima.


2. Adicione a funcionalidade de remover itens da lista ao clicar duas vezes neles.

Conclusão da Aula

 JavaScript torna as páginas dinâmicas e interativas.


 Entenda os fundamentos e pratique criando pequenos projetos.
 Revisite o que aprendeu sempre que necessário.

Você também pode gostar