×
Ви дійсно бажаєте відкрити доступ до тестування за курсом JavaScript Стартовий на 40 днів?
ВІДЕОУРОК № 13. Об'єкти. Частина 1
Це перший урок курсу, в якому ви дізнаєтесь історію виникнення JavaScript та основні задачі, які вирішуються за допомогою цієї мови програмування. Ви дізнаєтесь, у чому різниця між розробленням на сервері та розробленням на клієнті. Виберете редактор коду, в якому почнете писати мовою JavaScript.
Перед початком вивчення синтаксичних конструкцій ми дізнаємося про основні правила оформлення коду. Почнемо з визначення поняття «інструкція» та дізнаємося, чим інструкції відрізняються від коментарів у коді. У цьому уроці ви також навчитеся підключати JavaScript до HTML-сторінки та дізнаєтеся, в чому різниця між інтерпретацією та компіляцією коду.
Основа будь-якого алгоритму – це змінна. У цьому уроці ви навчитеся створювати змінні та константи, а також вивчите типи даних, які є у JavaScript. JavaScript - це мова програмування з динамічною типізацією, тому ви побачите, що працювати зі змінним досить просто.
Більшість сценаріїв, написаних на JavaScript, взаємодіє з користувачем. Результати роботи сценаріїв відображаються користувачеві у вигляді тексту; інформація, яку користувач передає до сценарію, теж надходить у вигляді тексту. Цей урок пояснює, як працювати з рядковим типом даних (типом даних, який може містити текстові значення), і пояснює основні способи перетворення значень різних типів.
Усі мови програмування для визначення виразів під час написання інструкцій використовують оператори. Наприклад, додавання, множення або порівняння значень на рівність відбувається за допомогою операторів. Завдання цього уроку - показати загальний принцип роботи з бінарними та унарними операторами і вивчити основні оператори.
Умовні конструкції – важлива частина будь-якого алгоритму. Без умовних конструкцій код виконуватиметься лінійно та однаково. Якщо ви хочете зробити так, щоб дії користувача могли впливати на послідовність виконання інструкцій, вам потрібно навчитися працювати з оператором if else та дізнатися про особливості роботи з типом даних Boolean. Саме це завдання вирішує цей урок.
У процесі створення алгоритму часто необхідно одну і ту ж дію виконати багато разів. Замість копіювання інструкцій у коді розробник використовує цикли. У цьому уроці ви дізнаєтеся, як за допомогою циклічних конструкцій while, do/while та for повторити блок коду потрібну кількість разів.
Завдання, які стоять перед розробником, часто пов'язані з обробкою великої кількості даних. Якщо завдання – зберегти багато значень, у програмуванні використовуються масиви. І в цьому уроці ви дізнаєтесь, як створюються масиви, як модифікуються значення елементів масиву, а також опануєте основні інструменти для роботи з масивами в коді.
З масивами доведеться працювати часто, а завдання, пов'язані з масивами, будуть найрізноманітнішими. Іноді потрібно додати значення у початок масиву, інколи ж - у кінець. Буває, що потрібно видалити елемент масиву чи знайти елемент за вказаним значенням. У цьому уроці ви вивчите кілька методів, які є в кожному масиві і дозволяють легко вирішувати такі завдання.
При написанні коду деякі блоки коду потрібно використовувати повторно, а в якихось ситуаціях ви захочете скористатися чужим кодом, неодноразово використовуючи його в різних частинах своєї програми. Для того, щоб повторно використовувати вже написані інструкції, або просто і зрозуміло організувати структуру коду, використовуються функції. У цьому уроці ви дізнаєтеся, як створити функцію, викликати її, використовувати параметри та значення функції, що повертаються.
Функції — це дуже важлива частина мови JavaScript, тому в цьому уроці ви продовжите вивчення функцій і дізнаєтеся, що таке область видимості. У цьому уроці також будуть показані особливості створення змінних за допомогою ключового слова var, яке вже застаріло, але все ж таки може зустрічатися в сценаріях. Крім цього, ви дізнаєтеся про різні способи визначення функцій і розширите свої знання, отримані в минулому уроці. І на додаток до всього розберете рекурсію та функції зворотного виклику.
Протягом усього курсу ви створюватимете змінні та масиви для того, щоб зберігати дані під час виконання сценаріїв. Але часто логічно пов'язані значення потрібно об'єднати, наприклад, коли ці значення описують якусь бізнес-сутність, над якою працює ваш сценарій. У таких ситуаціях використовуються об'єкти і всі значення, які раніше ви зберігали в змінних, перетворюються на властивості об'єкту.
Об'єкти настільки часто зустрічаються в коді, що розуміння їх створення та використання критично важливе для програмування в JavaScript. У цей урок увійшли приклади, які допоможуть розібратися з тим, як створити об'єкт, помістити в нього властивості та методи і скористатися цим об'єктом у майбутньому.
У цьому уроці буде продовжено тему використання об'єктів, але буде розглянуто більш просунуті техніки роботи з об'єктами. Ви дізнаєтесь, як можна використовувати контекст у методах та як створювати фабричні функції, які дозволять налагодити створення об'єктів з однаковою структурою. Ви навчитеся перевіряти наявність властивостей в об'єкті та працювати з ключовим словом in, а також дізнаєтеся, що для роботи з об'єктами є спеціальний цикл for … in. Крім цього, до уроку увійшла важлива тема – посилальні типи і типи значень. Вам не раз знадобляться знання того, як працюють різні типи при створенні JavaScript сценаріїв.