O que é JavaScript?

Definição curta

Bem-vindo ao seu primeiro passo no mundo do desenvolvimento web! Em termos simples, o JavaScript é uma linguagem de programação que dá vida às páginas web. Se um site faz mais do que apenas ficar parado, parecendo um pedaço de papel digital, é quase certo que o JavaScript está trabalhando nos bastidores para que isso aconteça.

JavaScript na web

Sempre que você olha para um site moderno, geralmente está vendo três tecnologias centrais trabalhando juntas como uma equipe. Pense na construção de uma casa:

HTML (estrutura/conteúdo): É a fundação e as paredes. Ele contém o texto, as imagens e os links.
CSS (estilo/design): É a tinta e a decoração de interiores. Ele faz o site parecer bonito com cores, fontes e layouts.
JavaScript (comportamento/interatividade): É a eletricidade e o encanamento. Ele faz as coisas realmente funcionarem, permitindo que o site aja, responda e mude com base no que você faz.

Onde o JavaScript roda

Originalmente, o JavaScript foi criado para rodar apenas dentro dos navegadores (como Google Chrome, Safari ou Firefox).

No entanto, hoje ele cresceu e ficou muito mais poderoso! O JavaScript também pode ser usado com ferramentas como o Node.js para servidores, e com frameworks para aplicativos móveis e de desktop.

O que o JavaScript pode fazer

O JavaScript torna a internet divertida e interativa. Aqui estão alguns exemplos simples e reais do que ele pode fazer por um site:

Abrir menus: Clicar em um pequeno ícone para revelar um menu de navegação escondido.
Validar formulários: Verificar se você digitou seu endereço de e-mail corretamente antes de permitir que você clique no botão de envio.
Atualizar conteúdo sem recarregar a página: Rolar um feed de rede social e ver novas postagens aparecerem instantaneamente.
Reagir a cliques de botão: Mostrar uma mensagem pop-up ou mudar uma cor quando você clica em um botão.

Exemplo simples

Vamos ver um trecho bem pequeno de código JavaScript. Não se preocupe se ele parecer totalmente novo para você — vamos analisá-lo logo em seguida!

Editável

let greeting = "Olá, estudante!";
console.log(greeting);

Exemplo explicado

Vamos ler este código juntos, linha por linha:

let greeting: Aqui, estamos criando um pequeno contêiner na memória do computador. Usamos a palavra especial let para anunciar isso, e damos o nome de greeting ao nosso contêiner.
= "Olá, estudante!";: Estamos pegando o texto "Olá, estudante!" e colocando-o com segurança dentro do nosso contêiner greeting.
console.log(greeting);: Esta linha envia o valor de greeting para o console. Nesta lição, você vai vê-lo na seção de saída abaixo do código.

Por que o JavaScript importa

Sem o JavaScript, a web seria um lugar muito quieto e estático. Você basicamente só conseguiria ler textos e olhar imagens. O JavaScript é incrivelmente importante porque transforma páginas web básicas em aplicações poderosas e modernas. Ele permite que os desenvolvedores criem as experiências dinâmicas, envolventes e fluidas que os usuários esperam ver todos os dias.

Mini tarefa

Tente mudar o texto dentro das aspas.

Por exemplo, substitua "Olá, estudante!" pela sua própria mensagem e clique em Executar novamente. Observe como a saída muda.

Pequeno quiz

Pronto para testar o seu novo conhecimento? Tente responder a estas perguntas simples:

Se o HTML é a estrutura e o CSS é o estilo, qual papel o JavaScript desempenha?
O JavaScript só pode rodar dentro de um navegador, ou pode rodar em outros lugares?
Qual é um exemplo real de algo que o JavaScript pode fazer em um site?
Por que um site moderno pareceria "quebrado" ou chato sem JavaScript?

Desafio

Crie uma segunda mensagem e imprima-a também.

Tente esta ideia:

Editável

let greeting = "Olá, estudante!";
let nextStep = "Hoje estou aprendendo JavaScript.";

console.log(greeting);
console.log(nextStep);

Recapitulando

Ótimo trabalho ao chegar ao fim da lição! Aqui está um resumo rápido do que aprendemos:

O JavaScript é uma linguagem de programação que adiciona interatividade e comportamento aos sites.
Ele trabalha em conjunto com o HTML (estrutura) e o CSS (design) para criar uma experiência web completa.
Ele pode rodar em navegadores, em servidores com ferramentas como o Node.js e em aplicativos por meio de diferentes frameworks.
Ele cuida de coisas como cliques de botão, verificação de formulários e atualização de conteúdo em tempo real.