WEBVTT

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

00:00:03.846 --> 00:00:06.424
Я знаю, що він вже виглядає 
просто неперевершено,

00:00:06.424 --> 00:00:08.911
але я хочу трішки змінити
розмір його очей.

00:00:08.911 --> 00:00:10.784
Ось в цій частині коду
я малювала його очі.

00:00:10.784 --> 00:00:13.343
Ви бачите, що ми визначили колір,
а потім додали ще 2 еліпси.

00:00:13.343 --> 00:00:15.273
І якщо я хочу зробити ці
еліпси меншими,

00:00:15.273 --> 00:00:18.011
я можу змінити їх ширину, 
так, щоб вони були круглими.

00:00:18.011 --> 00:00:20.284
Також я маю змінити їх висоту.

00:00:20.284 --> 00:00:22.955
Отже, для того, щоб очі були
однакового розміру,

00:00:22.955 --> 00:00:25.381
ми маємо змінити його параметри
висоти і ширини.

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

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

00:00:30.839 --> 00:00:32.656
мені потрібно було змінити
лише один параметр?

00:00:32.877 --> 00:00:36.191
Ось саме в цьому випадку нам
знадобляться "змінні".

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

00:00:41.303 --> 00:00:44.523
Я розглядаю змінну як 
великий кошик з назвою на ньому.

00:00:44.566 --> 00:00:46.295
Ви можете покласти все, 
що захочете в цей кошик,

00:00:46.295 --> 00:00:47.588
але назва залишиться тою самою.

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

00:00:53.702 --> 00:00:55.745
Розпочнімо з того, 
що власне створимо змінну.

00:00:55.745 --> 00:00:57.564
Все це я роблю тут зверху.

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

00:01:00.333 --> 00:01:02.477
ставимо пробіл, а потім назву змінної,

00:01:02.477 --> 00:01:04.465
яка має описувати, 
що міститиме в собі ця змінна.

00:01:04.465 --> 00:01:06.007
В нашому випадку ця змінна eyeSize.

00:01:06.007 --> 00:01:07.997
Ви можете назвати її так,
як Вам забажається,

00:01:07.997 --> 00:01:10.043
але не можна залишати 
пробіли між словами в назві.

00:01:10.043 --> 00:01:11.974
І звісно ж не забувайте про
крапку з комою в кінці.

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

00:01:14.447 --> 00:01:16.936
тому що вона визначає 
розмір очей Вінстона.

00:01:16.936 --> 00:01:19.511
Але у цієї змінної досі немає значення.

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

00:01:22.642 --> 00:01:27.186
потім знак "=", а потім 20 і крапку з комою.

00:01:27.611 --> 00:01:29.370
Добре, бачите знак дорівнює?

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

00:01:31.763 --> 00:01:35.086
Цей знак не означає "дорівнює", він
означає "присвоєння".

00:01:35.391 --> 00:01:41.264
Тобто ми присвоюємо значення 20
до змінної eyeSize.

00:01:42.014 --> 00:01:43.716
Іншими словами,
ми кладемо число 20

00:01:43.716 --> 00:01:45.576
в кошик, який називається eyeSize.

00:01:45.728 --> 00:01:48.438
На уроці математики Ви
можете сказати, що

00:01:48.438 --> 00:01:51.818
x = 3, та 3 = x,

00:01:51.818 --> 00:01:54.457
і вони мають однаковісіньке значення,
бо вони все ж таки рівні?

00:01:54.457 --> 00:01:56.377
Але тут Ви так не можете зробити.

00:01:56.377 --> 00:01:58.443
Те, що знаходиться зліва 
від знака дорівнює -

00:01:58.443 --> 00:01:59.985
це завжди змінна.

00:01:59.985 --> 00:02:03.397
А те, що з права знака рівності,
то це значення,

00:02:03.397 --> 00:02:05.331
яке ми присвоюємо змінній.

00:02:05.501 --> 00:02:07.549
Гарний спосіб запам’ятати
яка сторона за що відповідає -

00:02:07.549 --> 00:02:09.790
проговорювати це вголос, 
коли ви кодите.

00:02:09.790 --> 00:02:11.491
Так роблять багато 
професійних програмістів.

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

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

00:02:19.619 --> 00:02:22.049
Зараз, коли я використовую
змінну eyeSize в своєму коді,

00:02:22.049 --> 00:02:24.780
комп’ютер це розуміє: "О, це ж змінна,

00:02:24.780 --> 00:02:27.871
Я знаю, що насправді її значення 20."

00:02:28.312 --> 00:02:31.131
Отже, перевіримо -
я просто скопіюю це,

00:02:31.419 --> 00:02:34.405
і заміню ці 4 цифри

00:02:34.785 --> 00:02:37.058
на мою нову змінну eyeSize,

00:02:38.255 --> 00:02:39.614
і вуаля!

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

00:02:43.920 --> 00:02:46.591
і якщо я хочу змінити значення
обох очей,

00:02:46.591 --> 00:02:47.730
або розмір обох очей,

00:02:47.730 --> 00:02:50.547
я просто зміню значення
однієї змінної.

00:02:51.002 --> 00:02:53.045
Ооо, круто!

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

00:02:55.667 --> 00:02:58.512
Тут ми створили нову змінну,
що має назву eyeSize.

00:02:58.512 --> 00:03:01.037
А тут присвоїли їй значення 33.

00:03:01.037 --> 00:03:02.855
Ми все це можемо зробити в один крок.

00:03:02.855 --> 00:03:05.927
Вказуємо змінну var eyeSize -
це перший крок,

00:03:05.927 --> 00:03:08.717
та надаємо їй значення 33 - це
другий крок.

00:03:08.717 --> 00:03:10.825
І якщо я видалю ці два рядки,

00:03:10.825 --> 00:03:12.626
то все одно все працює.

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

00:03:16.761 --> 00:03:19.188
і тому він знає розмір очей
тільки через те,

00:03:19.188 --> 00:03:21.668
що ми зазначили це ось тут вище.

00:03:21.668 --> 00:03:24.309
Якщо я переміщу змінну сюди, нижче,

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

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

00:03:30.989 --> 00:03:34.002
Насправді ми тут отримуємо сповіщення
про помилку,

00:03:34.002 --> 00:03:35.570
яка говорить, що параметри змінної 
eyeSize не визначені.

00:03:35.570 --> 00:03:37.481
І ви можете собі думати:

00:03:37.481 --> 00:03:39.584
"Я ж визначив їх ось тут."

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

00:03:44.029 --> 00:03:45.549
Отже, просто повернемо його 
на самий початок коду.

00:03:45.549 --> 00:03:48.259
І Ви завжди повинні перевіряти

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

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

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