Фронтенд Гайд

❓ Зачем используется метод map() в JavaScript и когда его применять Метод map() создаёт новый массив, в котором каждый элемент — это результат применения переданной функции к соответствующему элементу исходного массива. Это удобно, когда нужно преобразовать данные без изменения оригинала. ✅ Пример:

const users = [
  { name: "Alice", age: 25 },
  { name: "Bob", age: 30 },
  { name: "Charlie", age: 28 }
];

const names = users.map(user => user.name);
console.log(names);
// ➜ ["Alice", "Bob", "Charlie"]

📌 В этом примере map() извлекает имена пользователей и формирует новый массив.

map() удобно использовать при трансформации данных: генерации списков для отрисовки в интерфейсе, подготовке значений для таблиц, фильтров, автозаполнения. Метод делает код лаконичным, чистым и декларативным.

Scroll-Driven Dock Настраиваемая панель инструментов

Да, этот HTML и CSS старый, но всё ещё полезный Собрал фичи HTML и CSS, которые появились 5+ лет назад, но до сих пор почти никто не использует. Хотя зря — они реально упрощают жизнь. Не туториал, а список напоминаний

Firefly Button Кнопка с анимированным эффектом при наведении

Гит, предпосылки его появления и современное использование в веб-разработке Рассказываю, как отказ от BitKeeper подтолкнул Линуса Торвальдса написать git, почему «менеджер из ада» стал стандартом де-факто и как всё это связано с болью, опенсорсом и первыми коммитами

Fancy wipe Стильный текст с анимированным появлением

❓ Зачем используется метод filter() в JavaScript и когда его применять? Метод filter() создаёт новый массив, содержащий все элементы исходного массива, которые удовлетворяют заданному условию. Это удобно, когда нужно отфильтровать нужные данные без изменения оригинала. ✅ Пример:

const users = [
  { name: "Alice", active: true },
  { name: "Bob", active: false },
  { name: "Charlie", active: true }
];

const activeUsers = users.filter(user => user.active);
console.log(activeUsers);
// ➜ [{ name: "Alice", active: true }, { name: "Charlie", active: true }]

📌 В этом примере filter() возвращает массив только активных пользователей.

filter() удобно использовать при построении списков, работе с таблицами, селекторами, чекбоксами и валидацией — везде, где важна фильтрация по условиям. Код становится лаконичным, декларативным и легко читаемым.

Scroll Trigger Image Zoom Страница с эффектом зума при скролле

Как я масштабировал систему уведомлений трекера ошибок Хоук Я пересобрал систему уведомлений в трекере Хоук: отказался от тупого спама, придумал фильтрацию важных событий, и сделал воркера, который не выжигает CPU при нагрузке. Всё по делу и с цифрами