Блог Остапець Інни Олегівни: Вебсторінки

Уроки 23, 24

01.12.2025

Змінні в JavaScript

Вітаю! Сьогодні продовжуємо роботу з вебпрограмуванням. Розглянемо основи JavaScript, а саме створення змінних

Крок 1: Змінні в JavaScript

JavaScript - це мова програмування, яка викорситовується для створення динамічних інтерактивних вебсторінок.

👉Оголошення змінних

Змінні в JavaScript використовуються для зберігання та керування даними.

Оголошення змінних за допомогою let:

Оголошення змінних за допомогою var:

Оголошення змінних за допомогою соnst:

Крок 2: Приклад використання змінних

Крок 3: Середовища для роботи

Для програмування на JavaScript використовують наступні середовища:

JDoodle

Repl.it

Крок 4: Завдання 1 (якщо будуть тривоги)

1. Перейдіть за покликанням і розгляньте основні компоненти IDE

2. Протестуйте код прикладу, який надається за замовчуванням.

3. Змініть приклад на виведення Hello World (увага на рядок 5)

4. Напишіть короткий висновок щодо зручності роботи з середовищем і які пункти завдання вам вдалося виконати.

5. Змініть код так, щоб виводилось не "Я - JavaScript!", а "Я - (і ваше ім'я)"

Крок 5: Завдання 5 (якщо буде повноцінний урок)

посилання

____________________________________

Уроки 21, 22

24.11.2025

Вебпрограмування та інтерактивні сторінки

Вітаю! Сьогодні починаємо роботу з вебпрограмуванням. Розглянемо основи JavaScript

Крок 1: Де використовується JavaScript

JavaScript - одна з трьох технологій, які мають вивчити та знати всі веброзробники:

1. HTML для визначення змісту вебсторінки

2. CSS для створення макета вебсторінки

3. JavaScript для програмування поведінки вебсторінок

Примітка. Вебсторінки - це не єдине застосування, де використовується JavaScript. Багато настільних і серверних програм використовують JavaScript. Платформа Node.js є найвідомішим застосуванням для виконання високопродуктивних мережевих додатків. Деякі бази даних, такі як MongoDB і CouchDB, також використовують JavaScript як мову програмування.

Крок 2: Де використовується JavaScript?

Створюємо перший JavaScript проєкт

Крок 3 : Приклад Arc Time Slider

Цікава реалізація слайдера часу за допомогою чистого JS

👉Крок 4 : Завдання

ТЕОРЕТИЧНЕ

Проведіть пошук щодо практичного використання JavaScript в популярних розробках.