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

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 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 أيام
أرشيف المشاركات
Ищем новичков во фронтенд-разработке и вёрстке сайтов. Хотим показать, как получить реальный опыт в разработке сайтов и веб-п
Ищем новичков во фронтенд-разработке и вёрстке сайтов. Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений. А именно: - Сверстать веб-сайт на HTML + CSS; - Реализовать функционал на JavaScript; - Пощупать фронтенд-фреймворк Angular; - Подключить Backend и загрузить сайт на хостинг. Чтобы в итоге ты своими руками разработал качественный сайт, который не стыдно добавить в портфолио или продать. Такой опыт можно получить на бесплатном практикуме уже завтра с поддержкой от опытных кураторов на каждом этапе. 👉 Приходи на бесплатное обучение и зови с собой друзей Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.

Что такое Веб-компоненты и какие технологии в них используются? Веб-компоненты — технология, которая позволяет создавать мног
Что такое Веб-компоненты и какие технологии в них используются? Веб-компоненты — технология, которая позволяет создавать многократно используемые компоненты в веб-документах и веб-приложениях. Веб-компоненты поддерживаются веб-браузерами напрямую и не требуют дополнительных библиотек для работы. Веб-компоненты включают четыре технологии, каждая из которых может использоваться отдельно от других: - Custom Elements — API для создания собственных HTML элементов. - HTML Templates — тег template позволяет реализовывать изолированные DOM-элементы. - Shadow DOM — изолирует DOM и стили в разных элементах. - HTML Imports — импорт HTML документов. 👉 @frontendInterview

Ставь лайк, если получал чашку/ручку/блокнотик от компании. 👉 @frontendInterview

Какой код добавит к тексту тень, смещенную на 5 пикселей вниз и 3 пикселя вправо, с размытием 2 пикселя и серым цветом?
Anonymous voting

Где учиться IT: 70% опрошенных проходили онлайн-курсы Эта статья про самое важное — обучение. Как вообще IT-специалисты относ
Где учиться IT: 70% опрошенных проходили онлайн-курсы Эта статья про самое важное — обучение. Как вообще IT-специалисты относятся к онлайн-образованию и в чем разница с полноценным обучением в университете. Авторы статьи провели опрос. Ожидания от ответов были разные, но вот, что они выяснили: - 70% опрошенных IT-специалистов, которые сейчас работают, проходили онлайн-курсы — кто-то из них получал полноценную профессию, а кто-то прокачивал навыки; - половина из них относятся к такому формату обучения положительно. В статье разбираемся, какие школы чаще всего выбирали опрошенные специалисты и как выбрать по-настоящему качественный курс. 👉 @frontendInterview

Фронтендеры, го бустить скиллы в CodeRun: будем решать скриншотные задачки и выигрывать призы в турнирах CodeRun — бесплатный
Фронтендеры, го бустить скиллы в CodeRun: будем решать скриншотные задачки и выигрывать призы в турнирах CodeRun — бесплатный онлайн-тренажер Яндекса с огромным каталогом задач от разработчиков Яндекса и внешних экспертов. Здесь можно учиться, готовиться к техническим собесам и получать призы за победу в сезонных турнирах: мерч, сертификаты и даже возможность попасть в Яндекс по упрощенному формату найма. Одна из топовых фич — наличие скриншотных задач для фронтенд-направления. В подборке заданий от руководителя проектов Контеста Никиты Дубко можно пройти путь от рисования простых примитивов до полноценных CSS-иллюстраций. Залетай в CodeRun, проходи подборки от экспертов, отслеживай прогресс и лутай призы в турнирах: 2 сезон сейчас в самом разгаре!

Jobski - твой помощник при поиске работы в IT Сервис индивидуально подбирает вакансии, учитывая ваш опыт, навыки и стек техно
Jobski - твой помощник при поиске работы в IT Сервис индивидуально подбирает вакансии, учитывая ваш опыт, навыки и стек технологий. Узнать больше #реклама jobski.ru О рекламодателе

Как изменить вид маркера списка? С помощью CSS допускается устанавливать один из трёх типов маркеров: disc (точка), circle (кружок), square (квадратик). Добавлять эти значения нужно к стилевому свойству list-style-type, которое указывается для селектора ul или li
ul {
    list-style-type: square; /* Квадратные маркеры */
}
Использование псевдоэлемента ::before Выбор и установка собственного символа маркера происходит через псевдоэлемент ::before. Вначале следует вообще убрать маркеры у списка, присвоив значение none стилевому свойству list-style-type, а затем добавить псевдоэлемент ::before к селектору li. Сам вывод символа осуществляется с помощью свойства content, в качестве значения которого и выступает желаемый символ
li {
    list-style-type: none; /* Убираем маркеры у списка */
}
li::before {
    content: "►"; /* Маркер списка */
    padding-right: 0.5em; /* Расстояние от маркера до текста */
}
Использование псевдоэлемента ::marker Псевдоэлемент ::marker позволяет управлять настройками маркера списка и работает схожим с ::before образом. При этом убирать исходные маркеры, как это делалось в предыдущем примере, необходимости нет. Для ::marker не работают свойства margin и padding, поэтому для изменения расстояния от маркера до текста свойство padding-left добавляется к селектору li
li {
    padding-left: 0.5em; /* Расстояние от маркера до текста */
}
li::marker {
    content: "►"; /* Маркер списка */
}
👉 @frontendInterview

Бесплатный практический вебинар: Профессия «Frontend-разработчик». ⏰ Когда: 25 июля в 19:00 по мск. Погрузитесь в решение реа
Бесплатный практический вебинар: Профессия «Frontend-разработчик». Когда: 25 июля в 19:00 по мск. Погрузитесь в решение реальной задачи и напишите мини-игру, которая работает прямо в браузере. Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе. Какие JS фреймворки учить: Vue, React, а может, Angular? Задайте вопросы опытному спикеру, сделайте первый шаг в направлении новой профессии. 🎁 Всем, кто зарегистрировался - Гайд «Как заговорить на сленге IT-специалистов», а каждому участнику -  Карта компетенций начинающего Frontend-разработчика.

Реклама для бизнеса любого уровня в Яндекс Директе Создайте эффективную рекламную кампанию с алгоритмами Яндекс Директа 👌 На
Реклама для бизнеса любого уровня в Яндекс Директе Создайте эффективную рекламную кампанию с алгоритмами Яндекс Директа 👌 Начните прямо сейчас ⚡ Зарегистрироваться #реклама direct.yandex.ru О рекламодателе

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

☄️ Горячая акция для IT-специалистов на дизайн и ремонт квартиры! RE Design Buro создаем дизайн-проекты и реализуем их в жизн
+6
☄️ Горячая акция для IT-специалистов на дизайн и ремонт квартиры! RE Design Buro создаем дизайн-проекты и реализуем их в жизнь более 15 лет ⭐️ За это время сделали уже 450+ проектов и ремонтов в Москве и области 🏆 Коротко о компании: ⭐️ работают не бригады, а узкие специалисты: плиточники, электрики, сантехники т.д. ⭐️ 6 месяцев средний срок ремонта. ⭐️ рейтинг выполненных ремонтов - 4.9. ⭐️ все цены и сроки фиксируем в договоре. ⭐️ оплата разбивается частями по факту сдачи работ. 💥 Только для специалистов IT-индустрии - скидка 10% на дизайн и ремонт от компании RE Design Buro ‼️ Важное условие — вы работаете в IT-компании, которая получила аккредитацию Минцифры РФ 👉 Наши работы 👉 Мы в Телеграм 👉 Связаться с нами 👉 Консультация дизайнера БЕСПЛАТНО 👉 Получить сметный расчёт стоимости ремонта

На эти IT-стажировки берут без опыта В канале собраны самые свежие предложения от крупнейших российских компаний: VK, Сбера,
На эти IT-стажировки берут без опыта В канале собраны самые свежие предложения от крупнейших российских компаний: VK, Сбера, Яндекса и многих других. Теперь можно не откладывать начало карьеры в IT, ведь здесь вы найдете: — стажировки для молодых специалистов; — анонсы хакатонов, которые будут выгодно смотреться в резюме; — карьерные и образовательные ивенты для прокачки hard и soft skills. Подписаться #реклама О рекламодателе

Для чего используется WebSocket? В чем принцип его работы? Протокол WebSocket («веб-сокет»), описанный в спецификации RFC 6455, обеспечивает возможность обмена данными между браузером и сервером через постоянное соединение. Данные передаются по нему в обоих направлениях в виде «пакетов», без разрыва соединения и дополнительных HTTP-запросов. Чтобы открыть веб-сокет-соединение, нам нужно создать объект new WebSocket, указав в url-адресе специальный протокол ws: let socket = new WebSocket("ws://javascript.info"); Как только объект WebSocket создан, мы должны слушать его события. Их всего 4: - open – соединение установлено, - message – получены данные, - error – ошибка, - close – соединение закрыто. Вот пример:
  let socket = new WebSocket("wss://javascript.info/article/websocket/demo/hello");
  
  socket.onopen = function(e) {
    alert("[open] Соединение установлено");
    alert("Отправляем данные на сервер");
    socket.send("Меня зовут Джон");
  };
  
  socket.onmessage = function(event) {
    alert(`[message] Данные получены с сервера: ${event.data}`);
  };
  
  socket.onclose = function(event) {
    if (event.wasClean) {
      alert(`[close] Соединение закрыто чисто, код=${event.code} причина=${event.reason}`);
    } else {
      // например, сервер убил процесс или сеть недоступна
      // обычно в этом случае event.code 1006
      alert('[close] Соединение прервано');
    }
  };
  
  socket.onerror = function(error) {
    alert(`[error] ${error.message}`);
  };
Вызов socket.send(body) принимает body в виде строки или любом бинарном формате включая Blob, ArrayBuffer и другие. Дополнительных настроек не требуется, просто отправляем в любом формате. При получении данных, текст всегда поступает в виде строки. А для бинарных данных мы можем выбрать один из двух форматов: Blob или ArrayBuffer. 👉 @frontendInterview

COFFEE Вам дана строка, которая может содержать слово coffee. Некоторые буквы слова могут быть заглавными. Сделайте все буквы
COFFEE Вам дана строка, которая может содержать слово coffee. Некоторые буквы слова могут быть заглавными. Сделайте все буквы этого слова заглавными и верните строку. Пример: Input: "Coffee! Buy me a COFFEE!" Output: "COFFEE! Buy me a COFFEE!" 👉 @frontendInterview

👩‍💻 Программирование теперь в телеграм! Вот обширная база материалов, которая ежедневно обновляется, выбирай своё направлен
👩‍💻 Программирование теперь в телеграм! Вот обширная база материалов, которая ежедневно обновляется, выбирай своё направление: Обучение JavaScript с нуля Обучение Python с нуля Обучение Java с нуля Обучение HTML/CSS с нуля Обучение C/С++ с нуля Обучение С# с нуля Обучение SQL/GO/PHP с нуля Обучение Kotlin/Swift с нуля Курсы, книги, шпаргалки, статьи, видео ресурсы — всё собрано в одном месте: @roadmap_ready

Грокаем_функциональное_программирование.pdf18.74 MB

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

ТОП-4 Курса по веб-дизайну по версии Tutortop Tutortop — маркетплейс курсов №1 по количеству школ-партнеров, курсов и реальны
ТОП-4 Курса по веб-дизайну по версии Tutortop Tutortop — маркетплейс курсов №1 по количеству школ-партнеров, курсов и реальных отзывов студентов. Освойте востребованную профессию с нуля за 4-5 месяцев. Соберите портфолио из 10+ проектов. Выйдите на заработок 100 000₽+ и работайте удаленно в гибком графике. Выбрать #реклама 16+ tutortop.ru О рекламодателе