WEBVTT 00:00:02.803 --> 00:00:05.635 Incominciamo a programmare. Dobbiamo iniziare imparando a capire le fome, la base. 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. 00:00:10.803 --> 00:00:12.772 Continuate a seguirci! 00:00:12.772 --> 00:00:14.636 Allora, incominciamo disegnando dei rettangoli. 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 00:00:20.870 --> 00:00:23.938 ... poi chiudiamo la parentesi e alla fine mettiamo un punto e virgola. 00:00:23.938 --> 00:00:26.005 Guardate, incredibile: un rettangolo! 00:00:26.005 --> 00:00:29.670 Ed è venuto così bene che ci riproviamo. Questa volta possiamo provare con dei numeri diversi. 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. 00:00:36.171 --> 00:00:41.003 In realtà, se proviamo a cambiare questo primo numero per rimpicciolirlo, incomincerà a muoversi. 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. 00:00:47.968 --> 00:00:51.885 E allora, come succede questa magia, vi domanderete? 00:00:51.885 --> 00:00:55.506 Beh, ricordatevi che il vostro computer è proprio come un cagnolino, molto intelligente e obbediente. 00:00:55.506 --> 00:01:00.218 Con un cane magari potreste dirgli di sedersi, fermarsi e persino rotolarsi per terra. 00:01:00.218 --> 00:01:03.303 Dovreste semplicemente dare il comando seduto(). 00:01:03.303 --> 00:01:07.052 Quindi, in codice, come direste al vostro computer-cane di sedersi? 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." 00:01:19.719 --> 00:01:22.219 E allora il vostro computer-cane si metterebbe a sedere. 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? 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. 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. 00:01:47.436 --> 00:01:49.967 Okay, ora invece ritorniamo al nostro rect. 00:01:49.967 --> 00:01:53.672 Abbiamo il nome del comando esattamente qui, abbiamo queste parentesi. 00:01:53.672 --> 00:01:56.870 E tutti questi numeri strani? 00:01:56.870 --> 00:02:01.552 Beh, l'idea è che il computer in realtà non sa abbastanza se gli dite soltanto rect. 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. 00:02:09.669 --> 00:02:15.106 Beh, a meno che possiate leggere la mia mente, vi verranno subito spontanee delle domande. 00:02:15.106 --> 00:02:20.172 Innanzitutto potreste domandarvi: "d'accordo, ma dove vuoi che lo disegni il rettangolo?" 00:02:20.172 --> 00:02:28.006 E allora io direi "diciamo che concordiamo che questa parte sinistra del foglio la chiameremo 0." 00:02:28.006 --> 00:02:30.635 E concordiamo che questa parte destra sarà 400. 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. 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? 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. 00:02:56.303 --> 00:03:02.970 E così ci siamo, perché adesso penserete; okay, ora disegno il tuo rettangolo proprio qui.,, 00:03:02.970 --> 00:03:06.670 ... perché è 100 in orizzontale e 200 in verticale. 00:03:06.670 --> 00:03:09.886 Se non fosse che mancano ancora delle informazioni, perché ora che cosa domandate? 00:03:09.886 --> 00:03:12.838 Vi state domandando; quanto grande voglio che sia il rettangolo? 00:03:12.838 --> 00:03:17.468 Io direi, per esempio facciamo largo 150? 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. 00:03:27.718 --> 00:03:30.271 Okay, bello, è più o meno largo 150. 00:03:30.271 --> 00:03:31.718 Allora poi direste; quanto lo vuoi alto? 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?" 00:03:33.468 --> 00:03:39.386 Voi direte; okay, 50, è più o meno alto così. 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. 00:03:45.437 --> 00:03:48.052 Un sacco di lavoro per un rettangolo, non vi pare? 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. 00:04:02.203 --> 00:04:04.552 E questo è anche il modo in cui funziona il computer. 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. 00:04:16.553 --> 00:04:20.553 E lui disegnerà un rettangolo esattamente dove volevamo che si trovasse! 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? 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. 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. 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. 00:04:52.804 --> 00:04:55.437 Ora vediamo di disegnare un altro rettangolo. 00:04:55.437 --> 00:04:59.719 La cosa bella è che ora possiamo disegnare rettangoli ovunque vogliamo. 00:04:59.719 --> 00:05:04.603 Che ne dite di disegnarne uno quassù in cima, in questo angolo in alto? 00:05:04.603 --> 00:05:06.838 Pensiamo a dove si troverebbe. 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? 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. 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. 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. 00:05:38.718 --> 00:05:43.606 Se cliccassimo "show me where", ci indicherebbe la linea che abbiamo appena scritto... 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. 00:05:49.205 --> 00:05:53.384 Possiamo rimettercelo, non è un problema, e va di nuovo tutto a posto. 00:05:53.384 --> 00:05:56.135 Guardate, un rettangolino piccolo, proprio come lo volevamo. 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. 00:06:03.803 --> 00:06:07.605 Ora quindi conoscete bene tutti i dettagli su come funziona questa cosa dei rettangoli. 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. 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. 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.