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