1 00:00:01,083 --> 00:00:03,820 Teraz pomoże nam mój przyjaciel Winston. 2 00:00:03,920 --> 00:00:06,522 Już wygląda obłędnie, 3 00:00:06,622 --> 00:00:08,962 ale zmienię wielkość jego oczu. 4 00:00:09,062 --> 00:00:11,049 Tutaj rysuję oczy. 5 00:00:11,149 --> 00:00:13,504 Biorę kolor i rysuję dwie elipsy. 6 00:00:13,604 --> 00:00:15,928 Jeśli chcę, żeby ta była mniejsza, 7 00:00:16,027 --> 00:00:20,409 zmienię szerokość i wysokość o tyle samo. 8 00:00:20,509 --> 00:00:25,346 Chcę oczy takiej samej wielkości. Zmieńmy parametry drugiej elipsy. 9 00:00:25,446 --> 00:00:28,746 Teraz są za małe, zmienię z powrotem. 10 00:00:28,846 --> 00:00:32,848 A gdybym zmodyfikowała jedną liczbę i zmieniłoby się oboje oczu? 11 00:00:32,948 --> 00:00:36,162 Do tego przydają się zmienne. 12 00:00:37,232 --> 00:00:40,913 „Zmienna” to jedna nazwa różnych rzeczy. 13 00:00:41,447 --> 00:00:44,662 Wyobrażam sobie zmienną jako wiadro z nazwą. 14 00:00:44,762 --> 00:00:47,757 Można tam włożyć, co się chce, a nazwa zostaje. 15 00:00:47,857 --> 00:00:52,059 To, co jest w wiadrze, nazywamy wartością zmiennej. 16 00:00:53,887 --> 00:00:57,492 Najpierw określmy zmienną. Zrobię to tutaj. 17 00:00:57,592 --> 00:01:00,315 Wystarczy wpisać „var” (variable - zmienna), 18 00:01:00,415 --> 00:01:04,480 spację i nazwę zmiennej, opisującą, czego zmienna dotyczy. 19 00:01:04,580 --> 00:01:07,968 Dam „eyeSize” - wielkość oka. Nazwa może być dowolna, 20 00:01:08,068 --> 00:01:10,058 byle bez spacji między słowami. 21 00:01:10,158 --> 00:01:11,989 Pamiętajcie o średniku! 22 00:01:12,492 --> 00:01:14,628 Zrobiłam zmienną „eyeSize”, 23 00:01:14,728 --> 00:01:17,136 która dotyczy rozmiaru oczu Winstona. 24 00:01:17,236 --> 00:01:19,711 Na razie nie ma wartości. 25 00:01:19,846 --> 00:01:22,593 Aby ją przypisać, wklepujemy „eyeSize”, 26 00:01:22,693 --> 00:01:25,542 potem znak równości i 20. 27 00:01:26,610 --> 00:01:27,794 Średnik. 28 00:01:27,894 --> 00:01:29,582 Widzicie znak równości? 29 00:01:29,682 --> 00:01:31,834 Zapomnijcie o matematyce! 30 00:01:31,934 --> 00:01:35,460 Tu znak nie oznacza równości, tylko przypisanie. 31 00:01:35,560 --> 00:01:41,333 Przypisujemy wartość „20” zmiennej „eyeSize”. 32 00:01:42,188 --> 00:01:45,909 Inaczej: wkładamy liczbę 20 do wiadra o nazwie „eyeSize”. 33 00:01:46,009 --> 00:01:48,321 Na lekcjach matematyki mówicie: 34 00:01:48,582 --> 00:01:54,514 x = 3 oraz 3 = x, co oznacza jedno i to samo? 35 00:01:54,614 --> 00:01:56,265 Tutaj - nie. 36 00:01:56,365 --> 00:02:00,023 Po lewej stronie znaku równości zawsze jest zmienna. 37 00:02:00,123 --> 00:02:03,506 A po prawej stronie znaku zawsze widnieje wartość, 38 00:02:03,606 --> 00:02:05,670 którą tej zmiennej przypisujecie. 39 00:02:05,770 --> 00:02:07,862 Jak zapamiętać, co jest gdzie? 40 00:02:07,962 --> 00:02:11,486 Gadając do siebie, jak każdy fajny programista, 41 00:02:11,586 --> 00:02:15,538 przy znaku równości nie mówcie „równa się”, tylko „dostaje”. 42 00:02:15,638 --> 00:02:18,530 Mamy wtedy: „eyeSize” dostaje „20”. 43 00:02:19,687 --> 00:02:23,444 Gdy będę używać „eyeSize” w swoim programie, komputer powie: 44 00:02:23,544 --> 00:02:28,352 „To zmienna, a tak naprawdę chodzi o tę wartość: 20”. 45 00:02:28,452 --> 00:02:30,905 Patrzcie: skopiuję to 46 00:02:31,562 --> 00:02:34,830 i zastąpię cztery liczby 47 00:02:34,930 --> 00:02:37,103 nową zmienną „eyeSize”. 48 00:02:38,255 --> 00:02:43,840 Gotowe! Winston ma okrągłe oczy tej samej wielkości. 49 00:02:43,940 --> 00:02:47,748 Gdybym chciała zmienić wartość, czyli wielkość obojga oczu, 50 00:02:47,848 --> 00:02:51,074 wystarczyłoby zmodyfikować wartość tej zmiennej. 51 00:02:51,174 --> 00:02:52,802 Super! 52 00:02:54,405 --> 00:02:55,735 Jeszcze parę uwag. 53 00:02:55,835 --> 00:02:58,654 Zrobiliśmy nową zmienną „eyeSize”. 54 00:02:58,754 --> 00:03:01,069 Przypisaliśmy jej wartość 33. 55 00:03:01,169 --> 00:03:03,089 Możemy to zrobić szybciej. 56 00:03:03,189 --> 00:03:06,154 Napiszmy: „var eyeSize” (to pierwszy krok) 57 00:03:06,254 --> 00:03:09,083 dostaje „33” (to krok drugi). 58 00:03:09,183 --> 00:03:13,747 Jeśli skasuję te wiersze, wszystko będzie dalej działać. 59 00:03:13,847 --> 00:03:16,782 Pamiętajcie: komputer czyta program od góry do dołu. 60 00:03:16,882 --> 00:03:19,505 Wiedział, czym jest „eyeSize” tu, 61 00:03:19,605 --> 00:03:21,804 bo zdefiniowaliśmy to wcześniej. 62 00:03:21,904 --> 00:03:24,445 Gdybym napisała to tutaj, 63 00:03:25,021 --> 00:03:28,495 to komputer, dochodząc do tego wiersza, dziwiłby się: 64 00:03:28,595 --> 00:03:30,930 „Co to jest eyeSize? Nie znam!”. 65 00:03:31,030 --> 00:03:34,157 Informuje o tym poprzez komunikat o błędzie. 66 00:03:34,257 --> 00:03:37,501 Może myślicie: „Tak, zdefiniowałem to, tutaj!”. 67 00:03:37,601 --> 00:03:40,317 Komputer nie jest mądry, nie rozumie. 68 00:03:40,417 --> 00:03:42,265 Przenieśmy to na górę. 69 00:03:44,354 --> 00:03:49,267 Zanim użyjecie zmiennej, sprawdźcie, czy ją zdefiniowaliście. 70 00:03:49,367 --> 00:03:52,041 Znacie już zmienne! Gratulacje!