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

Open in Telegram

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

Network:Senior Frontend - javascript, html, css Russia60 405 Technologies & Applications11 430...

📈 Analytical overview of Telegram channel Frontend Interview - собеседования по Javascript / Html / Css

Channel Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) in the Russian language segment is an active participant. Currently, the community unites 10 799 subscribers, ranking 11 430 in the Technologies & Applications category and 60 405 in the Russia region.

📊 Audience metrics and dynamics

Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 10 799 subscribers.

According to the latest data from 25 June, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -84 over the last 30 days and by 1 over the last 24 hours, overall reach remains high.

Verification status: Not verified
Engagement rate (ER): The average audience engagement rate is 9.28%. Within the first 24 hours after publication, content typically collects 4.11% reactions from the total number of subscribers.
Post reach: On average, each post receives 1 002 views. Within the first day, a publication typically gains 444 views.
Reactions and interaction: The audience actively supports content: the average number of reactions per post is 4.
Thematic interests: Content is focused on key topics such as javascript, браузер, html, css, видимость.

📝 Description and content policy

The author describes the resource as a platform for expressing subjective opinions:
“Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su”

Thanks to the high frequency of updates (latest data received on 26 June, 2026), the channel maintains relevance and a high level of publication reach. Analytics show that the audience actively interacts with content, making it an important point of influence in the Technologies & Applications category.

10 799

Subscribers

+124 hours

-157 days

-8430 days

1 002

Post views

~ 44424 hours

~ 53548 hours

9.28%

Engagement rate

No data

Posts per day

Ads index

beta

Posts Archive

10 799

Что-то на супержизненном? 👉 @frontendInterview

10 799

Что такое margin collapsing в CSS?

Anonymous voting

10 799

Курс "Дизайн карточек для WB и Ozon". Бесплатно и с нуля Дизайнер карточек для маркетплейсов — востребованная и доходная профессия 💰 Научись ей бесплатно! - Бесплатный доступ к курсу - Разбор ДЗ от наставника - Мощные кейсы в портфолио Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе

10 799

Борьба с перерендерами в React На тему мемоизации написано довольно много статей, и все они хорошо раскрывают суть. Но мне часто не хватало шпаргалки, которую можно отправить на вопрос «А как мемоизировать?». В статье речь пойдет исключительно о функциональных компонентах. 👉 @frontendInterview

10 799

Срочно требуются Веб-Дизайнеры в Figma. Обучим с нуля. Онлайн-программа с наставником и чатом. Осторожно! 80% практики. По результату обучения у вас будет портфолио из нескольких работ. Сертификат о прохождении курса. Возможность пройти полное обучение и получить гарантированное трудоустройство! Учитесь дизайну у профессионалов. Переходи по кнопки: "Узнать больше" и начинай свое обучение. Доступ 0 руб. Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе

10 799

Как подключить CSS стили? От того, как вы подключаете стили на страницу, зависит, как быстро она отобразится, однако некоторые варианты подключения стилей могут привести к неожиданным последствиям. Разберёмся, какие у каждого способа достоинства и недостатки, и какой из них вам подойдёт. Внешний файл со стилями При этом подходе CSS пишется в отдельном файле с расширением .css. Такие стили ещё называют связанными. Для связывания страницы с файлом стилей используется тег <link> внутри <head>:

 <head>
   <link rel="stylesheet" href="main.css">
 </head>

Преимущества - Можно использовать один CSS-файл для нескольких страниц. Изменение стилей в таком файле автоматически применится ко всем страницам, к которым он подключён. - При первой загрузке страницы файл со стилями кэшируется, и в следующие разы она открывается быстрее. Встроенные стили Вариант, когда CSS-свойства описываются в самом HTML-документе внутри тега <style> в шапке страницы:

 <head>
   <style>
     h1 {
       color: tomato;
     }
   </style>
 </head>

Преимущества - Поскольку код находится непосредственно в HTML-файле, браузер не загружает сторонние файлы. Это позволяет отрисовать страницу быстрее. - Встроенные стили работают изолированно и применяются непосредственно к странице, на которой прописаны. Недостатки - С каждым новым правилом вес HTML-файла будет увеличиваться и страница будет загружаться медленнее. - Со временем такие же стили могут понадобиться на других страницах, и CSS придётся дублировать. Инлайн-стили В этом варианте элементам, которые необходимо оформить, добавляется атрибут style. Значением этого атрибута могут быть свойства и значения CSS, которые и применятся к элементу:

 <h1 style="сolor: yellow; margin: 10px 20px">Заголовок</h1>

Преимущества - Как и со встроенными стилями, браузеру не нужно запрашивать файл, что ускоряет рендеринг. - Не нужно писать селекторы, потому что стили применяются сразу к нужному элементу. Однако несмотря на преимущества, инлайн-стили — это антипаттерн. Недостатков у этого подхода слишком много. 👉 @frontendInterview

10 799

Сколько ссылок из списка откроют страницу в новой вкладке?

Anonymous voting

10 799

👉 @frontendInterview

10 799

Что такое псевдоэлемент в CSS? Псевдоэлементы — это специальный синтаксис, позволяющий стилизовать определенные части элемента или добавлять специальные элементы (как бы "элементы-призраки"), не создавая для этого дополнительные теги в HTML. Псевдоэлементы предоставляют удобный способ внесения изменений в структуру документа, не затрагивая HTML. Синтаксис: Начинается с двойного двоеточия (::), за которым следует название псевдоэлемента. Например, ::before или ::after. Распространенные псевдоэлементы: - ::before и ::after: Позволяют вставлять содержимое до или после содержимого выбранного элемента соответственно. Очень часто используются для добавления декоративных элементов.

    p::before {
    content: "«";
    color: blue;
  }
  
  p::after {
    content: "»";
    color: blue;
  }

-::first-line: Применяет стили к первой строке текста в блочном элементе.

    p::first-line {
    font-weight: bold;
  }

- ::first-letter: Применяет стили к первой букве текста в блочном элементе.

    p::first-letter {
    font-size: 200%;
  }

- ::selection: Применяет стили к части текста, которую пользователь выделил.

    p::selection {
    background: yellow;
  }

Особенности работы: - Работают как часть документа, но на самом деле не существуют в DOM-дереве, а создаются стилями. - Чтобы псевдоэлементы ::before и ::after отображались, необходимо задать свойство content, даже если оно пустое (content: "";). - Могут быть стилизованы почти так же, как обычные элементы, но есть некоторые ограничения, например, связанные с взаимодействием с JavaScript. 👉 @frontendInterview

10 799

В канале Selectel Newsfeed новые бесплатные курсы! Наши бесплатные курсы для специалистов всех уровней помогут разобраться в темах быстро, структурно и последовательно. Вступайте в сообщество IT-специалистов в Telegram от Selectel и развивайте новые навыки📚 Смотреть #реклама 16+ О рекламодателе

10 799

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

10 799

Packt.JavaScript.from.Frontend.to.Backend.pdf7.67 MB

10 799

JavaScript from Frontend to Backend: Learn full stack JavaScript development using the MEVN stack with quick and easy steps Книга начинается с основ переменных и объектов в JavaScript, а затем быстро переходит к созданию компонентов на стороне клиента с помощью Vue.js и простого приложения для управления списками. После этого внимание переключается на серверную сторону и Node.js, где вы рассмотрите модель MVC и изучите модуль Express. После того как вы освоите серверную и клиентскую части, останется только база данных. Вы познакомитесь с MongoDB и модулем Mongoose. В последней главе этого быстрого руководства вы объедините все эти части, чтобы интегрировать приложение Vue.js в сервер Node.js, используя Express для структурирования серверного кода и MongoDB для хранения информации. 👉 @frontendInterview

10 799

Что такое amp страницы? AMP (Accelerated Mobile Pages) — это технология от Google, которая позволяет создавать очень быстрые и легкие веб-страницы для мобильных устройств. AMP-страницы загружаются почти мгновенно, потому что: Используют оптимизированный HTML (AMP HTML) Ограничивают использование JavaScript Подключают Google AMP Cache для мгновенной загрузки Зачем нужны AMP? - Ускоряют загрузку страниц → полезно для мобильных пользователей - Улучшают SEO → Google любит быстрые сайты - Увеличивают CTR → в поиске AMP-страницы помечены ⚡️ и привлекают внимание - Снижают нагрузку на сервер Как создать AMP-страницу? AMP-страница – это обычный HTML, но с ограничениями и своими тегами.

<!DOCTYPE html>
<html ⚡️ lang="ru">
<head>
  <meta charset="UTF-8">
  <title>AMP Страница</title>
  <link rel="canonical" href="https://example.com/normal-page.html">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <style amp-boilerplate>
    body { visibility: hidden; }
  </style>
  <noscript>
    <style amp-boilerplate>
      body { visibility: visible; }
    </style>
  </noscript>
</head>
<body>
  <h1>Привет, это AMP!</h1>
  <amp-img src="image.jpg" width="600" height="400" layout="responsive"></amp-img>
</body>
</html>

👉 @frontendInterview

10 799

Когда исправляешь опечатку в комменте в большом пулл-реквесте: 👉 @frontendInterview

10 799

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

Anonymous voting

10 799

Моем Код с Мылом Эта статья – краткий обзор первой половины книги Чистый код. Разберём ключевые принципы именования переменных, проектирования функций и других аспектов, чтобы писать код, который будет понятен вам и вашей команде спустя годы. Основные тезисы: - Думайте над именами - Не делайте код слишком чистым - Следуйте стандартам языка или вашей команды - Программист не должен заниматься форматированием 👉 @frontendInterview

10 799

Как запретить выделять текст пользователю мышкой? Свойство user-select определяет, может ли пользователь выбрать текст в элементе, для которого это свойство задано. Пример Добавим к тексту user-select, чтобы он не выделялся мышкой.

p {
  user-select: none;
}

Возможные значения - none — текст внутри элемента нельзя выделить и, как следствие, скопировать. - text — текст может быть выделен. - all — весь текст, включая текст в дочерних элементах, может быть выделен. - contain — может быть выделен только текст элемента, которому задано свойство. - auto — значение вычисляется в зависимости от элемента: - для редактируемого элемента (атрибут contenteditable) значение будет contain; - для псевдоэлементов ::before и ::after значение будет none; - значения user-select: all и user-select: none наследуются от родителя. - иначе значение будет text. 👉 @frontendInterview

10 799

IT-аутстаффинг Ежедневно публикуем запросы на аутстаффинг разработчиков Java, Python, Flutter, C#, 1С и других ИТ-специалистов. Есть свой резерв, готовый прямо сейчас влиться в ваш проект. Посмотрите в канале наших свободных разработчиков. Подписаться #реклама О рекламодателе