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

Гит, предпосылки его появления и современное использование в веб-разработке Рассказываю, как отказ от 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 при нагрузке. Всё по делу и с цифрами

Cards with inverted border-radius Карточки товаров с интересным решением для кнопки

Как переносить «висячие» слова на следующую строку с помощью JavaScript Для автоматического предотвращения переносов после коротких слов можно использовать JavaScript, который заменяет обычные пробелы на неразрывные пробелы ( ) после определённых слов.

Sphere Packing Интерактивная сцена с шарами

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

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

const adminUser = users.find(user => user.isAdmin);
console.log(adminUser); // { name: "Bob", isAdmin: true }

📌 В этом примере find() вернёт объект пользователя Bob, так как он первый в массиве с isAdmin: true.

find() удобно использовать при поиске по коллекциям, например, чтобы получить конкретный объект по условию (email, ID, статус и т.д.). Это сокращает код и избавляет от ручного перебора, особенно при работе со сложными структурами.

Infinitely drawing icons Интерактивный фон с эффектом при перемещении курсора