então eu tenho um bom amigo Winston aqui para nos ajudar com isso

e eu sei que ele já parece impossivelmente incrível, mas eu acho que quero mudar o tamanho dos olhos deles um pouquinho

aqui está onde eu desenhei os olhos, você pode ver que nós defininos a cor para preencher, e então desenhamos duas elipses

e se eu quiser fazer essa elipse menor, eu posso mudar a largura, mas eu também quero que seja redonda

então nós temos que mudar a altura para que seja a mesma

e se nós quisermos que os olhos sejam do mesmo tamanho, nós deveríamos mudar a largura e a altura desse olho

agora que os olhos estão pequenos demais, nós deveríamos muda-los de volta e não seria ótimo se eu pudesse

só mudar um número, e os dois olhos mudar?

e aqui, é onde as variáveis entram.

agora uma variável é como um nome ou um espaço reservado para algo.

Eu gosto de pensar em variável como um grande balde com um nome nele.

Você pode colocar qualquer coisa que quiser mas o nome continua o mesmo.

Nós chamamos a coisa dentro do balde, o valor da variável.

Então vamos começar com realmente criando uma variável, eu vou fazer isso aqui em cima.

Tudo o que você faz é escrever "var", que significa variável, "pressionar espaço" e então o nome da variável.

Nós deveríamos descrever o que a variável carrega, então essa chamaremos de "eyeSize"

E você pode nomear como quiser, mas você não pode ter espaços entre as palavras

E claro, não esqueça do ";"(ponto e vírgula)!

Agora que criamos a variável, chamada "eyeSize", porque guardará o tamanho dos olhos do Wiston

mas até agora a variável não tem nenhum valor.

Para da-la um, nós apenas dizemos "eyeSize" e então um sinal de igual(=), e então 20.

Tudo bem, agora veja aquele sinal de igual? Esqueça o que seu professor de matemática te ensinou sobre isso

O sinal de igual não significa igual, mas sim atribuição.

Isso quer dizer que estamos atribuindo o valor 20 para a variável eyeSize.

Em outras palavras, nós estamos colocando o número 20 no balde chamado eyeSize

E lembre-se como em matemática você pode dizer coisas como: x=3 e 3=x e isso significa a mesma coisa

porque duuh, eles são iguais

Bom você não pode fazer isso aqui também

A coisa do lado esquerdo do sinal de igual é sempre a variável

E a coisa do lado direito do sinal de igual é sempre o valor que você está atribuindo para a variável

Um bom modo de te ajudar a lembrar qual lado é qual, é enquanto você está programando e falando sobre fazer coisas como qualquer programador faz

Se você pressionar o sinal de igual, não diga "igual", diga "recebe"

Então isso de torna, eyeSize recebe 20

E agora, sempre que eu usar eyeSize no meu programa, o computador ficará: "certo, essa é uma variável, eu sei o que ela realmente significa é esse valor 20"

Então olhe isso, eu só vou copiar isso

E então substituir esses quatro números, com minha nova variável eyeSize e Voila!

Os olhos do Winston estão agora perfeitamente redondos e do mesmo tamanho, e se eu quiser mudar o valor dos dois olhos

ou o tamanho dos olhos, eu posso apenas mudar o valor dessa única variável

Ah isso é tão legal

Okay, ultimas notas, aqui em cima nós criamos uma nova variável chamada eyeSize

E aqui, nós demos o valor de 33, nós podemos fazer isso em um único passo

dizendo que a var eyeSize, esse é o primeiro passo, recebe 33

esse é o segundo passo, e se eu apagar essas linhas, você pode ver que tudo ainda funciona

Lembre-se também que o computador lê seu código de cima para baixo

Então o único motivo dele saber o que eyeSize é aqui embaixo

é porque nós a definimos aqui em cima

Se eu tivesse colocado aqui embaixo

Então uma vez que temos essa linha de código, o computador ficaria "eyeSize, que raios é isso? Eu não sei o que é"

Na verdade aqui temos um erro que diz, eyeSize não foi definido

E talvez você esteja pensando, sim eu defini, está bem aqui

Mas o computador não é esperto, ele não entende

Então vamos mover de volta ao topo

Você tem sempre que ter certeza que você definiu suas variáveis antes de usa-las

E agora você sabe tudo sobre variáveis. Yaaaay! :)