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

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

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

users.forEach(user => {
  console.log(`Hello, ${user.name}!`);
});
// ➜ Hello, Alice!
// ➜ Hello, Bob!
// ➜ Hello, Charlie!

📌В этом примере forEach() перебирает всех пользователей и выполняет побочный эффект — выводит приветствие.

forEach() удобно использовать при отрисовке, логировании, модификации DOM, отправке запросов или любой логике, где важны действия, а не результат. Это читабельнее, чем обычный for и избавляет от лишней ручной работы с индексами.

👩‍💻 Collapsible Timeline — Таймлайн с возможностью раскрывать пункты.

Сделан на SVG, CSS и JS

🔗 Открыть код

🧠 Frontend и OpenAPI: генерация клиента, мокирование API и данных с помощью MSW

Покажу, как генерировать код из OpenAPI и мокаю запросы, чтобы автоматизировать разработку и не страдать каждый раз, когда фронт и бэк снова не договорились.

🔗 Читать статью

👩‍💻 Diorama — Анимированная загрузка в виде точек и куба.

Сделана на чистом CSS

🔗 Открыть код

👵 Старьё? Нет, проверенная классика CSS

Поздно пришёл к LESS, но понял — препроцессоры не умерли. Рассказываю, как я использую его для интерфейсов, делаю параллели с языками программирования и вспоминаю Алана Кея.

🔗 Читать статью

Diorama Интерактивная диорама в виде мини ПК

Простой веб-сайт На этом сайте — не музей, а живое путешествие по памяти о старом вебе. Рассказываю, как и почему воссоздал дух начала 2000-х, где iPhone не было, а сайты писались в Блокноте

Cube & Dots Loader Анимированная загрузка в виде точек и куба

Как я навайбкодил ИИ-переводчик для браузера, потому что остальные — унылый мусор Я починил плохой перевод силами ИИ, написав расширение при помощи ИИ. И я удивлён, что до сих пор такого не сделали.

Seal of gravity Сцена с кнопкой и анимированным тюленем