16 captures
23 Mar 2022 - 10 Dec 2025
Apr
MAY
Jun
29
2021
2022
2023
success
fail
About this capture
COLLECTED BY
Collection:
Common Crawl
Web crawl data from Common Crawl.
TIMESTAMPS
The Wayback Machine - https://web.archive.org/web/20220529052204/https://uk.javascript.info/tutorial/map
Show tasks
Мова програмування JavaScript
Вступ
Вступ до JavaScript
Довідники й специфікації
Редактори коду
Інструменти розробника
Основи JavaScript
Привіт, світ!
Показати сповіщення
Показати повідомлення із зовнішнього скрипта
Структура коду
Сучасний режим, "use strict"
Змінні
Робота зі змінними
Придумайте правильні імена
Використовувати великі чи маленькі букви для імен констант?
Типи даних
Лапки у рядках
Взаємодія: alert, prompt, confirm
Проста сторінка
Перетворення типу
Базові оператори, математика
Постфіксна та префіксна форми
Результат присвоєння
Перетворення типу
Виправте додавання
Оператори порівняння
Оператори порівняння
Умовні розгалуження: if, '?'
if (рядок з нулем)
Назва JavaScript
Покажіть знак
Перепишіть 'if' на '?'
Перепишіть 'if..else' на '?'
Логічні оператори
Який результат АБО?
Який результат alerts, об'єднаних АБО?
Який результат І?
Який результат alerts, об'єднаних за допомогою І?
Результат АБО І АБО
Перевірте діапазон
Перевірте значення поза діапазоном
Питання про "if"
Перевірте логін
Оператор об’єднання з null '??'
Цикли: while і for
Останнє значення циклу
Яке значення виведе цикл "while"?
Яке значення виведе цикл "for"?
Виведіть парні числа
Замініть цикл "for" на "while"
Повторяти цикл, доки ввід невірний
Вивести прості числа
Конструкція "switch"
Перепишіть конструкцію "switch" в аналогічну з використанням "if"
Перепишіть умови "if" в конструкцію "switch"
Функції
Чи потрібен "else"?
Перепишіть функцію, використовуючи '?' або '||'
Функція min(a, b)
Функція pow(x, n)
Функціональні вирази
Стрілкові функції, основи
Перепишіть з використанням стрілкових функцій
Особливості JavaScript
Якість коду
Налагодження в браузері
Стандарт оформлення коду
Поганий стиль
Коментарі
Ніндзя код
Автоматичне тестування за допомогою Mocha
Що не так з цим тестом?
Поліфіли і транспілятори
Об’єкти: основи
Об’єкти
Привіт, object
Перевірка на порожнечу
Сума властивостей об’єкта
Помножте числові значення властивостей на 2
Копіювання об’єктів та посилання
Збирання сміття
Методи об’єкту, "this"
Використання "this" в об’єктному літералі
Створіть калькулятор
Ланцюг викликів
Конструктори, оператор "new"
Дві функції - один об’єкт
Створити Калькулятор за допомогою конструктора
Створити Accumulator
Опціональний ланцюжок '?.'
Тип даних Символ
Перетворення об’єктів в примітиви
Типи даних
Методи примітивів
Чи можна додати властивість до рядка?
Числа
Сума чисел від відвідувача
Чому 6.35.toFixed(1) == 6.3?
Повторюйте, поки вхід не буде числом
Випадковий безкінечний цикл
Випадкове число від min до max
Довільне ціле число від min до max
Рядки
Переведіть перший символ у верхній регістр
Перевірка на спам
Урізання тексту
Виділіть гроші
Масиви
Чи скопійовано масив?
Операції з масивами.
Виклик в контексті масиву
Сума введених чисел
Максимальний підмасив
Методи масивів
Переведіть текст виду border-left-width в borderLeftWidth
Фільтрація за діапазоном
Фільтрація за діапазоном "на місці"
Сортувати за спаданням
Скопіювати і впорядкувати масив
Створити розширюваний калькулятор
Трансформувати в масив імен
Трансформувати в обʼєкти
Відсортувати користувачів за віком
Перемішайте масив
Вирахувати середній вік
Залишити унікальні елементи масиву
Створення об’єкта з ключем з масиву
Ітеративні об’єкти
Map та Set
Фільтрувати унікальні елементи масиву
Відфільтруйте анаграми
Перебираємо ключі
WeakMap та WeakSet
Зберігати мітки "непрочитане"
Зберігати дати читання
Object.keys, values, entries
Підсумуйте властивості
Порахуйте властивості
Деструктуроване присвоєння
Деструктуроване присвоєння
Максимальна зарплата
Дата і час
Створити дату
Показати робочий день
Європейський робочий день
Який день місяця був багато днів тому?
Останній день місяця?
Скільки секунд пройшло сьогодні?
Скільки секунд до завтра?
Формат відносної дати
Методи JSON, toJSON
Перетворіть об’єкт в JSON і назад
Виключити зворотні посилання
Розширена робота з функціями
Рекурсія та стек
Сума всіх чисел до даного
Розрахувати факторіал
Fibonacci numbers
Вивести одинозв’язаний список
Вивести одинозв’язаний список у зворотному порядку
Залишкові параметри та синтаксис поширення
Область видимості змінної, замикання
Чи побачить функція останні зміни?
Які змінні доступні?
Чи лічильники незалежні?
Об’єкт лічильника
Функція у if
Сума із замиканням
Чи видно змінну?
Функції фільтрації
Сортувати за полем
Армія функцій
Застаріле ключове слово "var"
Глобальний об’єкт
Об’єкт функції, NFE
Встановити і зменшити лічильник
Сума з довільною кількістю дужок
Синтаксис "new Function"
Планування: setTimeout та setInterval
Вивід кожної секунди
Що покаже setTimeout?
Декоратори та переадресація виклику, call/apply
Декоратор-шпигун
Затримуючий декоратор
Декоратор debounce
Дросельний (throttle) декоратор
Прив’язка контексту до функції
Прив’язана функція як метод
Друга прив’язка
Властивість функції після прив’язки
Виправте функцію, яка втратила 'this'
Часткове застосування для логіну
Повторення стрілкових функцій
Властивості об’єкта, їх конфігурація
Прапори та дескриптори властивостей
Гетери і сетери властивостей
Прототипи, наслідування
Успадкування через прототипи
Робота з прототипами
Алгоритм пошуку
Де буде записано?
Чому обидва хом’ячка наситились?
F.prototype
Заміна властивості "prototype"
Створення нового об’єкта з одинаковим конструктором
Вбудовані прототипи
Додайте метод "f.defer(ms)" до функцій
Додайте декоруючий метод "defer()" до функцій
Методи прототипів, об’єкти без __proto__
Додайте toString до об’єкту-словника
Різниця між викликами
Класи
Базовий синтаксис класу
Перепишіть клас
Наслідування класу
Помилка створення екземпляра
Покращений годинник
Статичні властивості та методи
Клас розширює об’єкт?
Приватні та захищені властивості та методи
Розширення вбудованих класів
Перевірка класу: "instanceof"
Дивний instanceof
Міксини
Обробка помилок
Робота з помилками, "try...catch"
Finally чи просто код?
Нестандартні помилки, розширення Error
Успадкувати від SyntaxError
Проміси, async/await
Введення: колбеки
Проміси
Чи можливо "перевиконати" проміс?
Затримка на промісах
Анімація круга за допомогою проміса
Ланцюжок промісів
Проміс: then проти catch
Проміси: обробка помилок
Помилка в setTimeout
Promise API
Промісифікація
Мікрозадачі
Async/await
Перепишіть, використовуючи async/await
Перепишіть "rethrow", використовуючи async/await
Викличте async-функцію зі "звичайної"
Генератори, розширена ітерація
Генератори
Псевдовипадковий генератор
Асинхронні ітератори та генератори
Модулі
Вступ до модулів
Експорт та імпорт
Динамічні імпорти
Різне
Proxy та Reflect
Помилка під час зчитування неіснуючої властивості
Доступ до масиву[-1]
Observable
Eval: виконання рядка коду
Eval-calculator
Каррінг
Посилальний Тип
Перевірка синтаксису
Поясніть значення "this"
BigInt
Браузер: документ, події, інтерфейси
Документ
Браузерне середовище, специфікації
DOM дерево
Навігація по DOM
Діти у DOM
Питання про сусідів
Виділіть усі діагональні клітинки
Пошук: getElement*, querySelector*
Пошук елементів
Властивості вузлів: тип, тег та вміст
Підрахувати нащадків
Що в nodeType?
Тег у коментарі
Де "document" в ієрархії?
Атрибути та властивості
Отримайте атрибут
Зробіть зовнішні посилання помаранчевими
Внесення змін в документ
createTextNode проти innerHTML проти textContent
Очистіть елемент
Чому "aaa" залишається?
Створіть список
Створіть дерево з об’єкту
Показати нащадків в дереві
Створіть календар
Розфарбуйте годиник за допомогою setInterval
Вставте HTML в список
Відсортуйте таблицю
Стилі та класи
Створити сповіщення
Element size and scrolling
What's the scroll from the bottom?
What is the scrollbar width?
Place the ball in the field center
The difference: CSS width versus clientWidth
Розміри вікна і прокрутка
Координати
Знайти координати поля відносно вікна
Покажіть примітку біля елемента
Покажіть примітку біля елемента (абсолютне позиціювання)
Розташуйте примітку всередині елемента (абсолютне позиціювання)
Вступ до подій
Вступ до подій браузера
Приховати елемент після натискання кнопки
Сховати себе
Який обробник запуститься?
Пересуньте м’яч по полю
Створіть меню, що розкривається
Додати кнопку закриття
Карусель
Bubbling and capturing
Делегування подій
Приховайте повідомлення за допомогою делегування
Деревоподібне меню
Sortable table
Поведінка підказки
Типові дії браузера
Чому "return false" не працює?
Зловіть посилання
Галерея зображень
Запуск користувацьких подій
Події інтерфейсу
Події миші
Список для виділення
Moving the mouse: mouseover/out, mouseenter/leave
Improved tooltip behavior
"Smart" tooltip
Drag'n'Drop з подіями миші
Слайдер
Розставте супергероїв полем
Події вказівника
Клавіатура: keydown та keyup
Розширені комбінації гарячих клавіш
Прокрутка
Нескінченна сторінка
Кнопка вгору/вниз
Завантаження видимих зображень
Форми та інтерактивні елементи
Властивості та методи форми
Додайте нову опцію до елемента `<select>`
Фокусування: focus/blur
div, який можна відредагувати
Редагувати TD по кліку
Миша, керована з клавіатури
Події: change, input, cut, copy, paste
Калькулятор депозиту
Форми: подія та метод submit
Модальна форма
Завантаження документа і ресурсів
Сторінка: DOMContentLoaded, load, beforeunload, unload
Скрипти: async, defer
Завантаження ресурсів: onload та onerror
Завантажте зображення з колбеком
Різне
Mutation observer
Selection and Range
Event loop: microtasks and macrotasks
Що буде результатом цього коду?
Додаткові статті
Frames and windows
Спливаючі вікна та методи window
Міжвіконна комунікація
The clickjacking attack
Binary data, files
ArrayBuffer, бінарні масиви
Concatenate typed arrays
TextDecoder та TextEncoder
Blob
File та FileReader
Network requests
Fetch
Fetch users from GitHub
FormData
Fetch: Хід завантаження
Fetch: Переривання
Fetch: Cross-Origin Requests
Why do we need Origin?
Fetch API
URL об’єкти
XMLHttpRequest
Відновлюване завантаження файлу
Тривале опитування
WebSocket
Server Sent Events
Зберігання даних у браузері
Файли cookies, document.cookie
LocalStorage, sessionStorage
Автозбереження поля форми
IndexedDB
Animation
Bezier curve
CSS-animations
Animate a plane (CSS)
Animate the flying plane (CSS)
Animated circle
Animated circle with callback
JavaScript animations
Animate the bouncing ball
Animate the ball bouncing to the right
Web components
From the orbital height
Custom elements
Live timer element
Shadow DOM
Template element
Shadow DOM slots, composition
Shadow DOM styling
Shadow DOM and events
Regular expressions
Patterns and flags
Character classes
Unicode: flag "u" and class \p{...}
Anchors: string start ^ and end $
Regexp ^$
Multiline mode of anchors ^ $, flag "m"
Word boundary: \b
Find the time
Escaping, special characters
Sets and ranges [...]
Java[^script]
Find the time as hh:mm or hh-mm
Quantifiers +, *, ? and {n}
How to find an ellipsis "..." ?
Regexp for HTML colors
Greedy and lazy quantifiers
A match for /d+? d+?/
Find HTML comments
Find HTML tags
Capturing groups
Check MAC-address
Find color in the format #abc or #abcdef
Find all numbers
Parse an expression
Backreferences in pattern: \N and \k<name>
Alternation (OR) |
Find programming languages
Find bbtag pairs
Find quoted strings
Find the full tag
Lookahead and lookbehind
Find non-negative integers
Insert After Head
Catastrophic backtracking
Sticky flag "y", searching at position
Methods of RegExp and String
