1
00:00:01,083 --> 00:00:03,846
І знов з нами наш добрий товариш
Вінстон для того, щоб допомогти нам.

2
00:00:03,846 --> 00:00:06,424
Я знаю, що він вже виглядає 
просто неперевершено,

3
00:00:06,424 --> 00:00:08,911
але я хочу трішки змінити
розмір його очей.

4
00:00:08,911 --> 00:00:10,784
Ось в цій частині коду
я малювала його очі.

5
00:00:10,784 --> 00:00:13,343
Ви бачите, що ми визначили колір,
а потім додали ще 2 еліпси.

6
00:00:13,343 --> 00:00:15,273
І якщо я хочу зробити ці
еліпси меншими,

7
00:00:15,273 --> 00:00:18,011
я можу змінити їх ширину, 
так, щоб вони були круглими.

8
00:00:18,011 --> 00:00:20,284
Також я маю змінити їх висоту.

9
00:00:20,284 --> 00:00:22,955
Отже, для того, щоб очі були
однакового розміру,

10
00:00:22,955 --> 00:00:25,381
ми маємо змінити його параметри
висоти і ширини.

11
00:00:25,381 --> 00:00:28,497
Ні, щось очі виглядають замалими,
тепер потрібно їх збільшити.

12
00:00:28,707 --> 00:00:30,839
Правда було б чудово, якби для того, 
щоб змінити розмір обох очей,

13
00:00:30,839 --> 00:00:32,656
мені потрібно було змінити
лише один параметр?

14
00:00:32,877 --> 00:00:36,191
Ось саме в цьому випадку нам
знадобляться "змінні".

15
00:00:37,232 --> 00:00:40,848
Отже, змінна - це як ім’я або зарезервоване
місце для чого-небудь.

16
00:00:41,303 --> 00:00:44,523
Я розглядаю змінну як 
великий кошик з назвою на ньому.

17
00:00:44,566 --> 00:00:46,295
Ви можете покласти все, 
що захочете в цей кошик,

18
00:00:46,295 --> 00:00:47,588
але назва залишиться тою самою.

19
00:00:47,747 --> 00:00:51,937
Те, що знаходиться всередині кошика 
називається "значенням змінної".

20
00:00:53,702 --> 00:00:55,745
Розпочнімо з того, 
що власне створимо змінну.

21
00:00:55,745 --> 00:00:57,564
Все це я роблю тут зверху.

22
00:00:57,564 --> 00:01:00,333
Вводимо зверху редактора слово "var",
що означає "variable" (змінна),

23
00:01:00,333 --> 00:01:02,477
ставимо пробіл, а потім назву змінної,

24
00:01:02,477 --> 00:01:04,465
яка має описувати, 
що міститиме в собі ця змінна.

25
00:01:04,465 --> 00:01:06,007
В нашому випадку ця змінна eyeSize.

26
00:01:06,007 --> 00:01:07,997
Ви можете назвати її так,
як Вам забажається,

27
00:01:07,997 --> 00:01:10,043
але не можна залишати 
пробіли між словами в назві.

28
00:01:10,043 --> 00:01:11,974
І звісно ж не забувайте про
крапку з комою в кінці.

29
00:01:12,248 --> 00:01:14,447
Отже, зараз я створила змінну, 
що називається "eyeSize",

30
00:01:14,447 --> 00:01:16,936
тому що вона визначає 
розмір очей Вінстона.

31
00:01:16,936 --> 00:01:19,511
Але у цієї змінної досі немає значення.

32
00:01:19,846 --> 00:01:22,642
Для того, щоб надати їй значення,
ми просто напишемо назву функції eyeSize,

33
00:01:22,642 --> 00:01:27,186
потім знак "=", а потім 20 і крапку з комою.

34
00:01:27,611 --> 00:01:29,370
Добре, бачите знак дорівнює?

35
00:01:29,370 --> 00:01:31,763
Забудьте все, що Ви про нього вчили
на уроках математики.

36
00:01:31,763 --> 00:01:35,086
Цей знак не означає "дорівнює", він
означає "присвоєння".

37
00:01:35,391 --> 00:01:41,264
Тобто ми присвоюємо значення 20
до змінної eyeSize.

38
00:01:42,014 --> 00:01:43,716
Іншими словами,
ми кладемо число 20

39
00:01:43,716 --> 00:01:45,576
в кошик, який називається eyeSize.

40
00:01:45,728 --> 00:01:48,438
На уроці математики Ви
можете сказати, що

41
00:01:48,438 --> 00:01:51,818
x = 3, та 3 = x,

42
00:01:51,818 --> 00:01:54,457
і вони мають однаковісіньке значення,
бо вони все ж таки рівні?

43
00:01:54,457 --> 00:01:56,377
Але тут Ви так не можете зробити.

44
00:01:56,377 --> 00:01:58,443
Те, що знаходиться зліва 
від знака дорівнює -

45
00:01:58,443 --> 00:01:59,985
це завжди змінна.

46
00:01:59,985 --> 00:02:03,397
А те, що з права знака рівності,
то це значення,

47
00:02:03,397 --> 00:02:05,331
яке ми присвоюємо змінній.

48
00:02:05,501 --> 00:02:07,549
Гарний спосіб запам’ятати
яка сторона за що відповідає -

49
00:02:07,549 --> 00:02:09,790
проговорювати це вголос, 
коли ви кодите.

50
00:02:09,790 --> 00:02:11,491
Так роблять багато 
професійних програмістів.

51
00:02:11,491 --> 00:02:15,290
Якщо Ви використовуєте знак рівності, 
то не кажіть дорівнює, кажіть "отримує".

52
00:02:15,290 --> 00:02:18,587
Таким чином виходить, що
змінна eyeSize отримує значення 20.

53
00:02:19,619 --> 00:02:22,049
Зараз, коли я використовую
змінну eyeSize в своєму коді,

54
00:02:22,049 --> 00:02:24,780
комп’ютер це розуміє: "О, це ж змінна,

55
00:02:24,780 --> 00:02:27,871
Я знаю, що насправді її значення 20."

56
00:02:28,312 --> 00:02:31,131
Отже, перевіримо -
я просто скопіюю це,

57
00:02:31,419 --> 00:02:34,405
і заміню ці 4 цифри

58
00:02:34,785 --> 00:02:37,058
на мою нову змінну eyeSize,

59
00:02:38,255 --> 00:02:39,614
і вуаля!

60
00:02:39,614 --> 00:02:43,920
Очі Вінстона тепер мають ідеально 
однаковий розмір,

61
00:02:43,920 --> 00:02:46,591
і якщо я хочу змінити значення
обох очей,

62
00:02:46,591 --> 00:02:47,730
або розмір обох очей,

63
00:02:47,730 --> 00:02:50,547
я просто зміню значення
однієї змінної.

64
00:02:51,002 --> 00:02:53,045
Ооо, круто!

65
00:02:54,309 --> 00:02:55,667
Окей, і ще кілька останніх речей,
на які слід звернути увагу.

66
00:02:55,667 --> 00:02:58,512
Тут ми створили нову змінну,
що має назву eyeSize.

67
00:02:58,512 --> 00:03:01,037
А тут присвоїли їй значення 33.

68
00:03:01,037 --> 00:03:02,855
Ми все це можемо зробити в один крок.

69
00:03:02,855 --> 00:03:05,927
Вказуємо змінну var eyeSize -
це перший крок,

70
00:03:05,927 --> 00:03:08,717
та надаємо їй значення 33 - це
другий крок.

71
00:03:08,717 --> 00:03:10,825
І якщо я видалю ці два рядки,

72
00:03:10,825 --> 00:03:12,626
то все одно все працює.

73
00:03:13,449 --> 00:03:16,761
Також пам'ятайте, що комп’ютер 
читає Ваш код зверху вниз,

74
00:03:16,761 --> 00:03:19,188
і тому він знає розмір очей
тільки через те,

75
00:03:19,188 --> 00:03:21,668
що ми зазначили це ось тут вище.

76
00:03:21,668 --> 00:03:24,309
Якщо я переміщу змінну сюди, нижче,

77
00:03:25,021 --> 00:03:28,446
то коли комп’ютер добереться до
цього рядка коду, то "подумає":

78
00:03:28,446 --> 00:03:30,989
"eyeSize, що це взагалі таке?
Я поняття не маю що це за eyeSize."

79
00:03:30,989 --> 00:03:34,002
Насправді ми тут отримуємо сповіщення
про помилку,

80
00:03:34,002 --> 00:03:35,570
яка говорить, що параметри змінної 
eyeSize не визначені.

81
00:03:35,570 --> 00:03:37,481
І ви можете собі думати:

82
00:03:37,481 --> 00:03:39,584
"Я ж визначив їх ось тут."

83
00:03:40,406 --> 00:03:42,636
Але комп’ютер не настільки 
розумний, щоб це зрозуміти.

84
00:03:44,029 --> 00:03:45,549
Отже, просто повернемо його 
на самий початок коду.

85
00:03:45,549 --> 00:03:48,259
І Ви завжди повинні перевіряти

86
00:03:49,137 --> 00:03:51,911
чи визначили Ви змінну перед тим,
як використати її.

87
99:59:59,999 --> 99:59:59,999
Тепер Ви знаєте, що таке змінні!

88
99:59:59,999 --> 99:59:59,999
Переклад на українську мову: Анна Клець, рев'юер: Юлія Білаш, Благодійний фонд "MagneticOne.org"