متاح الآن! بحث تيليغرام 2025 — أهم رؤى العام 
Frontend Interview - собеседования по Javascript / Html / Css
الذهاب إلى القناة على Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
إظهار المزيد📈 نظرة تحليلية على قناة تيليجرام Frontend Interview - собеседования по Javascript / Html / Css
تُعد قناة Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) في القطاع اللغوي الروسية لاعباً نشطاً. يضم المجتمع حالياً 10 768 مشتركاً، محتلاً المرتبة 11 397 في فئة التكنولوجيات والتطبيقات والمرتبة 60 229 في منطقة روسيا.
📊 مؤشرات الجمهور والحراك
منذ تأسيسه في невідомо، حقق المشروع نمواً سريعاً وجمع 10 768 مشتركاً.
بحسب آخر البيانات بتاريخ 04 يوليو, 2026، تحافظ القناة على نشاط مستقر. خلال آخر 30 يوماً تغيّر عدد الأعضاء بمقدار -94، وفي آخر 24 ساعة بمقدار 0، مع بقاء الوصول العام مرتفعاً.
- حالة التحقق: غير موثّقة
- معدل التفاعل (ER): يبلغ متوسط تفاعل الجمهور 7.89%. وخلال أول 24 ساعة من النشر يحصد المحتوى عادةً 4.12% من ردود الفعل نسبةً إلى إجمالي المشتركين.
- وصول المنشورات: يحصل كل منشور على متوسط 850 مشاهدة. وخلال اليوم الأول يجمع عادةً 444 مشاهدة.
- التفاعلات والاستجابة: يتفاعل الجمهور بانتظام؛ متوسط التفاعلات لكل منشور يبلغ 2.
- الاهتمامات الموضوعية: يركز المحتوى على مواضيع رئيسية مثل javascript, браузер, html, css, видимость.
📝 الوصف وسياسة المحتوى
يصف المؤلف القناة بأنها مساحة للتعبير عن الآراء الذاتية:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
بفضل وتيرة التحديث المرتفعة (أحدث البيانات بتاريخ 05 يوليو, 2026) تحافظ القناة على حداثتها ومستوى وصول مرتفع. وتُظهر التحليلات تفاعلاً نشطاً من الجمهور، ما يجعلها نقطة تأثير مهمة ضمن فئة التكنولوجيات والتطبيقات.
10 768
المشتركون
لا توجد بيانات24 ساعات
-247 أيام
-9430 أيام
أرشيف المشاركات
Представляем refine — open-source headless React-фреймворк (5.4K ⭐️ на GitHub) для CRUD-приложений. С ним вы можете быстро создать админку или дашбоард, при этом код останется гибким для изменений.✨
refine бесшовно связывается с UI-фреймворками и поставляется с готовыми интеграциями для Ant Design System, Material UI, Mantine и Chakra UI 🚀
GitHub Repo: https://github.com/refinedev/refine
Псевдоэлементы
Псевдоэлементы — это элементы, которых не существует в HTML-разметке. Они создаются и позиционируются исключительно при помощи CSS. Чаще всего используются для создания различных декоративных элементов (которые не несут содержательного смысла).
Также псевдоэлементы приходят на помощь, когда нужно наложить поверх картинки так называемый оверлей (перекрывающий слой). На этом польза от псевдоэлементов не заканчивается.
Пример
Самый частый сценарий использования псевдоэлемента — наложение оверлея, полупрозрачной заливки поверх картинки. Чаще всего это требуется на первом экране, но этим способом можно наложить оверлей на любое изображение на сайте.
<header class="header">
<h1 class="header__title">Good evening, Clarice.</h1>
</header>
.header {
background: #999999
url("background.svg")
no-repeat center / cover;
}
.header__title {
color: #ffffff;
font-size: 82px;
text-transform: uppercase;
text-align: center;
}
Два самых часто встречающихся псевдоэлемента. Они очень похожи. Единственная разница заключается в том, что ::before по умолчанию располагается перед содержимым элемента, для которого задаётся, а ::after — после.
Для input нельзя задать :before или :after
👉 @frontendInterviewFix My Phone Numbers!
Номер телефона должен состоять из 11 цифр и всегда начинаться с 0.
Вам дана строка, где в номер телефона подмешаны различные символы. Очистите строку от лишних символов и верните номер.
👉 @frontendInterview
Устойчивый веб-дизайн
Без сомнения, "Устойчивый веб-дизайн" является обязательным чтением для веб-дизайнеров и front-end разработчиков во всем мире. Тут собрана история и философия веба. Раскрыты идеи веб-разработки.
👉 @frontendInterview
📚Век живи, век учись — пора и Angular открыть!
⏰14 ноября в 20:00 пройдёт открытый урок: "Разработка приложений на Angular. Основные преимущества и возможности"
💢Angular - это мощный фреймворк от Google, который используется для создания мобильных приложений.
📌За 1, 5 часа на занятии с опытным экспертом мы:
- Познакомимся с Angular CLI, two-way data binding, templates, routing, services;
- Как экономить время на разработке c этими технологиями;
- Получим расширяемый, легко поддерживаемый и структурированный код.
👨🎓Урок проведёт
Виктор Березин, Frontend Architect / Senior Full Stack Developer и преподаватель курса “Angular Developer” в OTUS.
🔴 Чтобы записаться на вебинар, пройдите вступительный тест: https://otus.pw/p2vF/
Это занятие является частью онлайн-курса «Angular Developer» от OTUS.
Что такое каррирование?
Каррирование – это трансформация функций таким образом, чтобы они принимали аргументы не как
f(a, b, c), а как f(a)(b)(c).
Оно не вызывает функцию. Оно просто трансформирует её.
Пример
function curry(f) {
return function(a) {
return function(b) {
return f(a, b);
};
};
}
// использование
function sum(a, b) {
return a + b;
}
let carriedSum = curry(sum);
alert( carriedSum(1)(2) ); // 3
Результат curry(func) – обёртка function(a).
Когда она вызывается как sum(1), аргумент сохраняется в лексическом окружении и возвращается новая обёртка function(b).
Далее уже эта обёртка вызывается с аргументом 2 и передаёт вызов к оригинальной функции sum.
👉 @frontendInterview7 дней бесплатного обучения frontend-разработке!
Организовали для тебя бесплатный онлайн-интенсив по frontend-разработке с практикой, обратной связью и куратором.
За 7 дней ты:
- Сверстаешь веб-сайт на HTML + CSS;
- Реализуешь функционал на JavaScript;
- Используешь фронтенд-фреймворк Angular;
- Подключишь Backend и загрузишь сайт на хостинг.
В итоге ты сверстаешь качественный сайт, который не стыдно добавить в портфолио или продать, освоишь азы работы с фреймворком Angular и получишь море бесценного опыта в вёрстке сайтов.
Ухватить бесплатно такой ценный материал можешь по ссылке 👉 Frontend Start
После подтверждения участия мы вышлем тебе в подарок чек-лист: «45 мест для поиска работы», где собраны все ресурсы, на которых разработчики находят работу в престижных IT-компаниях.
Стартуем 15 ноября.
Что выведется в консоль?
Какое значение примет result?
Участвуйте в Weekend Offer для фронтенд-разработчиков и станьте частью команды core mVK
Если вы хотите реализоваться в сфере IT и принимать участие в разработке сложных платформ и инструментов — пройдите оффер всего за одни выходные и получите возможность присоединиться к Команде ВКонтакте.
Вы можете помочь в модернизации приложения, которым пользуются более 40 миллионов человек в месяц. Присоединяйтесь к инфраструктурной команде core mVK или к продуктовым командам суперприложения, ленты и рекомендаций, контента, стикеров и подарков или VK Клипов и получите возможность реализовать свои идеи.
Переходите по ссылке, чтобы узнать больше о работе core mVK и проведении Weekend Offer.
👉 @frontendInterview
Стилизация — неотъемлемая часть работы над любым веб-приложением.
Как сделать вёрстку корректной и понять, какие инструменты лучше подойдут для нового проекта или рефакторинга уже существующего приложения?
Обсудим это на бесплатном вебинаре «CSS: на чём писать в 2023» вместе с Артуром Стамбульцяном, Frontend Team Lead компании Ton. Разберём технологии PostCSS, Sass, Less, Styled Components, CSS Modules и Tailwind, сравним их друг с другом и выясним, есть ли среди них явный фаворит.
Встречаемся в следующий вторник, 15 ноября, в 19:00 (по Москве).
Регистрируйтесь по ссылке!
Мемоизация
Мемоизация — сохранение результатов выполнения функций для предотвращения повторных вычислений. Это один из способов оптимизации.
Функция с мемоизацией:
const memoizedAdd = () => {
let cache = {};
return (n) => {
if (n in cache) {
console.log('Fetching from cache');
return cache[n];
}
else {
console.log('Calculating result');
let result = n + 10;
cache[n] = result;
return result;
}
}
}
Функция memoizeAdd возвращает другую функцию, которую мы можем вызвать тогда, когда нужно.
const newAdd = memoizedAdd(); console.log(newAdd(9)); // вычислено console.log(newAdd(9)); // взято из кэшаПеременная cache может хранить данные между вызовами функции, так как она определена в замыкании. Важно то, что функция с мемоизацией — это чистая функция. Эта функция, в частности, возвращает одно и то же для одних и тех же переданных ей аргументов независимо от того, сколько раз до этого её вызывали.
Какое значение примет result?
We built a 100% open-source, headless React framework(5.2K Stars on GitHub) for CRUD apps, so you can quickly build admin panels and dashboards while still remaining flexible.✨
refine seamlessly works with any custom design or UI framework you favor. For convenience, it ships with ready-made integrations for Ant Design System, Material UI, Mantine, and Chakra UI🚀
GitHub: https://s.refine.dev/refine
