CodeBase | Frontend

⚡️Это случилось! MIT теперь в Телеграм MIT — один из лучших ВУЗов мира в сфере технологии и нейросетей. Наконец-то, они сделали русское комьюнити, где публикуются обучающие методики и ресурсы. Подпишись по ссылке: @mit

⚡️Diorama — Интерактивная диорама в виде мини ПК Технологии: SCSS, ThreeJS 🔗 Ссылка CodeBase | Frontend | #animate

🖥 Как я собеседовался в Ozon, Т-Банк, Mindbox и другие крупные компании Я — .NET тимлид. Росатом расформировал наш отдел, и я впервые в жизни сам искал работу. Делюсь личными выводами, провалами и странностями с рынка айти после крутого падения. 🔗 Ссылка CodeBase | Frontend | #article

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

⚙️ Что такое атрибут 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 | #Основы

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

⚡️Button with tooltip hover timing feedback — Панель плеера с подсказками при наведении Технологии: SVG, CSS 🔗 Ссылка CodeBase | Frontend | #animate

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

🖥 БЭМ + Tailwind: прагматичный гибрид для современного фронтенда В статье покажу, как смешал БЭМ с Tailwind — без религиозных войн и ломки шаблонов. Расскажу, как ушёл от боли нейминга и выровнял отступы, ускорив разработку почти вдвое. 🔗 Ссылка CodeBase | Frontend | #article

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

👩‍💻 Что такое метод 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

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

⚡️Gooey SVG Filter Button — Анимированная кнопка с эффектом при наведении Технологии: SVG, CSS, JS 🔗 Ссылка CodeBase | Frontend | #animate

🖥 Фишки Cursor — как сделать работу с ним дешевле и эффективнее? Рассказываю, как выжать из Cursor максимум: настраиваю правила под директории, запускаю 3 ИИ сразу, объединяю фронт и бэк в одну папку — и получаю согласованный код без лишней суеты. 🔗 Ссылка CodeBase | Frontend | #article

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