Aula 08

📌 Introdução ao JavaScript: Dando Vida às Páginas 💻✨

O JavaScript é a linguagem que torna as páginas da web interativas. Sem ele, os sites seriam apenas textos e imagens estáticas. Hoje, você vai entender o que é o JavaScript, como ele funciona nos navegadores e como escrever seus primeiros comandos.

🎯 Objetivos da aula:

✅ Compreender o que é JavaScript e sua importância na web.
✅ Saber onde o JavaScript é utilizado no desenvolvimento web.
✅ Escrever e executar os primeiros comandos básicos.

📝 1️⃣ O que é JavaScript?

O JavaScript é uma linguagem de programação criada para dar interatividade aos sites. Sem ele, as páginas da web seriam apenas blocos de texto e imagens, sem botões dinâmicos, notificações ou animações.

💡 Exemplo:
Quando você clica no botão “curtir” no Instagram, o JavaScript é o responsável por mudar o ícone e atualizar o contador de curtidas sem precisar recarregar a página.

🌐 2️⃣ Onde o JavaScript é utilizado?

O JavaScript é uma linguagem extremamente versátil. Ele pode ser usado em diversas áreas, como:

✅ Front-End (lado do cliente):

Criar menus interativos.
Validar formulários antes do envio.
Exibir mensagens dinâmicas.

✅ Back-End (lado do servidor - com Node.js):

Gerenciar bancos de dados.
Processar informações do usuário.

✅ Aplicações e Jogos Web:

Criar interfaces para aplicativos.
Desenvolver jogos que rodam direto no navegador.

💡 Curiosidade: O Google Maps usa JavaScript para permitir que você arraste o mapa e amplie a visualização sem precisar atualizar a página.

🖥️ 3️⃣ Como usar JavaScript no navegador?

Para testar um código JavaScript, podemos escrevê-lo diretamente dentro de um arquivo HTML ou executá-lo no console do navegador.

📌 Exemplo de código embutido no HTML:

<!DOCTYPE html>

<head>

<title>JavaScript</title>

</head>

<body>

<h1>Olá, mundo!</h1>

alert("Bem-vindo ao JavaScript!");

</script>

</body>

</html>

📌 O que esse código faz?
Quando a página for aberta, aparecerá uma caixa de alerta com a mensagem "Bem-vindo ao JavaScript!".

🛠️ 4️⃣ Executando JavaScript no Console do Navegador

Todos os navegadores possuem um console de desenvolvedor que permite testar códigos rapidamente.

📌 Passo a passo para abrir o console:
1️⃣ Abra o navegador (Google Chrome, Edge ou Firefox).
2️⃣ Pressione F12 ou Ctrl + Shift + I para abrir as Ferramentas do Desenvolvedor.
3️⃣ Clique na aba Console.
4️⃣ Digite o seguinte código e pressione Enter:

console.log("Olá, JavaScript!");

✍️ 5️⃣ Primeiros Comandos em JavaScript

Vamos agora conhecer alguns comandos básicos:

📌 Exibir mensagens na tela:

alert("Bem-vindo ao site!");

(Aparece uma caixa de alerta com um botão "OK").

📌 Exibir mensagens no console:

console.log("Isso será exibido no console.");

(Útil para testes e depuração de código).

📌 Interagir com o usuário:

let nome = prompt("Qual é o seu nome?");

alert("Olá, " + nome + "!");

(O usuário digita um nome e recebe uma saudação personalizada).

📝 Atividade prática:

Agora é sua vez!

✅ Experimente no Console do Navegador:
1️⃣ Abra o console (F12 → Console).
2️⃣ Digite e execute os seguintes comandos:

console.log("Testando JavaScript!");

alert("Isso é um alerta!");

👺 Desafio rápido:

Crie um pequeno script que:

Peça o nome do usuário.
Mostre um alerta dizendo "Olá, [nome]!".

🌟 Curiosidades sobre JavaScript:

💡 1️⃣ JavaScript não tem relação com Java!
O nome foi escolhido por marketing na época do lançamento, mas as linguagens são totalmente diferentes.

💡 2️⃣ O JavaScript foi criado em apenas 10 dias!
Brendan Eich desenvolveu a primeira versão em 1995 para o navegador Netscape.

💡 3️⃣ O JavaScript é a linguagem mais usada no mundo!
Segundo pesquisas anuais, ele domina o desenvolvimento web.

💡 4️⃣ Com JavaScript, dá para criar jogos, apps e até inteligência artificial!
Não se limita só a sites, sendo usado até em projetos avançados.

Google Sites

Report abuse