Sneak Peek (- Breve sbirciata - Versione Video)

Questo è soltanto un "screen grab" della nostra codifica interattiva passo per passo, preparata per fare le didascalie e le traduzioni più facili. E' meglio guardare le nostre lezioni passo per passo qui:
https://www.khanacademy.org/cs/programming/

Va bene, iniziamo a fare un programma.

Iniziamo proprio da zero. E quando arriviamo alla fine, sarà proprio fantastico; come un mini programma di disegno.

Pensate a questo come a un tour veloce tra le prime lezioni alla Khan Academy.

Per darvi un'idea di quello che è possibile.

Non preoccupatevi di capire ogni dettaglio adesso.

Vogliamo soltanto darvi un'idea di quello che abbiamo davanti a noi e i tipi di programmi che voi saprete fare fra poco.

Allora, adesso non c'è niente qui, che un po triste. Disegniamo qualcosa.

Voglio disegnare un'ellisse.

Come imparerete, ecco come lo faccio.

Ed eccola. E quasi magico.

La ragione di questo è che sono alcune cose speciali che l'ambiente della Khan Academy conosce già.

Fortunatamente, l'ellisse è una di queste.

Non pensate a tutto quello che questi numeri vogliono dire.

Questo lo impareremo nel capitolo "Introduzione al disegno".

Comunque, ecco un'anteprima.

Cambiando i numeri, vediamo che il primo significa praticamente quanto lontano.

Il secondo significa quanto in su e quanto in giù.

Il terzo sembra significare quanto grande attraverso e l'ultimo quanto grande in su e in giù.

Di nuovo, non hai bisogno di sapere questo adesso.

Ma poi fermare il video se vuoi e giocarci un po - farlo tu adesso.

Imparerai tutto questo in dettaglio nelle lezioni future.

La cosa importante adesso da sapere è che questi controllano come appare la forma.

Va bene, questo è bello. Ma probabilmente non siete molto impressionati.

Allora farò qualcosa che sembra un po più complicato e poi metterò l'ellisse che abbiamo fatto prima, proprio dentro.

Ok, niente è cambiato e probabilmente non siete ancora impressionati.

Ma adesso quello che farò, e il rendimento sarà più impressionante, è fare questo programma animato.

E adesso, come potete vedere, ci sono tanti cerchi che di fatto seguono il mio mouse in giro mentre lo sposto.

Puoi fermare il programma adesso e invece farlo seguire il tuo mouse.

Ok, allora come succede questo?

Da dove vengono tutti questi cerchi?

Bene, imparerete più tardi tutto questo nella "Introduzione all'animazione", ma siccome vi state chiedendo, quello che succede è che il computer dice automaticamente al nostro programma, di continuo, disegna, disegna, disegna.

E potrai pensare che il nostro programma si stancherà di questo, ma invece continua a fare quello che è dentro la parte magica "disegnare".

Allora continua a disegnare ellisse dopo ellisse dopo ellisse.

Ed è questo quello che succede dietro le quinte quando spostiamo in giro il mouse, per fare così tante ellissi.

Anche se noi l'abbiamo scritta soltanto una volta.

Allora, come fa il programma a sapere dove disegnare l'ellisse?

Per esempio, come sa di seguire il mouse?

Allora, imparerete questo più avanti in "Interazione con il mouse".

La grande idea è che ogni volta che il computer dice al nostro programma dove si trova il mouse usando queste due parole speciali per il mouse.

"MouseX" e "MouseY".

Non dovete sapere altro su questo adesso, ma MouseX è soltanto quanto più in su si trova il mouse.

Mentre MouseY è quanto in su e in giù.

Allora, per riassumere, quando facciamo questa ellisse, quello che diciamo è che il primo indica: disegna l'ellisse quanto lontano è il mouse.

Il secondo dice: disegna il mouse quanto in su e in giù si trova il mouse.

Quello finisce a significare: disegna un'ellisse nel posto esatto dove si trova il mouse, ogni volta che diciamo "disegna".

E poi queste ultime
dicono che misure deve avere l'ellisse.

E di nuovo, non vi preoccupate dei dettagli per adesso.

Dopo aver guardato le prossime lezioni, questo avrà più senso.

E adesso, come puoi vedere, sta diventando un po ingombrante.

Possiamo cliccare il pulsante di riavvio per iniziare il programma di nuovo da zero.

Vai pure e ferma il programma proprio adesso.

Giocati un po, per vedere quello che succede.

Bene, allora abbiamo qualcosa di figo che sta succedendo.

Ma cos'altro possiamo fare?

Bene, questi cerchi sono un po bruttini.

Sono soltanto bianchi.

E se possiamo colorarli?

C'è un intera lezione "Introduzione alla colorazione" dove imparerete tutto sui colori.

Ma rovinerò il segreto e vi mostrerò come farlo proprio adesso.

Ecco, carino.

Adesso avete cerchi rossi seguendo il mouse.

Ma non devono essere soltanto rossi, perché quando fai clic su questo colore qui, puoi vedere quando lo fai, puoi scegliere qualsiasi colore che vuoi.

Un intero arcobaleno di colori.

Allora che ne dite di uno porpora adesso?

E potete imparare come cambiano i colori nella "Introduzione alla colorazione".

Una volta che si riavvia.. favoloso! Adesso abbiamo soltanto cerchi porpora.

Allora, adesso magari pensiamo che abbiamo fatto tutto questo lavoro per disegnare queste forme bellissime.

Ogni volta che muoviamo il mouse.

Ma sarebbe carino disegnare soltanto alcune volte... per esempio, soltanto quando il mouse va schiacciato.

E vi mostrerò come fare questo adesso.

Logicamente, non è così complicato, tutto quello che diciamo è: Se il mouse è schiacciato, disegna il cerchio.

Altrimenti, non farlo affatto.

Dite: "Se", e poi, queste strane parentesi a che voi non dovete pensare...

Allora se (il mouse è schiacciato), bene, non vogliamo proprio fare niente.

Allora lasciamo questa parte giù tutta in bianco.

E quando riavviamo, possiamo dire:

Muovo in giro il mouse, niente sta succedendo.

Ma quando schiacciamo il mouse, posso disegnare!

In porpora.

E scrivere cose, e disegnare cose...

E fare più o meno tutto quello che vogliamo. Che è proprio bello.

Perché in soltanto poche righe di codice abbiamo fatto questo piccolo programma di disegno.

Allora, questa è un'intera introduzione
a lezioni "se", dove:

Imparerete tutto su quello che questo codice che abbiamo appena scritto può fare.

E come funziona. Ma scommetto che potete vedere già l'idea generale.

Tutto quello che diciamo è: se il mouse è schiacciato, fare questo, e altrimenti:

Se il mouse NON E' schiacciato, allora non fare niente!

Bene. E' esattamente la logica
che avevamo noi in mente.

L'abbiamo soltanto scritta in codice adesso.

E... potreste sottolineare, per esempio, ma cosa ne facciamo di questi contorni brutti intorno ai cerchi?

Bene, imparerete come controllare questo tra poco. Potrete farlo più grande...

Potrete farlo più piccolo...

Potrete farlo in vari colori...

Ma per adesso, sinceramente, voglio soltanto cancellarlo.

Allora metto soltanto "nienteTratto"... qui in cima (perché quel piccolo controllo è chiamato stroke-tratto)...

E adesso, quando lo riavviamo...

Ehi! Il tratto è sparito.

Perfetto! Questo sembra un programma di disegno molto più realistico.

Allora, facciamo subito un passo indietro.

Magari siete curiosi: Da dove sono queste capacità magiche come--

"Se" e "ellisse", e "disegna" -- arrivate?

Questi comandi utili sono costruiti nella Khan Academy.

Noi abbiamo fatto questo.

E la parte divertente arriva imparando
come combinarli nei programmi.

Se siete proprio curiosi, usiamo un linguaggio chiamato JavaScript

Sulla Khan Academy.

JavaScrip è uno dei più popolari modi di scrivere programmi nel mondo.

Specialmente sull'Internet.

Allora sarete in compagnia proprio buona.