1
00:00:02,803 --> 00:00:05,635
Incominciamo a programmare. Dobbiamo iniziare imparando a capire le fome, la base.

2
00:00:05,635 --> 00:00:10,803
Ma non vi preoccupate, molto presto le vostre forme si imetteranno a svolazzare sullo schermo e a cambiare colore e a fare un sacco di cose simpaticissime che c'entrano con la programmazione.

3
00:00:10,803 --> 00:00:12,772
Continuate a seguirci!

4
00:00:12,772 --> 00:00:14,636
Allora, incominciamo disegnando dei rettangoli.

5
00:00:14,636 --> 00:00:20,870
Scriviamo rect() per rettangolo, poi aperta parentesi e poi quattro cifre e vi spiegherò fra un attimo che cosa significano

6
00:00:20,870 --> 00:00:23,938
... poi chiudiamo la parentesi e alla fine mettiamo un punto e virgola.

7
00:00:23,938 --> 00:00:26,005
Guardate, incredibile: un rettangolo!

8
00:00:26,005 --> 00:00:29,670
Ed è venuto così bene che ci riproviamo. Questa volta possiamo provare con dei numeri diversi.

9
00:00:29,670 --> 00:00:36,171
Magari dei numeri più grandi e poi dei numeri più piccoli alla fine e, guardate un po', un altro rettangolo.

10
00:00:36,171 --> 00:00:41,003
In realtà, se proviamo a cambiare questo primo numero per rimpicciolirlo, incomincerà a muoversi.

11
00:00:41,003 --> 00:00:47,968
Se cambiamo questo numero in fondo per aumentarlo e poi diminuirlo, allora incomincerà a crescere e poi a restringersi, interessante.

12
00:00:47,968 --> 00:00:51,885
E allora, come succede questa magia, vi domanderete?

13
00:00:51,885 --> 00:00:55,506
Beh, ricordatevi che il vostro computer è proprio come un cagnolino, molto intelligente e obbediente.

14
00:00:55,506 --> 00:01:00,218
Con un cane magari potreste dirgli di sedersi, fermarsi e persino rotolarsi per terra.

15
00:01:00,218 --> 00:01:03,303
Dovreste semplicemente dare il comando seduto().

16
00:01:03,303 --> 00:01:07,052
Quindi, in codice, come direste al vostro computer-cane di sedersi?

17
00:01:07,052 --> 00:01:19,719
Beh, il modo in cui lo fareste è questo: scrivereste il nome del comando, diciamo "seduto" e poi 2 parentesi dopo per dirgli di eseguire il comando che avete appena pronunciato e poi un punto e virgola alla fine per dire "sì, questo comando è terminato."

18
00:01:19,719 --> 00:01:22,219
E allora il vostro computer-cane si metterebbe a sedere.

19
00:01:22,219 --> 00:01:32,371
Beh, è ovvio, il vostro computer che usate per Khan Academy non è un cane, quindi non sa come sedersi o rotolarsi, ma sa come disegnare rettangoli, quando voi dite rect() e questa è una bella cosa davvero, no?

20
00:01:32,371 --> 00:01:44,135
Quindi è quello che faremo su questa linea. Diremo il comando rect(), che è semplicemente il nome, e poi parentesi aperta e poi chiusa per dire "vai a farlo" e poi il punto e virgola alla fine.

21
00:01:44,135 --> 00:01:47,436
Questo è il modo in cui il vostro computer sa come andare a fare quella cosa speciale rect.

22
00:01:47,436 --> 00:01:49,967
Okay, ora invece ritorniamo al nostro rect.

23
00:01:49,967 --> 00:01:53,672
Abbiamo il nome del comando esattamente qui, abbiamo queste parentesi.

24
00:01:53,672 --> 00:01:56,870
E tutti questi numeri strani?

25
00:01:56,870 --> 00:02:01,552
Beh, l'idea è che il computer in realtà non sa abbastanza se gli dite soltanto rect.

26
00:02:01,552 --> 00:02:09,669
Per capirlo, provate a pensare che vi abbia dato un pezzo di carta e vi avessi chiesto di disegnare un rettangolo esattamente come lo volevo che fosse.

27
00:02:09,669 --> 00:02:15,106
Beh, a meno che possiate leggere la mia mente, vi verranno subito spontanee delle domande.

28
00:02:15,106 --> 00:02:20,172
Innanzitutto potreste domandarvi: "d'accordo, ma dove vuoi che lo disegni il rettangolo?"

29
00:02:20,172 --> 00:02:28,006
E allora io direi "diciamo che concordiamo che questa parte sinistra del foglio la chiameremo 0."

30
00:02:28,006 --> 00:02:30,635
E concordiamo che questa parte destra sarà 400.

31
00:02:30,635 --> 00:02:37,536
Allora potrei darvi un numero, come 100, e voi sapreste che andrà a finire più o meno qui.

32
00:02:37,536 --> 00:02:43,884
Sarete soddisfatti per il momento, ma poi direste che, d'accordo, ora so quanto è distante in senso orizzontale, ma dove si trova in senso verticale?

33
00:02:43,884 --> 00:02:56,303
Allora potrei darvi un altro numero, come 200 e direi che questo è il margine superiore 0 e di nuovo che il margine inferiore è 400 e voi direste, beh, 200 sarà proprio al centro.

34
00:02:56,303 --> 00:03:02,970
E così ci siamo, perché adesso penserete; okay, ora disegno il tuo rettangolo proprio qui.,,

35
00:03:02,970 --> 00:03:06,670
... perché è 100 in orizzontale e 200 in verticale.

36
00:03:06,670 --> 00:03:09,886
Se non fosse che mancano ancora delle informazioni, perché ora che cosa domandate?

37
00:03:09,886 --> 00:03:12,838
Vi state domandando; quanto grande voglio che sia il rettangolo?

38
00:03:12,838 --> 00:03:17,468
Io direi, per esempio facciamo largo 150?

39
00:03:17,468 --> 00:03:27,718
E voi pensereste che, beh, questo è 100 e questo è 400, quindi se lo vogliamo largo 150, forse arriveremo più o meno fino a qui.

40
00:03:27,718 --> 00:03:30,271
Okay, bello, è più o meno largo 150.

41
00:03:30,271 --> 00:03:31,718
Allora poi direste; quanto lo vuoi alto?

42
00:03:31,718 --> 00:03:33,468
E io direi; "mah, non so, non lo voglio molto alto, che ne dite di farlo alto 50?"

43
00:03:33,468 --> 00:03:39,386
Voi direte; okay, 50, è più o meno alto così.

44
00:03:39,386 --> 00:03:45,437
Adesso direte; grande! so esattamente il punto in cui vuoi avere il tuo rettangolo e come deve essere fatto, ora lo posso disegnare.

45
00:03:45,437 --> 00:03:48,052
Un sacco di lavoro per un rettangolo, non vi pare?

46
00:03:48,052 --> 00:04:02,203
Ma l'idea è che, semplicemente dandovi questi 4 numeri - 100 orizzontale, 200 verticale, 150 larghezza, 50 altezza, ora siamo esattamente sulla pagina nel punto in cui il rettangolo dovrebbe trovarsi.

47
00:04:02,203 --> 00:04:04,552
E questo è anche il modo in cui funziona il computer.

48
00:04:04,552 --> 00:04:16,553
Potete semplicemente scrivere il nome del comando come abbiamo detto prima - aperta parentesi, i 4 numeri - 100, 200, 150, 50, chiusa parentesi e poi un punto e virgola.

49
00:04:16,553 --> 00:04:20,553
E lui disegnerà un rettangolo esattamente dove volevamo che si trovasse!

50
00:04:20,553 --> 00:04:26,135
Beh, ad essere sinceri, questo non è esattamente il punto in cui volevamo il rettangolo - non è il punto dove lo abbiamo disegnato, vero?

51
00:04:26,135 --> 00:04:31,635
I nostri numeri sono leggermente sfasati. Allora continuiamo e diciamo che vogliamo che corrisponda esattamente a quello che abbiamo disegnato.

52
00:04:31,635 --> 00:04:43,718
Sposteremo questo così va un po' più in là, un po' meno su e giù, leggermente più stretto e forse appena un po' più basso.

53
00:04:43,718 --> 00:04:52,804
Ora abbiamo ottenuto che il nostro rettangolo corrisponda quasi del tutto a quello che abbiamo disegnato, perché abbiamo capito che cosa significa ciascuno di questi numeri e li abbiamo potuti cambiare in modo da farlo diventare come lo volevamo.

54
00:04:52,804 --> 00:04:55,437
Ora vediamo di disegnare un altro rettangolo.

55
00:04:55,437 --> 00:04:59,719
La cosa bella è che ora possiamo disegnare rettangoli ovunque vogliamo.

56
00:04:59,719 --> 00:05:04,603
Che ne dite di disegnarne uno quassù in cima, in questo angolo in alto?

57
00:05:04,603 --> 00:05:06,838
Pensiamo a dove si troverebbe.

58
00:05:06,838 --> 00:05:17,385
Sarebbe una cosa come 0 in orizzontale, 0 in verticale e magari lo facciamo piuttosto piccolo, per esempio largo 50 e alto 10. Un rettangolo piuttosto piccolo, no?

59
00:05:17,385 --> 00:05:26,552
Andiamo avanti e facciamolo. Scriviamo rect, separiamo i parametri con virgole e diciamo, okay, siamo a posto.

60
00:05:26,552 --> 00:05:35,504
Ma, oh oh, arriva questo messaggio di errore che dice che ci manca una parentesi di chiusura e ci rendiamo conto che effettivamente è vero e quindi ce la rimettiamo.

61
00:05:35,504 --> 00:05:38,718
Ma, non va tanto bene, perché, oh oh, adesso arriva un altro messaggio di errore che dice che ci manca un punto e virgola.

62
00:05:38,718 --> 00:05:43,606
Se cliccassimo "show me where", ci indicherebbe la linea che abbiamo appena scritto...

63
00:05:43,606 --> 00:05:49,205
... e ci ricordiamo che i punti e virgola sono come i punti alla fine delle frasi, ma in questo caso sono alla fine delle linee di codice, e ne abbiamo dimenticato uno.

64
00:05:49,205 --> 00:05:53,384
Possiamo rimettercelo, non è un problema, e va di nuovo tutto a posto.

65
00:05:53,384 --> 00:05:56,135
Guardate, un rettangolino piccolo, proprio come lo volevamo.

66
00:05:56,135 --> 00:06:03,803
Proprio come prima lo possiamo espandere per renderlo più grande, lo possiamo spostare e possiamo posizionarlo esattamente dove desideriamo.

67
00:06:03,803 --> 00:06:07,605
Ora quindi conoscete bene tutti i dettagli su come funziona questa cosa dei rettangoli.

68
00:06:07,605 --> 00:06:15,671
Abbiamo parlato del significato di questi numeri e del fatto che dovete sempre mettere il nome del comando, le parentesi, separare i numeri con virgole, mettere il punto e virgola alla fine.

69
00:06:15,671 --> 00:06:19,670
Sembrano un sacco di cose, ma potete andare avanti e provare da soli e fare una prima esperienza.

70
00:06:19,670 --> 00:06:23,670
La prossima volta impareremo a creare altre forme e poi andremo avanti imparando cose fortissime come colorarle e farle volare in giro per lo schermo.