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

Открыть в Telegram

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

Больше

Сеть:Senior Frontend - javascript, html, css Россия60 209 Технологии и приложения11 388...

📈 Аналитический обзор Telegram-канала Frontend Interview - собеседования по Javascript / Html / Css

Канал Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) языкового сегмента Русский является активным участником. Сейчас сообщество объединяет 10 793 подписчиков, занимая 11 388 место в категории Технологии и приложения и 60 209 место в регионе Россия.

📊 Показатели аудитории и динамика

С момента создания невідомо проект демонстрирует стремительный рост, собрав аудиторию из 10 793 подписчиков.

Согласно последним данным от 27 июня, 2026, канал показывает стабильную активность. За последние 30 дней изменение числа участников составило -77, а за последние 24 часа — -5, при этом общий охват остаётся высоким.

Статус верификации: Не верифицирован
Уровень вовлечённости (ER): Средний показатель вовлечённости аудитории составляет 9.27%. В первые 24 часа после публикации контент обычно набирает 4.16% реакций от общего числа подписчиков.
Охват публикаций: В среднем каждый пост получает 1 001 просмотров. В течение первых суток публикация набирает 449 просмотров.
Реакции и взаимодействия: Аудитория активно поддерживает контент: среднее количество реакций на один пост — 4.
Тематические интересы: Контент сосредоточен на ключевых темах, таких как javascript, браузер, html, css, видимость.

📝 Описание и контентная политика

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

Благодаря высокой частоте обновлений (последние данные получены 28 июня, 2026) канал поддерживает актуальность и высокий уровень охвата публикаций. Аналитика показывает, что аудитория активно взаимодействует с контентом, что делает его важной точкой влияния в категории Технологии и приложения.

10 793

Подписчики

-524 часа

-167 дней

-7730 день

1 001

Просмотры поста

~ 44924 часа

~ 51248 часов

9.27%

Коэффициент вовлеченности

Нет данных

Постов в день

Ads index

beta

Архив постов

10 793

Проективные вопросы на собеседованиях: не дайте себя подловить Вас спрашивали на интервью «Почему люди внезапно увольняются?» или «В каких случаях допустимо опаздывать на работу?» Знайте, это – проективные вопросы. Замаскированная ловушка. Из-за неё вы расскажете о себе больше, чем хотите. Хотя речь вроде о других, при ответе вы опираетесь на личный опыт. Отталкиваетесь от своих убеждений. На основании сказанного интервьюер делает вывод о ваших мотивах и поведенческих паттернах. Мне кажется, что проективные вопросы – это «имба». Соискателю заглядывают в душу, а он и не замечает. Такие вопросы противоречат принципам открытости и взаимного уважения. И хотя они вредят карме компаний, их всё равно задают. Мы с коллегами так не делаем. В статье делюсь мнением, как из-за таких вопросов не потерять оффер. 👉 @frontendInterview

10 793

Гайд для маркетологов по эффективным онлайн-встречам Как CMO, PR и digital-маркетологам повысить результативность брейнштормов, совещаний и планерок с командой с помощью онлайн-встреч? Гайд МТС Линк: 37 страниц полезных материалов, чек-листов и кейсов для эффективных видеовстреч и совещаний. ✅ В гайде: - Как создать постоянную ссылку на регулярные встречи с подрядчиками, командой или агентствами и подключаться в 2 клика; - Как управлять встречей и завершить ее четкими договоренностями с ИИ-расшифровкой голоса в текст; - Как проводить кастдевы, брейнштормы и формулировать гипотезы с помощью 15+ шаблонов в онлайн-досках МТС Линк; - Как разом пригласить всех участников на синк таким образом, чтобы все пришли. Бонус внутри: 5 способов не выгореть от бесконечных синков. ✨ Скачайте гайд бесплатно по ссылке Скачать #реклама 16+ mts-link.ru О рекламодателе

10 793

Задаём цвет в зависимости от темы операционной системы пользователя Функция light-dark() позволяет переключаться между двумя цветами в зависимости от выбранной у пользователя тёмной или светлой темы. Пример

div {
  color: light-dark(black, white);
  background-color: light-dark(white, black);
}

Если пользователь выбрал светлый режим, у элемента будет чёрный текст на белом фоне, если тёмный — белый текст на чёрном фоне. Чтобы функция light-dark() заработала, нужно прописать свойство color-scheme со значением light dark. Обычно это делают в псевдоклассе :root. Если это свойство не прописать, то функция всегда будет возвращать только первое значение. Внутри круглых скобок через запятую указываются два цвета. Цвет может быть задан в любом доступном формате. Обратите внимание: можно передать только два аргумента. При большем или меньшем количестве аргументов, а также при невалидных аргументах, свойство не применится. 👉 @frontendInterview

10 793

С этим модным пространством Пресня зазвучит по-новому Жить в ритме Москвы — не значит всё время бежать. Здесь легко выйти из дома, пройтись по тихим зелёным улочкам и оказаться в стильном месте с ресторанами авторской кухни, бутиками, pop-up корнерами локальных брендов. Можно просто ловить вайб в спа-комплексе с бассейном. А по пути заглянуть в гастроцентр, энотеку, фудмаркет и отвести ребёнка в детсад. Всё это на территории, в зданиях бывших цехов XIX века. Ещё один аргумент — локация. До метро «Белорусская» — 7 мин. пешком, до Садового кольца — 8 мин. на авто, до аэропорта — 30. Если вам важно жить в месте, где архитектура наполняет, а локация задаёт ритм — получите подборку планировок в ЖК Republic. Сейчас действует рассрочка с первым взносом от 30%. Узнать больше Проектная декларация на сайте https://наш.дом.рф/. Застройщик: АО СЗ ПРЕСНЕНСКИЙ ВАЛ 27 #реклама republic-premium.com О рекламодателе

10 793

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

Anonymous voting

10 793

👉 @frontendInterview

10 793

Как создать и использовать CSS спрайт? CSS-спрайт – это метод объединения нескольких изображений в один файл для оптимизации загрузки и отображения на веб-странице. Зачем нужны спрайты? Уменьшают количество HTTP-запросов → вместо 10 изображений браузер загружает 1 файл Ускоряют загрузку сайта → меньше сетевой нагрузки Кэшируются в браузере → реже загружаются заново Создание CSS-спрайта Допустим, у нас есть 3 иконки: icon-home.png icon-user.png icon-settings.png Мы объединяем их в один файл (sprite.png): Использование спрайта с CSS Теперь нам нужно показать нужную часть изображения с помощью background-position.

.sprite {
  background: url("sprite.png") no-repeat;
  display: inline-block;
  width: 32px;
  height: 32px;
}

/* Позиции каждой иконки */
.icon-home { background-position: 0 0; }  /* Первая иконка */
.icon-user { background-position: -32px 0; }  /* Вторая иконка */
.icon-settings { background-position: -64px 0; }  /* Третья иконка */

👉 @frontendInterview

10 793

Greatest common divisor Найдите наибольший общий делитель двух целых положительных чисел. Целые числа могут быть большими, поэтому необходимо найти умное решение. Исходные данные x и y всегда больше или равны 1, поэтому наибольший общий делитель всегда будет целым числом, которое также больше или равно 1. 👉 @frontendInterview

10 793

Программирование без дураков.pdf10.12 MB

10 793

Программирование без дураков Хотите научиться программировать "less wrong"? Тогда эта книга - для вас. Ведь программирование - это во многом коммуникация. Стиль программирования, именование, комментирование, работа с чужим кодом - зачастую соглашения складываются именно там, где строгая регламентация на уровне языка программирования отсутствует. 👉 @frontendInterview

10 793

Бизнес-процессы не работают? Узнайте почему Никто в компании не понимает, что мешает бизнесу развиваться и зарабатывать больше? Пора подключать процессную аналитику, чтобы увидеть реальную картину работы компании. В канале делимся опытом: какие процессы анализировать, как считать эффект от изменений и где автоматизация действительно окупается. Подписаться #реклама О рекламодателе

10 793

Для чего был создан react? React — это библиотека JavaScript для построения пользовательских интерфейсов, разработанная Facebook. React был создан для решения ряда проблем, с которыми сталкивались разработчики веб-приложений, особенно в крупных и динамических проектах. Давайте рассмотрим ключевые цели и преимущества, которые мотивировали создание React: 1. Компонентный подход: Проблема: Разработка крупных веб-приложений становится сложной из-за сложности управления состоянием и взаимосвязями между различными частями пользовательского интерфейса. Решение: React использует компонентный подход, который разбивает интерфейс на небольшие, изолированные и переиспользуемые компоненты. Каждый компонент управляет своим состоянием и логикой, что упрощает разработку и поддержку кода. 2. Виртуальный DOM: Проблема: Операции с реальным DOM медленные и неэффективные, особенно при частых обновлениях пользовательского интерфейса. Решение: React внедряет концепцию виртуального DOM, который представляет собой легковесную копию реального DOM. React сначала обновляет виртуальный DOM, затем вычисляет разницу (diff) с реальным DOM и минимально обновляет реальный DOM, что значительно повышает производительность. 3. Однонаправленный поток данных: Проблема: Двусторонняя привязка данных в крупных приложениях может привести к сложностям в отслеживании изменений и ошибок. Решение: React использует однонаправленный поток данных, где данные передаются вниз по дереву компонентов через свойства (props), а события и изменения поднимаются вверх. Это делает управление состоянием и данными более предсказуемым и легким для понимания. Компонентный подход:

// Определение простого компонента
function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

// Использование компонента
function App() {
  return (
    <div>
      <Welcome name="Alice" />
      <Welcome name="Bob" />
    </div>
  );
}

export default App;

Виртуальный DOM: React автоматически обрабатывает обновления виртуального DOM, что позволяет разработчикам сосредоточиться на логике и интерфейсе, а не на оптимизации работы с DOM.

// Компонент, который обновляет состояние и интерфейс
class Counter extends React.Component {
  constructor(props) {
    super(props);
    this.state = { count: 0 };
  }

  increment = () => {
    this.setState({ count: this.state.count + 1 });
  };

  render() {
    return (
      <div>
        <p>Count: {this.state.count}</p>
        <button onClick={this.increment}>Increment</button>
      </div>
    );
  }
}

export default Counter;

Однонаправленный поток данных:

// Компонент родитель
class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = { value: 'Initial Value' };
  }

  handleChange = (newValue) => {
    this.setState({ value: newValue });
  };

  render() {
    return (
      <div>
        <ChildComponent value={this.state.value} onChange={this.handleChange} />
      </div>
    );
  }
}

// Компонент потомок
function ChildComponent(props) {
  return (
    <div>
      <input
        type="text"
        value={props.value}
        onChange={(e) => props.onChange(e.target.value)}
      />
    </div>
  );
}

export default ParentComponent;

👉 @frontendInterview

10 793

Разраб доказывает тестировщику, что всё итак работает 👉 @frontendInterview

10 793

Современная магистратура от Центрального университета Хочешь развиваться в сфере ИТ и получить фундаментальные знания с практикой? Поступай в магистратуру Центрального университета! - 4 офлайн программы по востребованным направлениям ИТ - Онлайн-программа по машинному обучению - 300 мест с грантами до 1,2 млн руб. - Вечерние занятия и учеба по выходным — удобно совмещать с работой - Обучение по модели STEM-образования: на стыке науки, технологий и бизнеса - Возможность стажировок и трудоустройства в ведущих компаниях - Государственный диплом за 2 года Магистратура в Центральном университете — это современный подход к образованию, сильный преподавательский состав и актуальные кейсы от индустрии. Оставляй заявку на грант уже сейчас! Подать заявку #реклама 16+ apply.centraluniversity.ru О рекламодателе

10 793

Какой встроенный объект в JavaScript используется для создания отслеживаемых свойств через перехват операций?

Anonymous voting

10 793

Стрелочные функции JS, быстро, просто и без проблем Сегодня мы заберем важную тему → "Стрелочные функции JS" Содержание: 1. Стрелочные функции: arguments, hoisting 2. Работа с контекстом 3. Методы присваивания контекста 4. Обработчик событий 👉 @frontendInterview

10 793

Как frontend-разработчику получить оффер в Bigtech? Ты уже давно в профессии, но до сих пор в компании, которая тебя не ценит. Зарплата не растёт, задачи скучные. Хочешь сменить работу, но технические собеседования всё сложнее, а на отклики на hh только отказы и тестовые? При этом вокруг кто-то постоянно получает офферы в Яндекс или VK, Т-Банк. Хочется стабильности, интересных задач и наконец-то попасть в сильную команду...

Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Помогаю устроиться на хорошие позиции в Bigtech и сопровождаю на испытательном сроке.

На своем канале: 👉публикую видео с решением задач, которые прямо сейчас дают крупные компании на собеседованиях 👉даю примеры по прохождению собеседований 👉разбираю резюме и докручиваю резюме подписчиков 👉И просто создаю дружелюбное, комфортное сообщество, где коллеги всегда готовы подсказать и поддержать вас 🎁В закрепе тебя ждёт подборка из 60 задач, которые сейчас дают на собеседованиях Яндекс, Т-Банк и другие крупные IT игроки. Подписывайся и получай максимум пользы, а нас уже больше 2000 🤓: https://t.me/+1QWf4a2w72JiYTUy Реклама, ИП Галактионов Тихон Витальевич, инн: 771618975809, erid: 2W5zFJVsn3A

10 793

От кнопки до продакшена: как мы делаем Telegram Mini Apps Telegram Mini Apps — это мощный инструмент, который позволяет создавать интерактивные веб-приложения, работающие прямо внутри мессенджера. Они идеально подходят для игр, маркетплейсов, сервисов бронирования и многого другого. В этом туториале мы разберем процесс создания Mini App: - настроим проект - создадим фронтенд на React с поддержкой Telegram SDK - реализуем бэкенд на Python (Django) - свяжем все компоненты и развернем приложение. 👉 @frontendInterview

10 793

Госзакупки-бизнес с быстрым результатом без конкуренции Хотите начать свой бизнес и получать стабильный доход, но боитесь потерпеть неудачу и потерять вложения? Мы берём все риски на себя! Научим Вас заработку на Госзакупкам на реальных тендерах! Закупка во время обучения происходит за наш счёт. С нами Вы сможете стартовать в госзакупках без вложений и получить 30% от прибыли уже во время обучения! Почему стоит попробовать Госзакупки? - Большие контракты с гарантированной оплатой - Готовый спрос: вам не нужно искать клиентов - Ограниченная конкуренция Расскажем подробнее о Госзакупках на бесплатном интенсиве! За 2 часа Вы узнаете: - Что такое Госзакупки - Как заработать на госзакупках - Как находить и выигрывать тендеры - Как избежать рисков Успейте зарегистрироваться! Перейти на сайт #реклама 16+ tender-army.ru О рекламодателе

10 793

Назовите способ изменения opacity для всех строк таблицы кроме той, на которую навёл пользователь.

Anonymous voting