Ваша история в IT начинается в Авито 🚀

Хотите расти в разработке — приходите на оплачиваемую стажировку в Авито. Мы ищем будущих специалистов в направлениях Frontend, Backend, QA и Android. Вы будете работать над продуктами, которыми ежедневно пользуются миллионы людей, и прокачивать навыки с помощью:

➡️ наставника — подскажет, как мыслить в процессе решения задач;
➡️ комьюнити стажёров — всегда рядом, чтобы обсудить задачи и поддержать;
➡️ корпоративных курсов, библиотек и баз знаний — всё, чтобы развиваться быстрее.

Выберите два направления — основное и запасное. Если не получится попасть в первое, сможете пройти отбор на второе при наличии мест.

Условия:
➡️ зарплата и корпоративный ноутбук,
➡️ формат — офис, удалёнка или гибрид,
➡️ от 25 часов в неделю,
➡️ продолжительность — 9 месяцев,
➡️ компенсация питания, консультации с психологами и юристами,
➡️ после стажировки — возможность остаться в команде, если покажите крутой результат.

📌 Регистрация открыта до 12 ноября. Подать заявку можно по ссылке.

👩‍💻 Хочешь держать все проекты под рукой?

Project Manager — позволяет переключаться между разными проектами внутри одного экземпляра VS Code. Просто откройте боковую панель и выберите нужный. Можно группировать, давать имена, закреплять самые частые, всё максимально просто и быстро.

📣 Code Ready | #vscode

Определяем системную тему пользователя!

Современные браузеры умеют определять системные предпочтения пользователя — например, светлую или тёмную тему. Это позволяет интерфейсу автоматически адаптироваться под окружение без лишних настроек.

Проверим текущие настройки:

const isDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
console.log(isDark ? "🌙 Тёмная тема" : "☀️ Светлая тема");

Реагируем на изменение темы:

const mq = window.matchMedia("(prefers-color-scheme: dark)");

mq.addEventListener("change", e => {
  document.body.dataset.theme = e.matches ? "dark" : "light";
  console.log(`🎨 Тема: ${e.matches ? "dark" : "light"}`);
});

И сразу применяем тему при загрузке:

document.body.dataset.theme = isDark ? "dark" : "light";

🔥 Такой пример полезен для практики работы с браузерными API, реакцией на системные события и динамическим управлением интерфейсом.

📣 Code Ready | #практика

💙 Прими участие в CENTI CONF: Frontend Day — офлайн-конференции для frontend-разработчиков и Angular-специалистов!

Когда: 21 ноября 2025, 10:30 (мск)
Место: Москва, ул. Новодмитровская, д. 1 стр. 23
Формат: только офлайн

Будет интересно, если ты:
🔹 занимаешься frontend-разработкой и хочешь узнать, как решают реальные задачи лучшие эксперты
🔹 развиваешься в Angular и ищешь нестандартные подходы в работе
🔹 хочешь прокачать карьеру без “подкруток” в резюме — с реальными кейсами и личным опытом.

Что тебя ждёт:
✴️ Выступления ведущих специалистов и практиков из индустрии
✴️ Разбор реальных кейсов и живое обсуждение со спикерами
✴️ Инсайты о том, как развиваться и выделяться в мире frontend-разработки
✴️ Afterparty с нетворкингом и неформальным общением

Регистрация открыта!
➡️ Успей до 21 ноября по ссылке.

👩‍💻 Масштабируй весь интерфейс одной строкой!

Все размеры заданы в rem?
Значит, масштабировать дизайн можно одним изменением:

html {
  font-size: 62.5%; /* 1rem = 10px при базовых 16px */
}

Хочешь увеличить всю страницу на 20% — достаточно поменять одно значение:

html {
  font-size: 75%;
}

Всё: шрифты, отступы, кнопки, автоматически подстроятся, если их размеры заданы в rem:

h1 {
  font-size: 2.4rem; /* 24px при font-size:10px */
}

.button {
  padding: 1.2rem 2rem;
}

Подходит для дизайн-систем, адаптива и гибкой настройки интерфейса под пользователя.

📣 Code Ready | #совет