CodeBase | Frontend

А там еще и комментов нет... CodeBase | Frontend | #meme

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

👩‍💻 Что такое метод slice() в JavaScript и как он используется? slice() — это метод массивов и строк в JavaScript, который возвращает копию части массива или строки без изменения оригинала. Он полезен для обрезки, копирования и извлечения подмножеств данных. ➡️ Пример:

const arr = [10, 20, 30, 40, 50];
console.log(arr.slice(1, 4)); // [20, 30, 40]

const str = "JavaScript";
console.log(str.slice(0, 4)); // "Java"

🗣️ В этом примере: • slice(1, 4) возвращает элементы с индексом 1 по 3 включительно (4 не включается). • slice(0, 4) возвращает первые 4 символа строки. • Метод не мутирует оригинальные данные, что делает его безопасным при работе с копиями. CodeBase | Frontend | #JS

Всегда помни чему тебя учили! 🦥Ленивый программист ©

CodeBase | Frontend | #meme ©

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

⚙️ Что такое свойство aspect-ratio в CSS и зачем оно используется? aspect-ratio — это CSS-свойство, которое позволяет задавать соотношение сторон элемента (ширина к высоте). Оно особенно полезно для адаптивной верстки, когда нужно сохранить форму элемента независимо от содержимого или экрана. ➡️ Пример:

<div class="box"></div>

<style>
  .box {
    width: 100%;
    aspect-ratio: 16 / 9; /* Соотношение 16:9 */
    background-color: lightblue;
  }
</style>

🗣 В этом примере: • aspect-ratio: 16 / 9; заставляет элемент сохранять форму прямоугольника с шириной в 16 единиц и высотой в 9. • Это особенно удобно для видео, изображений, контейнеров с неизвестной высотой. • Работает без необходимости использовать padding-hack или JavaScript. Свойство aspect-ratio делает вёрстку проще и адаптивнее без дополнительных обёрток и расчётов. CodeBase | Frontend | #CSS

Вы знаете кому это отправить 🤩 Я хочу стать программистом ©

Идея фона для созвона CodeBase | Frontend | #meme

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

⚙️ Что такое атрибут autocomplete в HTML и зачем он используется? Атрибут autocomplete управляет автозаполнением форм в браузере. Он позволяет указывать, должны ли поля формы предлагать сохранённые данные (например, логины, адреса, номера карт), тем самым ускоряя ввод для пользователей. ➡️ Пример:

<form autocomplete="on">
  <label>
    Имя:
    <input type="text" name="name" autocomplete="name">
  </label>
  <label>
    Email:
    <input type="email" name="email" autocomplete="email">
  </label>
</form>

🗣️ Почему полезно: • autocomplete="on" — включает автозаполнение (по умолчанию). • autocomplete="off" — отключает его для конкретного поля или всей формы. • Можно указать тип данных (email, name, street-address и т. д.) для более точной подстановки. • Улучшает UX, особенно при повторном заполнении форм. Грамотное использование autocomplete делает формы более быстрыми и удобными для пользователей. CodeBase | Frontend | #Основы

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

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

👩‍💻 Что такое метод repeat() в JavaScript и как он используется? repeat() — это метод строк в JavaScript, который позволяет повторить строку указанное количество раз. Он полезен для форматирования вывода, создания шаблонов и генерации текстовых данных. ➡️ Пример:

const text = "JS ";

// Повторяем строку 3 раза
console.log(text.repeat(3)); // "JS JS JS"

// Создаём разделитель
console.log("-".repeat(10)); // "----------"

🗣️ В этом примере: • repeat(3) повторяет строку три раза, объединяя их в одну строку. • repeat(10) создаёт разделитель из 10 символов -. CodeBase | Frontend | #JS

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

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

⚙️ Что такое свойство user-select в CSS и зачем оно используется? user-select — это CSS-свойство, которое управляет возможностью выделения текста пользователем. Оно полезно для защиты контента от копирования или улучшения UX в интерфейсах. ➡️ Пример:

<p class="no-select">Этот текст нельзя выделить.</p>

<style>
  .no-select {
    user-select: none; /* Запрещает выделение текста */
  }
</style>

🗣 В этом примере: • user-select: none; запрещает выделение текста пользователем. • user-select: all; позволяет выделять весь текст при клике. • user-select: text; (по умолчанию) разрешает выделение. Свойство user-select удобно для защиты контента, предотвращения случайного выделения и улучшения взаимодействия с пользователем. CodeBase | Frontend | #CSS

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