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

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

➡️ Пример:

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

// Умножаем каждый элемент на 2
const doubled = numbers.map(num => num * 2);

console.log(doubled); // [2, 4, 6, 8, 10]

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

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

CodeBase | Frontend | #JS

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

🖥 Улучшаем тексты в вебе при помощи text-wrap: pretty

В статье сравниваются разные значения text-wrap, особенно новое pretty, и как оно приближает веб к качеству ручного набора. Типографика теперь — не только шрифт, но и интеллект

🔗 Ссылка

CodeBase | Frontend | #article

Чудо чудное😂

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

🖥 Секреты эффективного кодирования на Go для опытных и новичков: профайлинг, тесты, CI

В статье рассказывают, как писать эффективный код на Go: от организации пакетов и обработки ошибок до безопасной работы с горутинами и оптимизации через pprof

🔗 Ссылка

CodeBase | Frontend | #article

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

🖥 Сокровища HTML: 7 тегов, которые упростят вам жизнь

В этой статье автор расскажет вам про 7 HTML-тегов, которые, возможно, вы еще не открыли для себя. Вы узнаете, как они работают и насколько поддерживаются современными браузерами.

🔗Ссылка

CodeBase | Frontend | #Основы

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

Атрибут required делает поле формы обязательным для заполнения.

Если пользователь попытается отправить форму с пустым таким полем — браузер покажет предупреждение.

➡️ Пример:

<form>
  <label>
    Email:
    <input type="email" required>
  </label>
  <button type="submit">Отправить</button>
</form>

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

• Проверка происходит прямо в браузере, без JS
• Обеспечивает базовую валидацию «из коробки»
• Работает для <input>, <textarea>, <select>

required — простой способ сделать формы более устойчивыми и понятными для пользователя.

CodeBase | Frontend | #Основы

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

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

🖥 ChatGPT vs Гик. Сможет ли AI заменить опытного верстальщика?

Автор проверяет, сможет ли ChatGPT сверстать как человек. Он даёт ИИ популярные паттерны и смотрит — пойдет ли такой код в прод. Спойлер: местами смешно.

🔗 Ссылка

CodeBase | Frontend | #article

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

⚡️Bouncy image radio group — Галерея с плавной анимацией при переключении

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

🔗 Ссылка

CodeBase | Frontend | #animate

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

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

position: sticky фиксирует элемент внутри его родителя, когда он достигает определённого положения при прокрутке.

Это удобно для заголовков, меню и панелей, которые должны оставаться на виду при скролле.

➡️ Пример:

<div class="section">
  <h2 class="sticky-title">Заголовок</h2>
  <p>Контент...</p>
</div>

<style>
  .section {
    height: 1500px;
    padding: 20px;
  }

  .sticky-title {
    position: sticky;
    top: 0;
    background: white;
    padding: 10px;
    border-bottom: 1px solid #ccc;
  }
</style>

🗣 В этом примере заголовок "прилипает" к верхней части экрана при прокрутке, но только в пределах родительского блока .section.

CodeBase | Frontend | #CSS