RU UA

JavaScript (AMP версія)

Покрокова інструкція використання дебагеру (налагоджувача) для початківців (VS Code + PHP / JS)

Якщо ви досі шукаєте помилки в коді за допомогою echo, var_dump() або нескінченних console.log(), настав час перейти на новий рівень. Дебагер (або налагоджувач) — це інструмент, який відрізняє аматора від…

Уроки JavaScript — Короткі функції на заміну великому об’ємному коду

Досить часто у програмістів виникає спокуса написати якусь велику функцію, що повинна вирішувати певну задачу. Ця спокуса похвальна, але не тоді, коли вона веде до «винайдення колеса». Адже існує багато…

Уроки JavaScript — Шпаргалка для розробників по роботі з консоллю у браузері

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

Як створити просте перемикання кольорового оформлення сайту (CSS та JavaScript)

Якщо ви хочете додати на свій сайт можливість перемикання між світлим/темним режимом кольорового оформлення, тоді ви потрапили за адресою. Хоча така «фіча» може і не користуватися попитом, але з її…

Уроки JavaScript — Масиви: основи використання та основні функції

Масиви не лише в JavaScript є фундаментальною структурою даних, але й практично у всіх мовах програмування. Вони дозволяють розробникам зберігати та ефективно керувати кількома значеннями в одній змінній. Масиви —…

Що таке тег canvas в HTML5 і для чого він потрібен?

Елемент <canvas> з’явився лише в HTML5 і використовується для динамічного малювання графіки на веб-сторінці з допомогою JavaScript. Сам тег фактично являє собою контейнер (сховище) для графіки, яка безпосередньо промальовується скриптами…

Як додати карту від Google Maps на свій сайт (з маркером і текстом)

В сьогоднішньому практичному уроці ми розглянемо приклад додавання на свій сайт карти (мапи) від сервісу Google Maps. Оскільки API Google Карт дозволяє налаштовувати (кастомізувати) показ карт на своїх веб-сайтах, ми…

Уроки JavaScript — як почати працювати з об’єктами

Об’єкти є однією з найважливіших і найпотужніших функцій JavaScript, і в багатьох вбудованих функціях об’єкти використовують за замовчуванням. По суті, об’єкт — це сукупність властивостей, а властивість складається з ключа…

25 корисних порад та рішень jQuery, які ви повинні знати

jQuery – це швидка і досить невелика бібліотека JavaScript. Вона спрощує створення інтерактивних та приголомшливих веб-сторінок, анімації та взаємодії, з меншими зусиллями щодо написання JavaScript коду. Ця бібліотека стає все…

Як створити таймер зворотного відліку за допомогою JavaScript, CSS та SVG (4 способи)

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

Уроки JavaScript – Все, що потрібно знати про змінні

Однією з найголовніших та фундаментальних концепцій будь-якої мови програмування є можливість зберігання значень, які пізніше можна багаторазово використовувати. Такі значення в програмуванні називаються змінними. В сьогоднішньому уроці ми розглянемо змінні…

Детальний опис техніки ледачого завантаження зображень (Lazy Load)

Ліниве (або відкладене) завантаження картинок – це популярний метод асинхронного звернення до адреси зображення, по мірі необхідності його завантаження, а не одразу після того, як HTML сторінки був проаналізований браузером.…

Уроки JavaScript – приклади використання випадковості

В JavaScript досить часто потрібно використовувати випадковість або випадкове поводження. Найпростішим прикладом буде отримання випадкового числа для проведення жеребкування. Або, наприклад, уявити можливий результат кидка монети. Але існує багато різних…

Що таке ключове слово this в JavaScript

Якщо вас бентежить ключове слово this в JavaScript, знайте, що ви не самотні. Спочатку це бентежить усіх програмістів. Але це не означає, що вам не потрібно розібратися в цьому. Ключове…

Знак долара ($) і знак підкреслення (_) в JavaScript

Знак долара ($) і символ підкреслення (_) є ідентифікаторами в JavaScript, що означає, що вони ідентифікують об’єкт так само, як і його ім’я. Ідентифіковані ними об’єкти включають такі речі, як…