Выборка

• Разница между «querySelector» и «getElementsBy»
• Выборка пользовательского атрибута
• Выборка родительского и соседних элементов

Текст

• Регистр текста
• Проверить наличие строки в тексте
• Кроп текста
• Количество символов в строке
• Количество слов в тексте
• Повторить строку несколько раз
• CKEditor. Подключение и настройка
• Транслитерация
• Удалить HTML в строке
• Скопировать текст в буфер обмена
• Выделение текста

Числа

• Случайное число
• Преобразовать строку в число
• Округлить число
• Форматирование чисел (число с разделителями)

Массив

• Создание массива
• Вывести элементы массива
• Добавить или удалить элемент в массиве
• Проверить наличие элемента в массиве / объекте
• Разбить строку на массив
• Преобразовать массив в строку
• Случайный элемент массива
• Количество элементов в массиве и объекте
• Выполнить функцию для каждого элемента массива
• Создать копию массива
• Объединить массивы
• Удалить пустые элементы в массиве
• Удалить дубликаты в массиве
• Просуммировать элементы массива
• Массивы, в которых нельзя хранить дубликаты (Set)
• Максимальное или минимальное число в массиве
• Сортировка массивов
  • Сортировать массив
  • Сортировать массив в случайном порядке

Переменные

• Создание переменной
• Константа (const)
• Область видимости переменных
• Узнать тип переменной

DOM

• Спрятать / Показать объект
• Добавить, удалить класс
• Узнать ширину и высоту объекта
• Копировать HTML-элемент
• Проверить элемент на существование
• Отключить стили
• Координаты объекта

Клавиатура

• События при нажатии на клавиши

Мышь

• Нажатие кнопок мыши
• Колёсико мыши
• Движение мыши
• Координаты мыши

Время

• Показать текущее время
• Выполнять код через указанное время
• Количество дней до указанной даты
• Время выполнения кода
• Узнать временный пояс посетителя

URL

• Получить текущий URL
• Закодировать ссылку
• Поменять URL в адресной строке браузера

Картинки

• График (линия)
• Круговой график (Pie)
• Случайный цвет

Устаревшее

• Отправить Ajax через XMLHttpRequest (старый api)

Форма

• Получить или отметить пункт select, checkbox или radio
• Добавить пункт в <select>
• Обработка файлов через Drag and Drop
• Выборка файла
  • Получить информацию с выбранных файлов
  • Показать превью выбранной картинки
  • Загрузка файла через Ajax с прогресс-баром

Браузер

• Выполнять код после загрузки страницы
• Анимация (requestAnimationFrame)
• Работа с Cookies
• Букмарклеты (Bookmarklet)
• Оповещения в браузере (HTML5 Notifications)
• Узнать, насколько пикселей прокручена страница
• Размер окна браузера
• Разрешение монитора посетителя
• Выполнить функцию для указанного браузера

Медиа

• Воспроизвести медиа-файл
• События для медиа-файлов
• Воспроизвести любой текст

Ajax

• Отправить GET-запрос (Ajax)
• Ajax-запрос на другой домен (CORS)

Отладка

• Breakpoint

Объекты

• Объекты (ООП)
• Геттеры и сеттеры
• Запретить изменять свойство объекта
• Запретить создавать свойства объекта
• Создать функцию, которую может выполнять любой объект (call)

Разное

• Об JavaScript
• 5 советов по использованию JavaScript
• Добавить карту с маркером (Яндекс, Google, 2gis)
• Что может и не может JavaScript
• JSON
• use strict
• Local Storage
• Стрелочные функции
• Прогрессивные веб-приложения (PWA)
• Асинхронное подключение JavaScript-файла
• Всплытие и перехват
• Замыкания
• WebAssembly (WASM)
• Альтернативы JavaScript

Fancybox (всплывающие окна)

• Открыть всплывающее окошко
• Открывать <iframe>
• Пользовательский контент