👩‍💻 Что такое метод find() в JavaScript и как он используется?

find() — это метод массивов, который возвращает первый элемент, удовлетворяющий условию.
Если ни один элемент не подходит — возвращает undefined

➡️ Пример:

const users = [
  { name: "Анна", age: 22 },
  { name: "Борис", age: 30 },
  { name: "Вера", age: 25 }
];

const user = users.find(u => u.age > 25);
console.log(user); // { name: "Борис", age: 30 }

🗣️ В этом примере:

• find() перебирает массив объектов
• Возвращает первого подходящего пользователя
• Идеален для поиска по условиям: ID, имя, статус и т.д.

find() часто используется в списках, где нужен один конкретный элемент, а не все подходящие

CodeBase | Frontend | #JS

🦥Ленивый программист ©

🖥 БЭМ + Tailwind: прагматичный гибрид для современного фронтенда

В статье покажу, как смешал БЭМ с Tailwind — без религиозных войн и ломки шаблонов. Расскажу, как ушёл от боли нейминга и выровнял отступы, ускорив разработку почти вдвое.

🔗 Ссылка

CodeBase | Frontend | #article

🦥Ленивый программист ©

⚡️Button with tooltip hover timing feedback — Панель плеера с подсказками при наведении

Технологии: SVG, CSS

🔗 Ссылка

CodeBase | Frontend | #animate

🦥Ленивый программист ©

⚙️ Что такое атрибут disabled в HTML и зачем он используется?

Атрибут disabled делает элемент формы неактивным: его нельзя выбрать, изменить или отправить.

Применяется к <input>, <button>, <select>, <textarea> и другим интерактивным элементам

➡️ Пример:

<form>
  <label>
    Промокод:
    <input type="text" value="WELCOME2024" disabled>
  </label>
  <button type="submit">Отправить</button>
</form>

🗣️ Почему полезно:

• Блокирует ввод без JavaScript
• Удобен для отображения только для чтения
• Такой элемент не отправляется на сервер
• Часто используется для управления состоянием форм

disabled — простой способ временно выключить элементы в интерфейсе.

CodeBase | Frontend | #Основы

🦥Ленивый программист ©

🖥 Как я собеседовался в Ozon, Т-Банк, Mindbox и другие крупные компании

Я — .NET тимлид. Росатом расформировал наш отдел, и я впервые в жизни сам искал работу. Делюсь личными выводами, провалами и странностями с рынка айти после крутого падения.

🔗 Ссылка

CodeBase | Frontend | #article

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

Технологии: SCSS, ThreeJS

🔗 Ссылка

CodeBase | Frontend | #animate

🦥Ленивый программист ©

⚙️ Что такое свойство overflow в CSS и зачем оно используется?

Свойство overflow управляет тем, как отображается контент, выходящий за границы блока.

Оно определяет, будет ли контент обрезан, прокручен или показан полностью.

➡️ Пример:

<div class="box">
  Очень длинный текст, который выходит за пределы блока.
</div>

<style>
  .box {
    width: 200px;
    height: 60px;
    overflow: auto;
    border: 1px solid #ccc;
  }
</style>

🗣 В этом примере, если текст не помещается — появляется прокрутка. overflow бывает: visible, hidden, scroll, auto.

CodeBase | Frontend | #CSS

Прекрати гуглить — вот полезные каналы по операционкам и харду:

🟢Windows Club
🟢Linux Club
🟢Apple Club
🟢Hardware Club

После подписки ты выжмешь из железа 1000% и поднимешь lvl компьютерной грамотности!

🖥 От React всё также веет безумием, но все об этом молчат

Из побочного абзаца выросла полноценная статья: разбираю архитектурные и концептуальные проблемы React, объясняя, почему страдают не только новички, но и опытные разработчики.

🔗 Ссылка

CodeBase | Frontend | #article