No history yet

Основи JavaScript

Що таке JavaScript?

Уявіть, що ви даєте комп'ютеру список інструкцій, як рецепт для приготування страви. JavaScript — це мова, якою ви пишете ці інструкції. Це одна з найпопулярніших мов програмування у світі, і спочатку вона була створена, щоб «оживити» веб-сайти.

Lesson image

Коли ви натискаєте кнопку на сайті, бачите спливаюче вікно або дивитесь, як оновлюється стрічка новин без перезавантаження сторінки, — за всім цим, найімовірніше, стоїть JavaScript. Він працює як мозок веб-сторінки, обробляючи дії користувача та динамічно змінюючи вміст.

Де виконується JavaScript?

Щоб інструкції JavaScript виконувалися, потрібне спеціальне середовище — програма, яка розуміє цю мову. Існує два основних середовища, де «живе» JavaScript.

1. У веб-браузері: Кожен сучасний браузер (Chrome, Firefox, Safari) має вбудований рушій JavaScript. Він читає код на веб-сторінках і миттєво виконує його, роблячи сайти інтерактивними.

2. На комп'ютері (поза браузером): Завдяки такому інструменту, як [{<Node.js>}], ми можемо запускати JavaScript безпосередньо на комп'ютері. Саме це дозволяє використовувати його для автоматизації тестування, створення серверів та багатьох інших завдань, не пов'язаних із веб-сторінками.

Для автоматизації тестування з Playwright ми будемо використовувати саме Node.js, оскільки наші тести будуть запускатися як самостійні програми, що керують браузером.

Ваш перший рядок коду

Найпростіший спосіб дати команду комп'ютеру — попросити його щось вивести на екран. У JavaScript для цього використовується команда console.log(). Все, що ви помістите в дужки, буде показано в спеціальній консолі розробника.

console.log("Привіт, світе!");

Спробуймо виконати цей код двома способами.

У консолі браузера:

  1. Відкрийте будь-яку веб-сторінку у Chrome.
  2. Натисніть F12 (або Cmd+Opt+J на Mac), щоб відкрити інструменти розробника.
  3. Перейдіть на вкладку «Console».
  4. Введіть console.log("Тестуємо JS!"); і натисніть Enter.

Ви одразу побачите свій текст, виведений у консолі.

Через Node.js: Це спосіб, яким ми будемо користуватися найчастіше.

  1. Переконайтеся, що на вашому комп'ютері встановлено Node.js.
  2. Створіть новий файл з назвою, наприклад, test.js.
  3. Відкрийте цей файл у будь-якому текстовому редакторі та додайте в нього рядок: console.log("Мій перший скрипт для автоматизації!");
  4. Відкрийте термінал (командний рядок) у тій самій папці, де лежить файл.
  5. Введіть команду node test.js і натисніть Enter.

Ваше повідомлення з'явиться прямо в терміналі. Вітаємо, ви щойно виконали свій перший JavaScript-скрипт!

Залишаємо нотатки: Коментарі

Пишучи код, важливо залишати нотатки для себе та інших розробників. Ці нотатки називаються коментарями. Середовище виконання JavaScript повністю їх ігнорує — вони існують лише для людей.

// Це однорядковий коментар. Все, що йде після двох слешів, ігнорується.

console.log("Цей рядок коду виконається."); // А це коментар у кінці рядка.

/*
  А це багаторядковий коментар.
  Він корисний, коли потрібно
  написати довге пояснення.
*/

Звичка коментувати свій код заощадить вам багато часу в майбутньому, особливо коли ви повернетеся до своїх старих скриптів або будете працювати в команді.

Quiz Questions 1/5

Яка головна початкова мета створення мови JavaScript?

Quiz Questions 2/5

Яка команда використовується для виведення повідомлення в консоль у JavaScript?

Це був перший крок у світ JavaScript. Тепер ви знаєте, що це за мова, де вона працює і як дати комп'ютеру найпростішу команду. Далі ми почнемо працювати з даними.