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

الذهاب إلى القناة على Telegram

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

إظهار المزيد

الشبكة:Senior Frontend - javascript, html, css روسيا60 405 التكنولوجيات والتطبيقات11 430...

📈 نظرة تحليلية على قناة تيليجرام Frontend Interview - собеседования по Javascript / Html / Css

تُعد قناة Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) في القطاع اللغوي الروسية لاعباً نشطاً. يضم المجتمع حالياً 10 799 مشتركاً، محتلاً المرتبة 11 430 في فئة التكنولوجيات والتطبيقات والمرتبة 60 405 في منطقة روسيا.

📊 مؤشرات الجمهور والحراك

منذ تأسيسه في невідомо، حقق المشروع نمواً سريعاً وجمع 10 799 مشتركاً.

بحسب آخر البيانات بتاريخ 25 يونيو, 2026، تحافظ القناة على نشاط مستقر. خلال آخر 30 يوماً تغيّر عدد الأعضاء بمقدار -84، وفي آخر 24 ساعة بمقدار 1، مع بقاء الوصول العام مرتفعاً.

حالة التحقق: غير موثّقة
معدل التفاعل (ER): يبلغ متوسط تفاعل الجمهور 9.28‎%. وخلال أول 24 ساعة من النشر يحصد المحتوى عادةً 4.11‎% من ردود الفعل نسبةً إلى إجمالي المشتركين.
وصول المنشورات: يحصل كل منشور على متوسط 1 002 مشاهدة. وخلال اليوم الأول يجمع عادةً 444 مشاهدة.
التفاعلات والاستجابة: يتفاعل الجمهور بانتظام؛ متوسط التفاعلات لكل منشور يبلغ 4.
الاهتمامات الموضوعية: يركز المحتوى على مواضيع رئيسية مثل javascript, браузер, html, css, видимость.

📝 الوصف وسياسة المحتوى

يصف المؤلف القناة بأنها مساحة للتعبير عن الآراء الذاتية:
“Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su”

بفضل وتيرة التحديث المرتفعة (أحدث البيانات بتاريخ 26 يونيو, 2026) تحافظ القناة على حداثتها ومستوى وصول مرتفع. وتُظهر التحليلات تفاعلاً نشطاً من الجمهور، ما يجعلها نقطة تأثير مهمة ضمن فئة التكنولوجيات والتطبيقات.

10 799

المشتركون

+124 ساعات

-157 أيام

-8430 أيام

1 002

عرض المشاهدات

~ 44424 ساعات

~ 53548 ساعات

9.28%

معدل المشاركة

لا توجد بيانات

المشاركات في اليوم

Ads index

beta

أرشيف المشاركات

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С и других ИТ-специалистов. Есть свой резерв, готовый прямо сейчас влиться в ваш проект. Посмотрите в канале наших свободных разработчиков. Подписаться #реклама О рекламодателе