A partir de hoje vamos descobrir um mundo de programação. Mundo onde você tem superpoderes. Sim, você leu corretamente, superpoderes. O que é isso, senão uma superpotência? Com JavaScript, você pode fazer coisas voarem, se moverem, desaparecerem, mudarem de cor e verem seu amigo a quilômetros de distância, e isso é apenas uma pequena parte do que é possível. Sim, está tudo na sua tela, mas ainda assim é muito emocionante.
Como qualquer super-herói, você precisa controlar e conhecer bem seus poderes. Para fazer isso, vamos começar nossa jornada nos familiarizando com o alicerce mais essencial: a toda-poderosa Variável.
O que é uma variável? Imagine uma caixa mágica onde você pode colocar tudo o que quiser, independente do tamanho! Que invenção incrível, certo? Mas aqui está o problema: ele só pode conter uma coisa de cada vez (e para ser honesto, não é de qualquer tamanho, mas vamos fingir por enquanto que este não é o caso).
Você pode colocar uma caneta, um elefante, um violão, uma estante com um monte de livros ou até mesmo um pedaço de papel com um romance escrito - o que você quiser - mas sempre apenas uma coisa de cada vez.
Como criamos essa caixa com JavaScript? Isso é muito fácil!

let ourFirstBox

Duas palavras simples. A primeira é sempre a palavra-chave ‘let’ e a segunda é o nome da caixa. Você pode pensar em 'let' como uma palavra-chave mágica que nos permite criar uma caixa. O nome pode ser qualquer coisa, mas existem algumas regras.
Existem regras rígidas (se você não segui-las, sua mágica não funcionará).
E regras flexíveis (principalmente melhores práticas, padronizadas em todo o setor).
Vamos começar com as regras rígidas:

1. Se você quiser que o nome seja composto por várias palavras, não poderá separá-las com espaços.
2. Você não pode iniciar um nome de variável com um número. Agora, para as regras suaves:
3. Você deve usar uma notação chamada camelCase. A primeira letra é sempre minúscula e todas as palavras subsequentes começam com letra maiúscula, sem espaços.
4. As variáveis ​​devem ser substantivos.
5. Se você deseja armazenar algo que contém vários itens (por exemplo, um saco de maçãs), você deve usar um substantivo no plural como bagOfApples.
6. Evite usar números em nomes de variáveis.

OK. Agora temos uma caixa. Como colocamos algo dentro dele? Vejamos um exemplo:

let ourFirstBox;
ourFirstBox = 100;

Simples assim! Você cria uma nova linha, repete o nome da variável, mas desta vez sem a palavra-chave mágica ‘let’ porque só precisamos dela para criar a variável. Após o nome, você coloca um sinal de igual, que é o operador de atribuição. Com o sinal =, dizemos que queremos colocar algo na variável e, depois disso, colocamos o que queremos armazenar na “caixa”. Agora, temos uma caixa que armazena um número. Por enquanto, não é tão útil quanto pode parecer, mas acredite, aos poucos estamos chegando lá.
Outra característica da nossa caixa mágica é que você pode substituir o item dentro a qualquer momento.

deixe nossoFirstBox; nossaPrimeiraCaixa = 100; nossaPrimeiraCaixa = 200;

let ourFirstBox;
ourFirstBox = 100;
ourFirstBox = 200;

Agora o valor dentro de ourFirstBox é 200.

Existem duas maneiras de criar variáveis. Você pode definir primeiro o nome e depois, em uma nova linha, atribuir um valor a ele. Ou você pode fazer tudo de uma vez:

deixe nossoFirstBox = 100;

let ourFirstBox;
ourFirstBox = 100;
ourFirstBox = 200;

Aqui, usamos a palavra-chave let para definir a variável e, ao mesmo tempo, atribuímos um valor a ela.

Existe outro tipo de “caixa”. É chamado de
constante. Como o nome sugere, é um tipo de variável que não pode ser alterada. Depois de atribuir um valor a ele, pronto – você não pode substituí-lo.

const ourFirstConstantBox = 200;

let ourFirstBox;
ourFirstBox = 100;
ourFirstBox = 200;

Se tentarmos alterar seu valor, obteremos um erro:

const ourFirstConstantBox = 200; nossaPrimeiraConstantBox = 100; // Erro!!!!!

let ourFirstBox;
ourFirstBox = 100;
ourFirstBox = 200;

Agora você sabe como criar variáveis! Na próxima lição, usaremos muitas variáveis.