Frontend Interview - собеседования по Javascript / Html / Css

Відкрити в Telegram

Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su

Сітка:Senior Frontend - javascript, html, css Росія60 229 Технології та додатки11 397...

📈 Аналітичний огляд Telegram-каналу 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 день

850

Перегляди допису

~ 44424 години

~ 51248 годин

7.89%

Коефіцієнт залучення

Немає даних

Дописів на день

Ads index

beta

Архів дописів

10 768

👉 @frontendInterview

10 768

Представляем 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

10 768

Псевдоэлементы Псевдоэлементы — это элементы, которых не существует в 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 👉 @frontendInterview

10 768

Fix My Phone Numbers! Номер телефона должен состоять из 11 цифр и всегда начинаться с 0. Вам дана строка, где в номер телефона подмешаны различные символы. Очистите строку от лишних символов и верните номер. 👉 @frontendInterview

10 768

Устойчивый веб-дизайн.pdf2.27 MB

10 768

Устойчивый веб-дизайн Без сомнения, "Устойчивый веб-дизайн" является обязательным чтением для веб-дизайнеров и front-end разработчиков во всем мире. Тут собрана история и философия веба. Раскрыты идеи веб-разработки. 👉 @frontendInterview

10 768

📚Век живи, век учись — пора и 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.

10 768

Что такое каррирование? Каррирование – это трансформация функций таким образом, чтобы они принимали аргументы не как 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. 👉 @frontendInterview

10 768

👉 @frontendInterview

10 768

7 дней бесплатного обучения frontend-разработке! Организовали для тебя бесплатный онлайн-интенсив по frontend-разработке с практикой, обратной связью и куратором. За 7 дней ты: - Сверстаешь веб-сайт на HTML + CSS; - Реализуешь функционал на JavaScript; - Используешь фронтенд-фреймворк Angular; - Подключишь Backend и загрузишь сайт на хостинг. В итоге ты сверстаешь качественный сайт, который не стыдно добавить в портфолио или продать, освоишь азы работы с фреймворком Angular и получишь море бесценного опыта в вёрстке сайтов. Ухватить бесплатно такой ценный материал можешь по ссылке 👉 Frontend Start После подтверждения участия мы вышлем тебе в подарок чек-лист: «45 мест для поиска работы», где собраны все ресурсы, на которых разработчики находят работу в престижных IT-компаниях. Стартуем 15 ноября.

10 768

Что выведется в консоль?

Anonymous voting

10 768

👉 @frontendInterview

10 768

Какое значение примет result?

Anonymous voting

10 768

👉 @frontendInterview

10 768

Участвуйте в Weekend Offer для фронтенд-разработчиков и станьте частью команды core mVK Если вы хотите реализоваться в сфере IT и принимать участие в разработке сложных платформ и инструментов — пройдите оффер всего за одни выходные и получите возможность присоединиться к Команде ВКонтакте. Вы можете помочь в модернизации приложения, которым пользуются более 40 миллионов человек в месяц. Присоединяйтесь к инфраструктурной команде core mVK или к продуктовым командам суперприложения, ленты и рекомендаций, контента, стикеров и подарков или VK Клипов и получите возможность реализовать свои идеи. Переходите по ссылке, чтобы узнать больше о работе core mVK и проведении Weekend Offer. 👉 @frontendInterview

10 768

Стилизация — неотъемлемая часть работы над любым веб-приложением. Как сделать вёрстку корректной и понять, какие инструменты лучше подойдут для нового проекта или рефакторинга уже существующего приложения? Обсудим это на бесплатном вебинаре «CSS: на чём писать в 2023» вместе с Артуром Стамбульцяном, Frontend Team Lead компании Ton. Разберём технологии PostCSS, Sass, Less, Styled Components, CSS Modules и Tailwind, сравним их друг с другом и выясним, есть ли среди них явный фаворит. Встречаемся в следующий вторник, 15 ноября, в 19:00 (по Москве). Регистрируйтесь по ссылке!

10 768

Мемоизация Мемоизация — сохранение результатов выполнения функций для предотвращения повторных вычислений. Это один из способов оптимизации. Функция с мемоизацией:

 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 может хранить данные между вызовами функции, так как она определена в замыкании. Важно то, что функция с мемоизацией — это чистая функция. Эта функция, в частности, возвращает одно и то же для одних и тех же переданных ей аргументов независимо от того, сколько раз до этого её вызывали.

10 768

Какое значение примет result?

Anonymous voting

10 768

👉 @frontendInterview

10 768

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