0:00:02.803,0:00:05.635
Nós precisamos começar tentando entender formas, o básico.

0:00:05.635,0:00:10.803
Mas não se preocupe, logo, suas formas estarão voando através da tela, mudando de cor e fazendo todo tipo de coisas legais que se consegue com programação

0:00:10.803,0:00:12.772
Só fique conosco!

0:00:12.772,0:00:14.636
Então vamos começar desenhando retângulos.

0:00:14.636,0:00:20.870
A gente digita rect() para retângulos, depois abrimos parenteses, e depois quatro números, e eu vou explicar o que eles significam daqui a pouco

0:00:20.870,0:00:23.938
...depois fechamos parenteses, e no final, nós só colocamos o ponto e vírgula

0:00:23.938,0:00:26.005
Olhe, fantástico, um retângulo!

0:00:26.005,0:00:29.670
E isso foi tão legal, então vão fazer de novo. Nós podemos tentar com números diferentes dessa vez.

0:00:29.670,0:00:36.171
Talvez números maiores, e depois números menores no final, e olhe, outro retângulo.

0:00:36.171,0:00:41.003
De fato, se nós tentarmos mudar o primeiro número para um menor, ele vai começar a se mover.

0:00:41.003,0:00:47.968
Se nos mudarmos o último número para um maior e depois um menor, então ele só vai crescer e depois encolher. Interessante.

0:00:47.968,0:00:51.885
Então como toda essa mágica acontece, você deve estar se perguntando?

0:00:51.885,0:00:55.506
Bem, lembre-se que o seu computador é como um cachorro muito inteligente e obediente.

0:00:55.506,0:01:00.218
Com o cachoro, talvez nós podemos dizer para ele sentar, ficar, e até rolar.

0:01:00.218,0:01:03.303
Você só teria que dar a ele o comando sentar()

0:01:03.303,0:01:07.052
Então em código, como você diria ao seu cachorro computador para sentar?

0:01:07.052,0:01:19.719
Bom, o jeito que você faz isso é escrevendo o nome do comando, digamos "sentar", e depois 2 parenteses após que dizem para ele realizar o comando que você acabou de dizer, e depois um ponto e vírgula no final que diz "é, o comando acabou."

0:01:19.719,0:01:22.219
E depois o seu cachorro computador iria sentar.

0:01:22.219,0:01:32.371
Bem, é claro, o seu computador na Khan Academy não é um cachorro, então ele não sabe sentar ou rolar, mas ele sabe como desenhar retângulos, quando você chama a função rect(), e isso é bem legal também, certo?

0:01:32.371,0:01:44.135
Então, isso é o que nós vamos fazer nessa linha. Nós chamamos o comando rect(), que é só o nome, e depois abrimos paranteses e fechamos parenteses para dizem "vá fazer aquilo", e depois o ponto e vírgula no final.

0:01:44.135,0:01:47.436
É assim que o seu computador sabe ir até essa habilidade especial rect.

0:01:47.436,0:01:49.967
Ok, então agora vamos voltar ao nosso rect.

0:01:49.967,0:01:53.672
Nós temos o nome do comando bem aqui, nos temos aqueles parenteses.

0:01:53.672,0:01:56.870
Mas e todos esses números loucos?

0:01:56.870,0:02:01.552
Bem, a ideia é que o computador realmente não sabe o suficiente se você só dizer a ele rect.

0:02:01.552,0:02:09.669
Para entender isso, imagine que eu tivesse acabado de dar a você um pedaço de papel, e quisesse que você desenhasse um retângulo exatamente do jeito que eu quero que ele seja.

0:02:09.669,0:02:15.106
Bem, a menos que você possa ler minha mente, você iria ter algumas perguntas de cara.

0:02:15.106,0:02:20.172
Primeiro, você poderia se perguntar, "bem, ok, onde você quer que eu desenhe o retângulo?"

0:02:20.172,0:02:28.006
E depois, eu diria "que tal se a gente concordasse que esse lado esquerdo do papel, nós vamos chamar de 0."

0:02:28.006,0:02:30.635
E vamos concordar que o lado direito vai ser 400.

0:02:30.635,0:02:37.536
Depois eu poderia te dar um número, tipo 100, e você iria saber que isso seria na direita por aqui, mais ou menos.

0:02:37.536,0:02:43.884
Isso vai satisfazer você por um momento, mas depois você vai ficar tipo ok, isso me diz o lado, mas e o quão alto e o quão baixo?

0:02:43.884,0:02:56.303
Depois eu poderia dar a você outro número, tipo 200, e eu diria que esse é o topo 0, e de novo o fundo é 200, e você diria, bem 200 vai ser bem no meio.

0:02:56.303,0:03:02.970
E isso é perfeito, porque agora você pensa, ok, eu vou desenhar o retângulo bem aqui.

0:03:02.970,0:03:06.670
...porque é 100 pro lado e 200 pra baixo.

0:03:06.670,0:03:09.886
Exceto que você ainda não tem informação suficiente, porque agora o que você está perguntando?

0:03:09.886,0:03:12.838
Você está pensando, quão grande eu quero que o retângulo seja?

0:03:12.838,0:03:17.468
Eu diria, o que você acha de, 150 de largura?

0:03:17.468,0:03:27.718
E você pensa, bem, isso é 100, e isso é 400, então se eu quero 150 de largura, talvez eu deveria ir até aqui.

0:03:27.718,0:03:30.271
Ok, legal, isso é mais ou menos 150 de largura.

0:03:30.271,0:03:31.718
Então depois você diria, o quão alto você quer?

0:03:31.718,0:03:33.468
E eu vou dizer, "que tal 50 de altura?"

0:03:33.468,0:03:39.386
Você vai dizer, ok, 50, isso é mais ou menos dessa altura.

0:03:39.386,0:03:45.437
Agora você vai dizer, fantástico, eu sei exatamente onde você quer o seu retângulo, e sei exatramente o quão grande você o quer, agora eu posso desenhá-lo.

0:03:45.437,0:03:48.052
Isso é bastante trabalho pra um retângulo, não é?

0:03:48.052,0:04:02.203
Mas a idéia é que dando apenas aqueles 4 números, 100 pro lado, 200 pra baixo, 150 de largura, 50 de altura, nós agora estamos pensando igual sobre como esse retângulo deve ser.

0:04:02.203,0:04:04.552
É assim que o computador trabalha também.

0:04:04.552,0:04:16.553
Você pode escrever só o nome do comando como nós dissemos mais cedo-abre parenteses, os 4 números-100,200,150,50, fecha parenteses, e depois o ponto e virgula.

0:04:16.553,0:04:20.553
E ele vai desenhar o retângulo exatamente onde nós queremos que ele desenhe!

0:04:20.553,0:04:26.135
Bem, se nós formos honestos com nós mesmos, ali não é realmente onde nós queremos o retângulo - ali não é onde nós o desenhamos, certo?

0:04:26.135,0:04:31.635
Nosso números estão um pouco errados. Então vamos continuar e dizer que nós queremos que ele seja exatamente igual ao que desenhamos

0:04:31.635,0:04:43.718
Nós iramos mover ele para que fique um pouco mais à frente, um pouco menos pra cima e pra baixo, um pouco mais magro, e talvez um pouquinho menor.

0:04:43.718,0:04:52.804
Agora nós temos que o nosso retângulo esta praticamente igual ao que desenhamos, porque nós entendemos o que cada um desses números significa, e nós podemos mudá-los para que ele pareça com o que nós queremos.

0:04:52.804,0:04:55.437
Agora vamos pensar sobre desenhar outro retângulo.

0:04:55.437,0:04:59.719
A beleza disso, é que nós podemos desenhar retângulos onde nós quisermos agora.

0:04:59.719,0:05:04.603
Que tal a gente desenhar um bem nesse canto superior, bem em cima?

0:05:04.603,0:05:06.838
Vamos pensar sobre onde isso seria.

0:05:06.838,0:05:17.385
Seria tipo 0 pro lado, 0 pra cima e pra baixo, e talvez bem pequeno, tipo 50 de largua e 10 de altura.

0:05:17.385,0:05:26.552
Vamos fazer isso. Nós vamos digita rect, separar os parâmetros com vírgulas, e dizer, ok, estamos prontos.

0:05:26.552,0:05:35.504
Mas uh oh, nós temos esse erro que diz que está faltando o parenteses de fechamento, e nós percebemos que está mesmo, então nós vamos colocá-lo de volta.

0:05:35.504,0:05:38.718
Mas uh oh, agora nós temos outro erro que diz que está faltando o ponto e vírgula.

0:05:38.718,0:05:43.606
Se nós clicarmos "show me where", ele vai apontar para a linha que nós acabamos de escrever...

0:05:43.606,0:05:49.205
...e nós lembrados que ponto e vírgulas são como pontos finais no fim de uma frase, mas no fim de uma linha de código, e nós esquecemos um.

0:05:49.205,0:05:53.384
Nós podemos colocá-lo de volta, nada demais, e tudo está bem de novo.

0:05:53.384,0:05:56.135
Veja só, um pequenino retângulo, exatamente como nós queriamos.

0:05:56.135,0:06:03.803
Assim como antes, nós podemos aumento para ficar maior, nos podemos move-lo por aí, e nós podemos posicioná-lo exatamente onde nós queremos que ele esteja.

0:06:03.803,0:06:07.605
Então agora você sabe em detalhes exatamente como essa rect funciona.

0:06:07.605,0:06:15.671
Nós falamos o que esses números significam, e como você sempre precisa botar o nome do comando, e os parenteses, separar os números com vírgula, botar o ponto e vírgula no final.

0:06:15.671,0:06:19.670
Parece muito, mas você pode ir e tentar isso você mesmo e sentir como se faz.

0:06:19.670,0:06:23.670
Na próxima vez, nós vamos aprender sobre como fazer mais formas, e depois nós vamos fazer coisas fantásticas como fazer as formas coloridas e fazê-las voar pela tela.