Return to Video

Вступ до поняття про "змінні" (відео версія)

  • 0:01 - 0:04
    І знов з нами наш добрий товариш
    Вінстон для того, щоб допомогти нам.
  • 0:04 - 0:06
    Я знаю, що він вже виглядає
    просто неперевершено,
  • 0:06 - 0:09
    але я хочу трішки змінити
    розмір його очей.
  • 0:09 - 0:11
    Ось в цій частині коду
    я малювала його очі.
  • 0:11 - 0:13
    Ви бачите, що ми визначили колір,
    а потім додали ще 2 еліпси.
  • 0:13 - 0:15
    І якщо я хочу зробити ці
    еліпси меншими,
  • 0:15 - 0:18
    я можу змінити їх ширину,
    так, щоб вони були круглими.
  • 0:18 - 0:20
    Також я маю змінити їх висоту.
  • 0:20 - 0:23
    Отже, для того, щоб очі були
    однакового розміру,
  • 0:23 - 0:25
    ми маємо змінити його параметри
    висоти і ширини.
  • 0:25 - 0:28
    Ні, щось очі виглядають замалими,
    тепер потрібно їх збільшити.
  • 0:29 - 0:31
    Правда було б чудово, якби для того,
    щоб змінити розмір обох очей,
  • 0:31 - 0:33
    мені потрібно було змінити
    лише один параметр?
  • 0:33 - 0:36
    Ось саме в цьому випадку нам
    знадобляться "змінні".
  • 0:37 - 0:41
    Отже, змінна - це як ім’я або зарезервоване
    місце для чого-небудь.
  • 0:41 - 0:45
    Я розглядаю змінну як
    великий кошик з назвою на ньому.
  • 0:45 - 0:46
    Ви можете покласти все,
    що захочете в цей кошик,
  • 0:46 - 0:48
    але назва залишиться тою самою.
  • 0:48 - 0:52
    Те, що знаходиться всередині кошика
    називається "значенням змінної".
  • 0:54 - 0:56
    Розпочнімо з того,
    що власне створимо змінну.
  • 0:56 - 0:58
    Все це я роблю тут зверху.
  • 0:58 - 1:00
    Вводимо зверху редактора слово "var",
    що означає "variable" (змінна),
  • 1:00 - 1:02
    ставимо пробіл, а потім назву змінної,
  • 1:02 - 1:04
    яка має описувати,
    що міститиме в собі ця змінна.
  • 1:04 - 1:06
    В нашому випадку ця змінна eyeSize.
  • 1:06 - 1:08
    Ви можете назвати її так,
    як Вам забажається,
  • 1:08 - 1:10
    але не можна залишати
    пробіли між словами в назві.
  • 1:10 - 1:12
    І звісно ж не забувайте про
    крапку з комою в кінці.
  • 1:12 - 1:14
    Отже, зараз я створила змінну,
    що називається "eyeSize",
  • 1:14 - 1:17
    тому що вона визначає
    розмір очей Вінстона.
  • 1:17 - 1:20
    Але у цієї змінної досі немає значення.
  • 1:20 - 1:23
    Для того, щоб надати їй значення,
    ми просто напишемо назву функції eyeSize,
  • 1:23 - 1:27
    потім знак "=", а потім 20 і крапку з комою.
  • 1:28 - 1:29
    Добре, бачите знак дорівнює?
  • 1:29 - 1:32
    Забудьте все, що Ви про нього вчили
    на уроках математики.
  • 1:32 - 1:35
    Цей знак не означає "дорівнює", він
    означає "присвоєння".
  • 1:35 - 1:41
    Тобто ми присвоюємо значення 20
    до змінної eyeSize.
  • 1:42 - 1:44
    Іншими словами,
    ми кладемо число 20
  • 1:44 - 1:46
    в кошик, який називається eyeSize.
  • 1:46 - 1:48
    На уроці математики Ви
    можете сказати, що
  • 1:48 - 1:52
    x = 3, та 3 = x,
  • 1:52 - 1:54
    і вони мають однаковісіньке значення,
    бо вони все ж таки рівні?
  • 1:54 - 1:56
    Але тут Ви так не можете зробити.
  • 1:56 - 1:58
    Те, що знаходиться зліва
    від знака дорівнює -
  • 1:58 - 2:00
    це завжди змінна.
  • 2:00 - 2:03
    А те, що з права знака рівності,
    то це значення,
  • 2:03 - 2:05
    яке ми присвоюємо змінній.
  • 2:06 - 2:08
    Гарний спосіб запам’ятати
    яка сторона за що відповідає -
  • 2:08 - 2:10
    проговорювати це вголос,
    коли ви кодите.
  • 2:10 - 2:11
    Так роблять багато
    професійних програмістів.
  • 2:11 - 2:15
    Якщо Ви використовуєте знак рівності,
    то не кажіть дорівнює, кажіть "отримує".
  • 2:15 - 2:19
    Таким чином виходить, що
    змінна eyeSize отримує значення 20.
  • 2:20 - 2:22
    Зараз, коли я використовую
    змінну eyeSize в своєму коді,
  • 2:22 - 2:25
    комп’ютер це розуміє: "О, це ж змінна,
  • 2:25 - 2:28
    Я знаю, що насправді її значення 20."
  • 2:28 - 2:31
    Отже, перевіримо -
    я просто скопіюю це,
  • 2:31 - 2:34
    і заміню ці 4 цифри
  • 2:35 - 2:37
    на мою нову змінну eyeSize,
  • 2:38 - 2:40
    і вуаля!
  • 2:40 - 2:44
    Очі Вінстона тепер мають ідеально
    однаковий розмір,
  • 2:44 - 2:47
    і якщо я хочу змінити значення
    обох очей,
  • 2:47 - 2:48
    або розмір обох очей,
  • 2:48 - 2:51
    я просто зміню значення
    однієї змінної.
  • 2:51 - 2:53
    Ооо, круто!
  • 2:54 - 2:56
    Окей, і ще кілька останніх речей,
    на які слід звернути увагу.
  • 2:56 - 2:59
    Тут ми створили нову змінну,
    що має назву eyeSize.
  • 2:59 - 3:01
    А тут присвоїли їй значення 33.
  • 3:01 - 3:03
    Ми все це можемо зробити в один крок.
  • 3:03 - 3:06
    Вказуємо змінну var eyeSize -
    це перший крок,
  • 3:06 - 3:09
    та надаємо їй значення 33 - це
    другий крок.
  • 3:09 - 3:11
    І якщо я видалю ці два рядки,
  • 3:11 - 3:13
    то все одно все працює.
  • 3:13 - 3:17
    Також пам'ятайте, що комп’ютер
    читає Ваш код зверху вниз,
  • 3:17 - 3:19
    і тому він знає розмір очей
    тільки через те,
  • 3:19 - 3:22
    що ми зазначили це ось тут вище.
  • 3:22 - 3:24
    Якщо я переміщу змінну сюди, нижче,
  • 3:25 - 3:28
    то коли комп’ютер добереться до
    цього рядка коду, то "подумає":
  • 3:28 - 3:31
    "eyeSize, що це взагалі таке?
    Я поняття не маю що це за eyeSize."
  • 3:31 - 3:34
    Насправді ми тут отримуємо сповіщення
    про помилку,
  • 3:34 - 3:36
    яка говорить, що параметри змінної
    eyeSize не визначені.
  • 3:36 - 3:37
    І ви можете собі думати:
  • 3:37 - 3:40
    "Я ж визначив їх ось тут."
  • 3:40 - 3:43
    Але комп’ютер не настільки
    розумний, щоб це зрозуміти.
  • 3:44 - 3:46
    Отже, просто повернемо його
    на самий початок коду.
  • 3:46 - 3:48
    І Ви завжди повинні перевіряти
  • 3:49 - 3:52
    чи визначили Ви змінну перед тим,
    як використати її.
  • Not Synced
    Тепер Ви знаєте, що таке змінні!
  • Not Synced
    Переклад на українську мову: Анна Клець, рев'юер: Юлія Білаш, Благодійний фонд "MagneticOne.org"
Title:
Вступ до поняття про "змінні" (відео версія)
Description:

Це відео версія інтерактивного уроку кодування, створена для полегшення процесу перекладу та створення субтитрів. Інтерактивний відеоурок можна переглянути за цим лінком: https://www.khanacademy.org/cs/programming/
more » « less
Video Language:
English
Duration:
03:53

Ukrainian subtitles

Incomplete

Revisions

Our website uses cookies for analysis purposes.