WEBVTT 00:00:01.083 --> 00:00:03.820 Teraz pomoże nam mój przyjaciel Winston. 00:00:03.920 --> 00:00:06.522 Już wygląda obłędnie, 00:00:06.622 --> 00:00:08.962 ale zmienię wielkość jego oczu. 00:00:09.062 --> 00:00:11.049 Tutaj rysuję oczy. 00:00:11.149 --> 00:00:13.504 Biorę kolor i rysuję dwie elipsy. 00:00:13.604 --> 00:00:15.928 Jeśli chcę, żeby ta była mniejsza, 00:00:16.027 --> 00:00:20.409 zmienię szerokość i wysokość o tyle samo. 00:00:20.509 --> 00:00:25.346 Chcę oczy takiej samej wielkości. Zmieńmy parametry drugiej elipsy. 00:00:25.446 --> 00:00:28.746 Teraz są za małe, zmienię z powrotem. 00:00:28.846 --> 00:00:32.848 A gdybym zmodyfikowała jedną liczbę i zmieniłoby się oboje oczu? 00:00:32.948 --> 00:00:36.162 Do tego przydają się zmienne. 00:00:37.232 --> 00:00:40.913 „Zmienna” to jedna nazwa różnych rzeczy. 00:00:41.447 --> 00:00:44.662 Wyobrażam sobie zmienną jako wiadro z nazwą. 00:00:44.762 --> 00:00:47.757 Można tam włożyć, co się chce, a nazwa zostaje. 00:00:47.857 --> 00:00:52.059 To, co jest w wiadrze, nazywamy wartością zmiennej. 00:00:53.887 --> 00:00:57.492 Najpierw określmy zmienną. Zrobię to tutaj. 00:00:57.592 --> 00:01:00.315 Wystarczy wpisać „var” (variable - zmienna), 00:01:00.415 --> 00:01:04.480 spację i nazwę zmiennej, opisującą, czego zmienna dotyczy. 00:01:04.580 --> 00:01:07.968 Dam „eyeSize” - wielkość oka. Nazwa może być dowolna, 00:01:08.068 --> 00:01:10.058 byle bez spacji między słowami. 00:01:10.158 --> 00:01:11.989 Pamiętajcie o średniku! 00:01:12.492 --> 00:01:14.628 Zrobiłam zmienną „eyeSize”, 00:01:14.728 --> 00:01:17.136 która dotyczy rozmiaru oczu Winstona. 00:01:17.236 --> 00:01:19.711 Na razie nie ma wartości. 00:01:19.846 --> 00:01:22.593 Aby ją przypisać, wklepujemy „eyeSize”, 00:01:22.693 --> 00:01:25.542 potem znak równości i 20. 00:01:26.610 --> 00:01:27.794 Średnik. 00:01:27.894 --> 00:01:29.582 Widzicie znak równości? 00:01:29.682 --> 00:01:31.834 Zapomnijcie o matematyce! 00:01:31.934 --> 00:01:35.460 Tu znak nie oznacza równości, tylko przypisanie. 00:01:35.560 --> 00:01:41.333 Przypisujemy wartość „20” zmiennej „eyeSize”. 00:01:42.188 --> 00:01:45.909 Inaczej: wkładamy liczbę 20 do wiadra o nazwie „eyeSize”. 00:01:46.009 --> 00:01:48.321 Na lekcjach matematyki mówicie: 00:01:48.582 --> 00:01:54.514 x = 3 oraz 3 = x, co oznacza jedno i to samo? 00:01:54.614 --> 00:01:56.265 Tutaj - nie. 00:01:56.365 --> 00:02:00.023 Po lewej stronie znaku równości zawsze jest zmienna. 00:02:00.123 --> 00:02:03.506 A po prawej stronie znaku zawsze widnieje wartość, 00:02:03.606 --> 00:02:05.670 którą tej zmiennej przypisujecie. 00:02:05.770 --> 00:02:07.862 Jak zapamiętać, co jest gdzie? 00:02:07.962 --> 00:02:11.486 Gadając do siebie, jak każdy fajny programista, 00:02:11.586 --> 00:02:15.538 przy znaku równości nie mówcie „równa się”, tylko „dostaje”. 00:02:15.638 --> 00:02:18.530 Mamy wtedy: „eyeSize” dostaje „20”. 00:02:19.687 --> 00:02:23.444 Gdy będę używać „eyeSize” w swoim programie, komputer powie: 00:02:23.544 --> 00:02:28.352 „To zmienna, a tak naprawdę chodzi o tę wartość: 20”. 00:02:28.452 --> 00:02:30.905 Patrzcie: skopiuję to 00:02:31.562 --> 00:02:34.830 i zastąpię cztery liczby 00:02:34.930 --> 00:02:37.103 nową zmienną „eyeSize”. 00:02:38.255 --> 00:02:43.840 Gotowe! Winston ma okrągłe oczy tej samej wielkości. 00:02:43.940 --> 00:02:47.748 Gdybym chciała zmienić wartość, czyli wielkość obojga oczu, 00:02:47.848 --> 00:02:51.074 wystarczyłoby zmodyfikować wartość tej zmiennej. 00:02:51.174 --> 00:02:52.802 Super! 00:02:54.405 --> 00:02:55.735 Jeszcze parę uwag. 00:02:55.835 --> 00:02:58.654 Zrobiliśmy nową zmienną „eyeSize”. 00:02:58.754 --> 00:03:01.069 Przypisaliśmy jej wartość 33. 00:03:01.169 --> 00:03:03.089 Możemy to zrobić szybciej. 00:03:03.189 --> 00:03:06.154 Napiszmy: „var eyeSize” (to pierwszy krok) 00:03:06.254 --> 00:03:09.083 dostaje „33” (to krok drugi). 00:03:09.183 --> 00:03:13.747 Jeśli skasuję te wiersze, wszystko będzie dalej działać. 00:03:13.847 --> 00:03:16.782 Pamiętajcie: komputer czyta program od góry do dołu. 00:03:16.882 --> 00:03:19.505 Wiedział, czym jest „eyeSize” tu, 00:03:19.605 --> 00:03:21.804 bo zdefiniowaliśmy to wcześniej. 00:03:21.904 --> 00:03:24.445 Gdybym napisała to tutaj, 00:03:25.021 --> 00:03:28.495 to komputer, dochodząc do tego wiersza, dziwiłby się: 00:03:28.595 --> 00:03:30.930 „Co to jest eyeSize? Nie znam!”. 00:03:31.030 --> 00:03:34.157 Informuje o tym poprzez komunikat o błędzie. 00:03:34.257 --> 00:03:37.501 Może myślicie: „Tak, zdefiniowałem to, tutaj!”. 00:03:37.601 --> 00:03:40.317 Komputer nie jest mądry, nie rozumie. 00:03:40.417 --> 00:03:42.265 Przenieśmy to na górę. 00:03:44.354 --> 00:03:49.267 Zanim użyjecie zmiennej, sprawdźcie, czy ją zdefiniowaliście. 00:03:49.367 --> 00:03:52.041 Znacie już zmienne! Gratulacje!