اکنون در دسترس! پژوهش تلگرام ۲۰۲۵ — مهمترین بینشهای سال 
Frontend | Вопросы собесов
رفتن به کانال در Telegram
Сайт easyoffer.ru Реклама @easyoffer_adv ВП @easyoffer_vp Тесты t.me/+T0COHtFzCJkwMDUy Задачи t.me/+_tcX2w2EmvdmMTgy Вакансии t.me/+CgCAzIyGHHg0Nzky
نمایش بیشتر📈 تحلیل کانال تلگرام Frontend | Вопросы собесов
کانال Frontend | Вопросы собесов (@easy_javascript_ru) در بخش زبانی روسی بازیگری فعال است. در حال حاضر جامعه شامل 18 275 مشترک است و جایگاه 7 354 را در دسته فناوری و برنامه‌ها و رتبه 36 941 را در منطقه روسيا دارد.
📊 شاخص‌های مخاطب و پویایی
از زمان ایجاد در невідомо، پروژه رشد سریعی داشته و 18 275 مشترک جذب کرده است.
بر اساس آخرین داده‌ها در تاریخ 14 ژوئن, 2026، کانال فعالیت پایداری دارد. در ۳۰ روز گذشته تغییر اعضا برابر -124 و در ۲۴ ساعت گذشته برابر -6 بوده و همچنان دسترسی گسترده‌ای حفظ شده است.
- وضعیت تأیید: تأیید نشده
- نرخ تعامل (ER): میانگین تعامل مخاطب 9.62% است و در ۲۴ ساعت نخست پس از انتشار، محتوا معمولاً 5.70% واکنش نسبت به کل مشترکان کسب می‌کند.
- دسترسی پست‌ها: هر پست به طور میانگین 1 759 بازدید دریافت می‌کند. در اولین روز معمولاً 1 042 بازدید جمع‌آوری می‌شود.
- واکنش‌ها و تعامل: مخاطبان به‌طور فعال حمایت می‌کنند؛ میانگین واکنش به هر پست 8 است.
- علایق موضوعی: محتوا بر موضوعات کلیدی مانند ставь, браузер, html, border, flex تمرکز دارد.
📝 توضیح و سیاست محتوایی
نویسنده این فضا را محل بیان دیدگاه‌های شخصی توصیف می‌کند:
“Сайт easyoffer.ru
Реклама @easyoffer_adv
ВП @easyoffer_vp
Тесты t.me/+T0COHtFzCJkwMDUy
Задачи t.me/+_tcX2w2EmvdmMTgy
Вакансии t.me/+CgCAzIyGHHg0Nzky”
به لطف به‌روزرسانی‌های پرتکرار (آخرین داده در تاریخ 15 ژوئن, 2026)، کانال همواره به‌روز و دارای دسترسی بالاست. تحلیل‌ها نشان می‌دهد مخاطبان به‌طور فعال با محتوا تعامل دارند و آن را به نقطه اثرگذاری مهم در دسته فناوری و برنامه‌ها تبدیل کرده‌اند.
18 275
مشترکین
-624 ساعت
-467 روز
-12430 روز
آرشیو پست ها
🤔 Как увеличить в размере при наведении элемент, не сдвигая соседние?
Чтобы увеличить элемент в размере при наведении, не сдвигая при этом соседние элементы, можно использовать CSS свойство
transform с функцией scale. Это позволяет изменять размер элемента, не влияя на его положение и соседние элементы, так как трансформация происходит в контексте самого элемента и не меняет его фактические размеры в документе.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Увеличение при наведении</title>
<style>
.container {
display: flex;
gap: 10px;
}
.item {
width: 100px;
height: 100px;
background-color: lightblue;
text-align: center;
line-height: 100px;
transition: transform 0.3s;
}
.item:hover {
transform: scale(1.2); /* Увеличение размера при наведении */
}
</style>
</head>
<body>
<div class="container">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
</div>
</body>
</html>transform: scale позволяет изменять размер элемента без изменения его фактического размера и расположения в документе, что сохраняет стабильность макета и не нарушает расположение соседних элементов.
🟠Плавные анимации
Использование transition делает анимацию плавной и приятной для глаз, улучшая общее восприятие интерфейса.
Ставь 👍 и забирай 📚 Базу знаний
Курс по мотивации сотрудников, которые ничего не хотят
Сегодня в Школе Гендира открыт бесплатный трехдневный доступ к онлайн-курсу Ежедневная мотивация. Основа курса – практика руководителей российских компаний.
После обучения вы сможете:
👍 распознавать конфликты в коллективе на начальной стадии и вовремя принимать меры
👍 определить точки роста своего лидерского потенциала
👍 построить систему грейдов в компании
👍 внедрить метод OKR для мотивации ключевых сотрудников
👍 адаптировать для себя один из алгоритмов постановки задач
Оставьте заявку на бесплатный доступ на странице курса.
Подать заявку
#реклама 16+
gd.ru
О рекламодателе
🤔 Как отрисовывать сайт для пользователя?
Отрисовка сайта включает разметку (HTML), стилизацию (CSS) и логику (JavaScript). Браузер парсит код, загружает ресурсы, выполняет скрипты и рендерит страницу на основе DOM и CSSOM. Важно минимизировать блокирующие ресурсы для быстрой загрузки.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 Базу знаний
Как айтишнику быстро получить оффер
Бесплатный воркшоп 20 марта
Почему одному кандидату предлагают оффер после первого интервью, а другому говорят: «Мы вам перезвоним»?
Причина в подаче своего опыта.
Записывайся, чтобы узнать:
— Как подготовиться к собеседованию
— Как презентовать свой опыт так, чтобы тебя запомнили
— Как проверяют hard skills и как к этому подготовиться
— Как произвести хорошее впечатление, запомнится рекрутеру и сделать так, чтобы захотели работать именно с тобой
Приходи на бесплатный воркшоп и узнай, как прокачать навык самопрезентации и получить работу мечты
Зарегистрироваться
#реклама 16+
my.mts-link.ru
О рекламодателе
🤔 Почему методы жизненного цикла нельзя писать через прилоченную функцию?
В Vue 2 и Vue 3 (Options API) методы жизненного цикла (
mounted, created, beforeDestroy и др.) должны быть обычными функциями, а не стрелочными (() => {}).
🟠Как работает `this` в Vue?
Когда Vue вызывает метод жизненного цикла, он автоматически привязывает this к экземпляру компонента.
export default {
data() {
return { message: "Привет!" };
},
mounted() {
console.log(this.message); // ✅ Работает, this = { message: "Привет!" }
}
};this, а берут this из внешнего контекста (того, что было при их создании).
export default {
data() {
return { message: "Привет!" };
},
mounted: () => {
console.log(this.message); // ❌ Ошибка: this === undefined
}
};export default {
data() {
return { message: "Привет!" };
},
mounted() {
setTimeout(() => {
console.log(this.message); // ✅ Работает, this берётся из `mounted()`
}, 1000);
}
};
Пройдите тест из вселенной Назад в будущее
Проверьте себя: попробуйте спасти мир и стать DevOps всех времён.
7 вопросов для инженеров и девопс инженеров.
🚀 Пройти тест в боте
Всем участникам скидка на курсы Слёрма.
Почему вы не используете Битрикс24 CRM с AI-помощником?
1- не знал
2- забыл
Рассказываем и напоминаем!
✅Битрикс24 CRM с AI помогает увеличивать продажи, работать с постоянными клиентами и сохранять все важные данные. AI-помощник CoPilot внутри сервиса расшифрует телефонные разговоры и автоматически заполнит карточки клиента в CRM.
Битрикс24 можно использовать бесплатно для всех команд, независимо от их размера.
⚡Не тратьте время на рутину.
Узнать больше
#реклама 16+
bitrix24.ru
О рекламодателе
🤔 Что такое доступность интерфейсов?
Это принципы разработки, обеспечивающие удобство использования интерфейса людьми с ограниченными возможностями. Это включает:
- Поддержку экранных читалок (ARIA-атрибуты).
- Клавиатурную навигацию.
- Контрастность и читаемость текста.
- Альтернативный текст для изображений.
- Упрощение форм и интерактивных элементов.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 Базу знаний
Онлайн-интенсив для ИТ-специалистов в Открытых школах Т1
Открытые школы — это возможность за месяц прокачать свои навыки и получить оффер в ИТ-холдинг Т1.
С тебя — год опыта работы в ИТ, с нас — бесплатный онлайн-интенсив и топовые преподаватели.
Что ты получишь?
✅ Уникальный рыночный опыт. Наши проекты ежегодно получают награды на ИТ-конкурсах: Global CIO, Национальной банковской премии и др.
✅ Быстрый рост в ИТ при экспертной поддержке.
✅ Материалы от HR, которые помогут прокачать резюме и подготовиться к интервью в Т1.
✅ Поддержка опытных преподавателей и уникальный карьерный фаст-трек до мидла в Т1 для выпускников интенсива.
✅ Реальный шанс получить оффер в Т1.
Подавай заявку до 14 марта и приходи учиться! Старт ИТ-интенсива уже 17 марта.
Подать заявку
#реклама 16+
t1.ru
О рекламодателе
🤔 Как считается вес селектора?
Вес селектора (специфичность) – это правило, по которому браузер определяет, какой стиль применить, если есть несколько конфликтующих селекторов.
( inline, id, class/атрибут/псевдокласс, элемент/псевдоэлемент )Пример
/* Специфичность: (0, 1, 0, 0) */
#header { color: red; }
/* Специфичность: (0, 0, 1, 0) */
.header { color: blue; }
/* Специфичность: (0, 0, 0, 1) */
h1 { color: green; }h1 { color: red; } /* (0,0,0,1) */
.title { color: blue; } /* (0,0,1,0) */h1 { color: red; } /* (0,0,0,1) */
#main { color: blue; } /* (0,1,0,0) */h1.title { color: red; } /* (0,0,1,1) */
#main h1 { color: blue; } /* (0,1,0,1) */<h1 style="color: green;">Заголовок</h1>h1 { color: red; } /* (0,0,0,1) */
.title { color: blue; } /* (0,0,1,0) */
#main { color: purple; } /* (0,1,0,0) */.header h1 вместо h1). Использовать !important (но осторожно!).
h1 { color: red !important; } /* Всегда будет красным */
Узнайте, какая профессия в IT вам подходит. Бесплатно!
Пройдите тест на профессию и забирайте:
✅ Бесплатную карьерную консультацию с экспертом
✅ Доступ к чат-боту с гайдами по профессиям и заданиями для самопроверки
✅ Мини-курсы для погружения в IT и дизайн, чтобы точнее выбрать направление
✨130 000 человек уже прошли профтестирование и выбрали перспективную профессию в IT или дизайне
Пройдите тест за 5 минут!
Начать
#реклама 16+
free.skillfactory.ru
О рекламодателе
🤔 Как браузер обрабатывает ссылки?
При клике на ссылку браузер:
1. Отправляет HTTP-запрос на сервер.
2. Получает HTTP-ответ, содержащий HTML, CSS, JS.
3. Парсит HTML и загружает ресурсы (CSS, JS, шрифты, изображения).
4. Рендерит страницу, выполняя скрипты и стили.
5. Обновляет историю (pushState, replaceState в SPA).
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 Базу знаний
🤔 Чем em отличается от rem?
🟠Как работает `em`?
em зависит от размера шрифта родителя (font-size).
.parent {
font-size: 20px;
}
.child {
font-size: 1.5em; /* 1.5 * 20px = 30px */
}.child вложен в .parent, то он наследует font-size, а его em вычисляется относительно родителя.
.parent {
font-size: 20px;
}
.child {
font-size: 1.5em; /* 30px */
}
.grandchild {
font-size: 2em; /* 2 * 30px = 60px */
}rem всегда зависит от font-size у <html>.
html {
font-size: 16px;
}
.container {
font-size: 2rem; /* 2 * 16px = 32px */
}rem, если нужно, чтобы шрифты и размеры были предсказуемыми
Используйте em, если хотите, чтобы элементы зависели от родителя
Ставь 👍 и забирай 📚 Базу знаний
Альфазокс знает как решать проблему частой изжоги
Частая причина изжоги — эрозивные дефекты слизистой оболочки пищевода. Большинство средств от изжоги работают в желудке, хотя изжога может возникать из-за повреждения пищевода забросами кислоты или желчи. При изжоге важно не только снижать кислотность в желудке, но и действовать на причину изжоги - заживлять воспаленную слизистую пищевода.
Альфазокс знает как решать проблему частой изжоги. Он защищает эпителий пищевода от агрессивного действия желудочного содержимого, помогает восстановить поврежденную слизистую и способствует заживлению пищевода.
Длительность терапии определяется лечащим врачом, в среднем, составляет 4-5 недели. Компоненты не всасываются, а выводятся естественным путем, что означает минимальный риск побочных эффектов.
Узнать больше
Есть противопоказания. Посоветуйтесь с врачом.
#реклама
izzogavu.alfasoxx.ru
О рекламодателе
🤔 Как часто происходит рендер?
Ререндер компонента в React происходит при:
- Изменении состояния (state).
- Изменении пропсов (props).
- Вызове forceUpdate() (редко используется).
- Изменении контекста (context API).
Используется React.memo() и useCallback/useMemo для оптимизации.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 Базу знаний
Импортозамещение в деле: Depo, Yadro, Гравитон и другие!
Пора обновлять инфраструктуру? Тогда делайте это без привязки к зарубежным вендорам.
Мы поставляем отечественные серверы, СХД и коммутаторы из реестра Минпромторга: Depo, Yadro, Гравитон, GAGARIN, UTINET, Аквариус, Рико, Норси-Транс, OpenYard, Нерпа и ДатаРу. Это производительная и отказоустойчивая альтернатива зарубежным аналогам, проверенная крупными компаниями и ЦОДами. Подходит для импортозамещения КИИ.
Сервер Молл предлагает: ✅
Оборудование от ведущих российских производителей: в наличии на складах
Готовые решения для ЦОДов любой сложности
Гарантию до 5 лет и постпродажное обслуживание
Бесплатную доставку в любую точку России.
Не обещаем, а делаем! Если вам нужно российское оборудование для обновления инфраструктуры, пишите в чат или звоните — 8 800 755-25-51 📞
Перейти на сайт
#реклама
servermall.ru
О рекламодателе
🤔 Зачем нужен eslint?
ESLint – это инструмент для автоматического анализа и исправления кода в JavaScript и TypeScript. Он помогает разработчикам следовать единым стилям кодирования, находить ошибки и предотвращать баги ещё до запуска кода.
🚩Почему ESLint полезен?
Без линтера код может быть неаккуратным и содержать ошибки, которые сложно отловить.
🚩Проблемы без ESLint
Разные стили написания кода
Пропущенные точки с запятой или лишние пробелы
Неиспользуемые переменные
Ошибки, которые не выявляются во время компиляции (например,
undefined переменные)
🚩**Решение с ESLint:**
Автоматически находит ошибки и предупреждения
Подсказывает лучшие практики
Поддерживает кастомные правила
Работает в IDE и CI/CD (автоматическая проверка)
🟠Как ESLint работает?
ESLint использует набор правил, которые проверяют код. Если код нарушает эти правила – линтер выдаёт предупреждение или ошибку.
function sayHello(name) {
console.log("Hello, " + name)
}
sayHello("John")function sayHello(name) {
console.log(`Hello, ${name}`);
}
sayHello("John");npm install eslint --save-devnpx eslint --init.eslintrc.js (настройки ESLint)
module.exports = {
env: {
browser: true,
es6: true,
},
extends: [
"eslint:recommended", // Базовые рекомендации
"plugin:vue/vue3-recommended" // Рекомендации для Vue
],
rules: {
"no-unused-vars": "warn", // Предупреждать о неиспользуемых переменных
"semi": ["error", "always"], // Обязательные точки с запятой
"quotes": ["error", "double"], // Только двойные кавычки
},
};npx eslint myfile.jsnpx eslint myfile.js --fix"editor.codeActionsOnSave"
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}main ветку.
"scripts": {
"lint": "eslint src --fix"
}npm run lint
Курс графического дизайна с нуля. Бесплатное обучение!
Выбери свое направление в дизайне: графический дизайн, веб-дизайн, UX/UI-дизайн.
И изучи бесплатно основы дизайна с личным наставником! 3 работы в портфолио.
Узнать больше
#реклама 16+
yudaevschool24.online
О рекламодателе
🤔 Какие минусы у React?
1. Высокий порог входа – нужно изучать JSX, state-менеджеры, хуки.
2. Частые обновления – быстро меняется API и появляются новые подходы.
3. Большой размер бандла – требует оптимизации и разделения кода.
4. Проблемы SEO – без SSR поисковики могут не индексировать страницы.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 Базу знаний
Прокачаем ваш frontend скилл с junior до middle
Научим писать код, который не стыдно показать
Первые 7 дней бесплатно. Попробуй!
Узнать больше
#реклама 16+
ykul.ru
О рекламодателе
