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

🤩 Я хочу стать программистом ©

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

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

filter() — это метод массивов в JavaScript, который создаёт новый массив, содержащий только те элементы, которые прошли проверку в переданной функции. Исходный массив не изменяется.

➡️ Пример:

const numbers = [1, 2, 3, 4, 5];

// Оставляем только чётные числа
const evens = numbers.filter(num => num % 2 === 0);

console.log(evens); // [2, 4]

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

• filter() проверяет каждый элемент на условие
• Возвращает новый массив только с подходящими элементами
• Полезен для фильтрации данных на основе критериев.

➡️ filter() часто используется при работе со списками в интерфейсах

CodeBase | Frontend | #JS

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

🖥 Как улучшить UX в PWA на React с помощью потокового Backend-Driven UI — личный опыт

В статье делятся тремя способами ускорить Backend-Driven UI: приёмы пока обкатаны только на демо, но уже дают крутой прирост скорости и просят реального боевого применения

🔗 Ссылка

CodeBase | Frontend | #article

🤩 Я хочу стать программистом

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

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

🔗 Ссылка

CodeBase | Frontend | #animate

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

Давно хотите изучить SQL, но не знаете с чего начать?

Друзья у меня для вас есть решение!

БЕСПЛАТНЫЙ SQL-бот с консультантом + канал с дружелюбным админом

Чем этот бот будет полезен лично для тебя:

✅Огромный сборник рецептов
✅Возможность легко сгенерировать SQL-запрос
✅В любое время суток можно получить ответ на свой вопрос.

P.S. и ещё маленький, но существенный бонус: отсутствие рекламы.

ПРИСОЕДИНЯЙСЯ ➡️ @lang_book_bot

⚡️Попробуйте свои силы в разработке на React, создав ипотечный калькулятор. ⚡️

🟢 В процессе работы над проектом вы познакомитесь с функциональными компонентами, Material UI, передачей пропсов и другими интересными аспектами React разработки.

🔗 Ссылка

CodeBase | Frontend

🤩 Я хочу стать программистом ©

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

Атрибут placeholder отображает текст-подсказку внутри поля ввода. Он исчезает, когда пользователь начинает вводить данные.

Используется для уточнения ожидаемого формата или содержания.

➡️ Пример:

<form>
  <label>
    Ваше имя:
    <input type="text" placeholder="Введите имя">
  </label>
  <button type="submit">Отправить</button>
</form>

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

• Помогает пользователю понять, что нужно ввести
• Повышает удобство использования формы
• Эффективен в сочетании с короткими и понятными подписями
• Не заменяет полноценные метки (label), а дополняет их.

Атрибут placeholder улучшает пользовательский опыт, особенно на мобильных устройствах.

CodeBase | Frontend | #Основы

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

🖥 Solid.js как альтернатива (P)React+MobX на практике

В статье сравнивают Solid с React+MobX на реальном мобильном проекте: проверяют размер, перфоманс и удобство, без синтетики. Плюс — готовый репозиторий для тестирования

🔗 Ссылка

CodeBase | Frontend | #article

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