Frontend Interview - собеседования по Javascript / Html / Css
Ir al canal en Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
Mostrar más
Red:📈 Análisis del canal de Telegram Frontend Interview - собеседования по Javascript / Html / Css
El canal Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) en el segmento lingüístico de Ruso es un actor destacado. Actualmente la comunidad reúne a 10 684 suscriptores, ocupando la posición 11 432 en la categoría Tecnologías y Aplicaciones y el puesto 60 527 en la región Rusia.
📊 Métricas de audiencia y dinámica
Desde su creación el невідомо, el proyecto ha mostrado un crecimiento acelerado, reuniendo a 10 684 suscriptores.
Según los últimos datos del 26 julio, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de -114, y en las últimas 24 horas de -1, conservando un alto alcance.
- Estado de verificación: No verificado
- Tasa de interacción (ER): El promedio de interacción de la audiencia es 7.99%. Durante las primeras 24 horas tras publicar, el contenido suele obtener 4.24% de reacciones respecto al total de suscriptores.
- Alcance de las publicaciones: Cada publicación recibe en promedio 854 visualizaciones. En el primer día suele acumular 453 visualizaciones.
- Reacciones e interacción: La audiencia responde de forma activa: el promedio de reacciones por publicación es 1.
- Intereses temáticos: El contenido se centra en temas clave como javascript, браузер, html, css, видимость.
📝 Descripción y política de contenido
El autor describe el recurso como un espacio para expresar opiniones subjetivas:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
Gracias a la alta frecuencia de actualizaciones (últimos datos recibidos el 27 julio, 2026), el canal mantiene la vigencia y un amplio alcance. La analítica demuestra que la audiencia interactúa activamente con el contenido, lo que lo convierte en un punto de referencia dentro de la categoría Tecnologías y Aplicaciones.
10 684
Suscriptores
-124 horas
-347 días
-11430 días
Archivo de publicaciones
\";\ndocument.getElementById(\"content\").innerHTML = userInput;\n\nПроблемы с безопасностью CSP (Content Security Policy) \nЕсли в веб-приложении включена CSP (защита от XSS), то innerHTML может нарушать политику безопасности. \n\n\nСлучайное удаление обработчиков событий \nЕсли заменить содержимое элемента через innerHTML, все обработчики событий внутри него удалятся. \ndocument.getElementById(\"btn\").addEventListener(\"click\", () => {\n alert(\"Нажато!\");\n});\n\ndocument.getElementById(\"container\").innerHTML = \"\";\ndocument.getElementById(\"btn\").click(); // Ошибка, обработчик удален\n\n👉 @frontendInterview","datePublished":"2025-09-22T09:01:00Z","dateModified":"2025-09-22T09:01:00Z","author":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"publisher":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1234},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":4},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":8}]}},{"@type":"ListItem","position":5,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4927","url":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4927","mainEntityOfPage":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4927","headline":"Научим создавать карточки для WB и Ozon с нуля! Дизайнер карточек для маркетплейсов — востребованная и доходн…","articleBody":"Научим создавать карточки для WB и Ozon с нуля!\n\nДизайнер карточек для маркетплейсов — востребованная и доходная профессия 💰\nНаучись ей бесплатно!\n\n- Бесплатный доступ к курсу\n- Разбор ДЗ от наставника\n- Мощные кейсы в портфолио \n\nУзнать больше\n\n#реклама 16+\nyudaevschool24.online\nО рекламодателе","datePublished":"2025-09-22T05:47:47Z","dateModified":"2025-09-24T03:51:04Z","author":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"publisher":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":640}]}},{"@type":"ListItem","position":6,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4926","url":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4926","mainEntityOfPage":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4926","headline":"Spin Around, Touch the Ground Вам дан массив, состоящий из строк \"left\" и \"right\". Каждая строка делает повор…","articleBody":"Spin Around, Touch the Ground\n\nВам дан массив, состоящий из строк \"left\" и \"right\". Каждая строка делает поворот на 90° в соответствующую сторону. Создайте функцию, которая вернет количество разворотов на 360°.\n\nПримеры:\n [\"left\", \"right\", \"left\", \"right\"] ➞ 0\n\n [\"right\", \"right\", \"right\", \"right\", \"right\", \"right\", \"right\", \"right\"] ➞ 2\n\n [\"left\", \"left\", \"left\", \"left\"] ➞ 1\n\n👉 @frontendInterview","datePublished":"2025-09-21T16:07:12Z","dateModified":"2025-09-21T16:07:12Z","author":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"publisher":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1030},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3}]}},{"@type":"ListItem","position":7,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4925","url":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4925","mainEntityOfPage":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4925","headline":"Frontend Interview - собеседования по Javascript / Html / Css","datePublished":"2025-09-21T10:03:03Z","dateModified":"2025-09-21T10:03:03Z","author":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"publisher":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1015},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":23}]}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4924","url":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4924","mainEntityOfPage":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4924","headline":"Real-World Next.js: Build scalable, high-performance, and modern web applications using Next.js, the React fr…","articleBody":"Real-World Next.js: Build scalable, high-performance, and modern web applications using Next.js, the React framework for production\n\nNext.js - это масштабируемый и высокопроизводительный фреймворк поверх React.js для современной веб-разработки, предоставляющий большой набор функций, таких как гибридный рендеринг, предварительная выборка маршрутов, автоматическая оптимизация изображений и интернационализация. Если вы хотите создать блог, сайт электронной коммерции или простой веб-сайт, эта книга покажет вам, как можно использовать многоцелевой фреймворк Next.js для создания впечатляющего пользовательского опыта.\n\n👉 @frontendInterview","datePublished":"2025-09-21T10:03:03Z","dateModified":"2025-09-21T10:03:03Z","author":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"publisher":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1070},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":13}]}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4923","url":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4923","mainEntityOfPage":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4923","headline":"REKONFA Live 6 ноября приглашаем всех, кто имеет отношение к маркетингу и рекламным технологиям, обсудить рын…","articleBody":"REKONFA Live\n\n6 ноября приглашаем всех, кто имеет отношение к маркетингу и рекламным технологиям, обсудить рынок, тренды, вызовы и их решения.\nС докладами на актуальные темы выступят лидеры индустрии и медийные спикеры.\n\nПринять участие можно офлайн и онлайн. Мероприятие бесплатное, нужно только зарегистрироваться. \n\nЗарегистрироваться\n\n#реклама 18+\nya.rekonfa.ru\nО рекламодателе","datePublished":"2025-09-21T05:47:32Z","dateModified":"2025-09-23T04:15:29Z","author":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"publisher":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":611}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4922","url":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4922","mainEntityOfPage":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4922","headline":"Объект пользовательского события CustomEvent CustomEvent даёт возможность создавать пользовательские события…","articleBody":"Объект пользовательского события CustomEvent\n\nCustomEvent даёт возможность создавать пользовательские события с произвольным именем и дополнительной информацией. Их можно запускать вручную и отслеживать через стандартные механизмы событий.\n\nПример\nconst myCustomEvent = new CustomEvent('mycustomevent', {\n detail: {\n key: 'value'\n }\n})\n\nCustomEvent создаёт пользовательское (кастомное) событие. Оно даёт разработчику возможность самостоятельно определить, когда событие происходит, как называется и какие данные с ним передаются. Пригодится, когда стандартных DOM-событий (например, click или input) недостаточно для описания происходящего на странице.\n\nCustomEvent похож на обычный Event. Основное отличие — CustomEvent позволяет передать дополнительные данные, а Event нет.\n\nОтправить пользовательское событие можно с помощью dispatchEvent().\n\n👉 @frontendInterview","datePublished":"2025-09-20T16:06:10Z","dateModified":"2025-09-20T16:06:10Z","author":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"publisher":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1083},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":9}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4921","url":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4921","mainEntityOfPage":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4921","headline":"\"Да, я развился в такой перспективной сфере как гуглить\" 👉 @frontendInterview","articleBody":"\"Да, я развился в такой перспективной сфере как гуглить\"\n\n👉 @frontendInterview","datePublished":"2025-09-20T09:05:03Z","dateModified":"2025-09-20T09:05:03Z","author":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"publisher":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1102},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":15}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4920","url":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4920","mainEntityOfPage":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4920","headline":"Frontend Interview - собеседования по Javascript / Html / Css","datePublished":"2025-09-19T09:02:08Z","dateModified":"2025-09-19T09:02:08Z","author":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"publisher":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1142},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4919","url":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4919","mainEntityOfPage":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4919","headline":"HTML- и CSS-советы для джуниор фронтенд-разработчиков Я начинал изучать вёрстку в 2010 году. Я не знал англий…","articleBody":"HTML- и CSS-советы для джуниор фронтенд-разработчиков\n\nЯ начинал изучать вёрстку в 2010 году. Я не знал английский, поэтому у меня был ограниченный набор материала. Кто помнит видеоуроки Попова?\n\nХорошо, что сейчас ситуация уже лучше. В целом можно найти очень классные статьи, видео и бесплатные курсы. Но и мне есть что сказать!\n\nЯ собрал несколько советов. По моей задумке, если вы обратите внимание на эти аспекты, то ваш код будет лучше.\n\nДавайте посмотрим, что я вам подготовил.\n\n👉 @frontendInterview","datePublished":"2025-09-18T16:02:10Z","dateModified":"2025-09-18T16:02:10Z","author":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"publisher":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1141},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":10}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4918","url":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4918","mainEntityOfPage":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4918","headline":"Вставка изображений в HTML Картинки — важная часть веба. Они делают сайты визуально выразительными, помогают…","articleBody":"Вставка изображений в HTML\n\nКартинки — важная часть веба. Они делают сайты визуально выразительными, помогают передать смысл, иллюстрируют текст и даже играют функциональную роль (например, иконки или изображения товаров). И у HTML есть сразу несколько способов вставки изображений.\n\n👉 @frontendInterview","datePublished":"2025-09-17T09:07:07Z","dateModified":"2025-09-17T09:07:07Z","author":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"publisher":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1206},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":6}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4917","url":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4917","mainEntityOfPage":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4917","headline":"Google Meet перестал работать в России: что дальше? 📞🏃♂️ Сперва в Telegram и WhatsApp заблокировали звонки,…","articleBody":"Google Meet перестал работать в России: что дальше?\n\n📞🏃♂️ Сперва в Telegram и WhatsApp заблокировали звонки, а теперь и Google Meet сбоит. Видеозвонки не проходят ни с телефонов, ни с ПК. \n\nДля бизнеса это означает:\n- сорванные онлайн-совещания и встречи с клиентами;\n- срыв собеседований и переговоров с подрядчиками;\n- потерю времени и простои в коммуникациях команд;\n- срочный поиск альтернативы для видеозвонков и онлайн-летучек.\n\nЧто делать бизнесу, когда зарубежные сервисы один за другим перестают работать в России?\n\n✅ В МТС Линк:\nвидеозвонки, чаты, онлайн-доски и совещания без сбоев и ограничений 40 минут;\nдата-центры в России, соответствие 152-ФЗ и 149-ФЗ;\nготовые интеграции;\nрусскоязычная техподдержка 24/7.\n\nПроверьте, подходит ли МТС Линк вашей компании \n\nУзнать больше\n\n#реклама 16+\nmts-link.ru\nО рекламодателе","datePublished":"2025-09-17T06:45:24Z","dateModified":"2025-09-19T05:07:00Z","author":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"publisher":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":729},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":7}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4916","url":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4916","mainEntityOfPage":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4916","headline":"Frontend Interview - собеседования по Javascript / Html / Css","datePublished":"2025-09-16T16:04:05Z","dateModified":"2025-09-16T16:04:05Z","author":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"publisher":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1223},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4915","url":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4915","mainEntityOfPage":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4915","headline":"👉 @frontendInterview","articleBody":"👉 @frontendInterview","datePublished":"2025-09-16T16:04:05Z","dateModified":"2025-09-16T16:04:05Z","author":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"publisher":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1250},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4914","url":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4914","mainEntityOfPage":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4914","headline":"Расскажи про области видимости В JavaScript область видимости (scope) определяет доступность переменных, фун…","articleBody":"Расскажи про области видимости\n\nВ JavaScript область видимости (scope) определяет доступность переменных, функций и объектов в разных частях кода. Это фундаментальная концепция, которая управляет тем, какие данные могут быть доступны или недоступны в различных частях программы.\n\nГлобальная область видимости\nПеременные и функции, объявленные вне любых функций или блоков, находятся в глобальной области видимости. Они доступны из любой части программы.\nvar globalVar = 'Я глобальная переменная';\n\nfunction testFunction() {\n console.log(globalVar); // Доступно\n}\n\ntestFunction();\nconsole.log(globalVar); // Доступно\n\nФункциональная область видимости\nПеременные, объявленные с помощью var внутри функции, имеют область видимости, ограниченную этой функцией. Они недоступны за её пределами.\nfunction testFunction() {\n var functionVar = 'Я внутри функции';\n console.log(functionVar); // Доступно\n}\n\ntestFunction();\nconsole.log(functionVar); // Ошибка: переменная functionVar недоступна\n\nБлочная область видимости\nПеременные, объявленные с помощью let и const, имеют область видимости, ограниченную ближайшим блоком {}.\nif (true) {\n let blockVar = 'Я внутри блока';\n console.log(blockVar); // Доступно\n}\n\nconsole.log(blockVar); // Ошибка: переменная blockVar недоступна\n\nОбласть видимости модуля (Module Scope)\nПри использовании модулей (например, import и export в ES6), все переменные и функции в модуле имеют собственную область видимости. Они не попадают в глобальную область видимости.\nexport const myVar = 'Я переменная из модуля';\n\nimport { myVar } from './module1.js';\nconsole.log(myVar); // \"Я переменная из модуля\"\n\n👉 @frontendInterview","datePublished":"2025-09-15T11:00:01Z","dateModified":"2025-09-15T11:00:01Z","author":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"publisher":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1285},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":9}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4913","url":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4913","mainEntityOfPage":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4913","headline":"🚀 AI Интервью — умная программа для помощи на собеседованиях в Телемост, Google Meet, Zoom, Teams и на других…","articleBody":"🚀 AI Интервью — умная программа для помощи на собеседованиях в Телемост, Google Meet, Zoom, Teams и на других платформах!\n\n💎 Слушает, что говорит интервьюер\n💎 Подсказывает правильные ответы в реальном времени, прямо во время разговора\n💎 Интервьюер не видит окно с подсказками\n\nПрограмма очень хорошо работает для собеседований на вакансии разработчика, архитектора, CTO и других. На любых языках. \n\nПодпишитесь на канал AI Интервью и используйте программу на ближайшем собеседовании.","datePublished":"2025-09-15T07:00:08Z","dateModified":"2025-09-15T07:00:08Z","author":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"publisher":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1046},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4912","url":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4912","mainEntityOfPage":"https://telemetr.io/es/channels/1219014177-frontendinterview/posts/4912","headline":"Counting Change Combinations Напишите функцию, которая подсчитывает, сколькими различными способами вы можете…","articleBody":"Counting Change Combinations\n\nНапишите функцию, которая подсчитывает, сколькими различными способами вы можете разменять определенную сумму денег, учитывая массив номиналов монет. Например, есть 3 способа сдачи на 4, если у вас есть монеты номиналом 1 и 2:\n1+1+1+1, 1+1+2, 2+2.\n\nПорядок монет не имеет значения:\n1+1+2 == 2+1+1\n\nТакже предположим, что у вас бесконечное количество монет.\n\nВаша функция должна принимать сумму для изменения и массив уникальных номиналов монет\n\nПример: \ncountChange(4, [1,2]) // => 3\ncountChange(10, [5,2,3]) // => 4\ncountChange(11, [5,7]) // => 0\n\n👉 @frontendInterview","datePublished":"2025-09-14T16:02:03Z","dateModified":"2025-09-14T16:02:03Z","author":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"publisher":{"@type":"Organization","name":"Frontend Interview - собеседования по Javascript / Html / Css","url":"https://telemetr.io/es/channels/1219014177-frontendinterview","image":"https://img.telemetr.io/c/1kuRgZ/5357034201049837317?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":951},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3}]}}]}
Anonymous voting
Anonymous voting
Anonymous voting
Big O
Нотация Big O («О» большое) — это способ описания производительности функции без измерения времени ее выполнения. Вместо того, чтобы засекать, сколько секунд выполняется функция от начала до конца, Big O показывает, как меняется время ее выполнения по мере увеличения размера входных данных. Этот подход помогает понять, как программа будет вести себя при разных объемах входящей информации.
В этой статье я разберу четыре наиболее часто встречающиеся категории нотации Big O: константную, логарифмическую, линейную и квадратичную. Не переживайте, если эти термины пока ничего вам не говорят — мы подробно рассмотрим каждый из них и наглядно визуализируем в процессе.
👉 @frontendInterview
Какой элемент будет рисоваться выше других? Или ниже остальных? Решает браузер по определённым правилам.
Контекст наложения — это концепция трёхмерного расположения элементов по оси z относительно пользователя, смотрящего на экран.
Самый базовый контекст наложения, существующий на любой странице формируется корневым элементом <html>. Все элементы внутри этого контекста сортируются и располагаются с оглядкой друг на друга.
Но мы можем создавать контексты наложения не только на странице целиком, но и в каждом отдельном блоке. Тогда вложенные в него дочерние блоки будут сортироваться и располагаться уже по правилам этого нового, родительского контекста наложения.
Новый контекст наложения формируется если:
1. это корневой элемент (<html>),
2. элемент позиционирован абсолютно (position: absolute) или относительно (position: relative) со свойством z-index, значение которого не auto,
3. флекс-элемент со свойством z-index, значение которого не auto и чей родительский элемент имеет свойство display: flex или display: inline-flex,
4. элементу задано свойство opacity со значением меньше 1,
5. элементу задано свойство transform со значением не none,
6. элементу задано свойство mix-blend-mode со значением не normal,
7. элементу задано свойство filter со значением не none,
8. элементу задано свойство isolation со значением isolate,
9. элемент с position: fixed,
10. элементу задано свойство will-change или аналогичный атрибут,
11. элементу задано свойство -webkit-overflow-scrolling со значением touch.
Остальные элементы, не создающие собственный контекст наложения, используют родительский контекст.
Обычно достаточно запомнить первые три сценария и чуть-чуть помнить про следующие два. Если браузер рисует что-то, чего вы не ожидали, можно всегда вернуться и подсмотреть остальные.
👉 @frontendInterview
Как включить в расчёт ширины и высоты элемента его border?
Опасности использования innerHTML в JavaScript
innerHTML – это свойство, которое позволяет вставлять HTML-код внутрь элемента как строку. Однако оно небезопасно и может привести к серьезным проблемам.
document.getElementById("content").innerHTML = "<h1>Привет!</h1>";innerHTML получает данные от пользователя (например, из формы или URL), хакер может вставить вредоносный JavaScript-код.
const userInput = "<script>alert('Вас взломали!');</script>";
document.getElementById("content").innerHTML = userInput;innerHTML может нарушать политику безопасности.
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">innerHTML, все обработчики событий внутри него удалятся.
document.getElementById("btn").addEventListener("click", () => {
alert("Нажато!");
});
document.getElementById("container").innerHTML = "<button id='btn'>Клик</button>";
document.getElementById("btn").click(); // Ошибка, обработчик удаленНаучим создавать карточки для WB и Ozon с нуля!
Дизайнер карточек для маркетплейсов — востребованная и доходная профессия 💰
Научись ей бесплатно!
- Бесплатный доступ к курсу
- Разбор ДЗ от наставника
- Мощные кейсы в портфолио
Узнать больше
#реклама 16+
yudaevschool24.online
О рекламодателе
Spin Around, Touch the Ground
Вам дан массив, состоящий из строк "left" и "right". Каждая строка делает поворот на 90° в соответствующую сторону. Создайте функцию, которая вернет количество разворотов на 360°.
Примеры:
["left", "right", "left", "right"] ➞ 0 ["right", "right", "right", "right", "right", "right", "right", "right"] ➞ 2 ["left", "left", "left", "left"] ➞ 1👉 @frontendInterview
Packt.Real-World.Next.js.pdf8.86 MB
Real-World Next.js: Build scalable, high-performance, and modern web applications using Next.js, the React framework for production
Next.js - это масштабируемый и высокопроизводительный фреймворк поверх React.js для современной веб-разработки, предоставляющий большой набор функций, таких как гибридный рендеринг, предварительная выборка маршрутов, автоматическая оптимизация изображений и интернационализация. Если вы хотите создать блог, сайт электронной коммерции или простой веб-сайт, эта книга покажет вам, как можно использовать многоцелевой фреймворк Next.js для создания впечатляющего пользовательского опыта.
👉 @frontendInterview
REKONFA Live
6 ноября приглашаем всех, кто имеет отношение к маркетингу и рекламным технологиям, обсудить рынок, тренды, вызовы и их решения.
С докладами на актуальные темы выступят лидеры индустрии и медийные спикеры.
Принять участие можно офлайн и онлайн. Мероприятие бесплатное, нужно только зарегистрироваться.
Зарегистрироваться
#реклама 18+
ya.rekonfa.ru
О рекламодателе
Объект пользовательского события CustomEvent
CustomEvent даёт возможность создавать пользовательские события с произвольным именем и дополнительной информацией. Их можно запускать вручную и отслеживать через стандартные механизмы событий.
Пример
const myCustomEvent = new CustomEvent('mycustomevent', {
detail: {
key: 'value'
}
})"Да, я развился в такой перспективной сфере как гуглить"
👉 @frontendInterview
Что такое замыкание в JavaScript?
HTML- и CSS-советы для джуниор фронтенд-разработчиков
Я начинал изучать вёрстку в 2010 году. Я не знал английский, поэтому у меня был ограниченный набор материала. Кто помнит видеоуроки Попова?
Хорошо, что сейчас ситуация уже лучше. В целом можно найти очень классные статьи, видео и бесплатные курсы. Но и мне есть что сказать!
Я собрал несколько советов. По моей задумке, если вы обратите внимание на эти аспекты, то ваш код будет лучше.
Давайте посмотрим, что я вам подготовил.
👉 @frontendInterview
Вставка изображений в HTML
Картинки — важная часть веба. Они делают сайты визуально выразительными, помогают передать смысл, иллюстрируют текст и даже играют функциональную роль (например, иконки или изображения товаров). И у HTML есть сразу несколько способов вставки изображений.
👉 @frontendInterview
Google Meet перестал работать в России: что дальше?
📞🏃♂️ Сперва в Telegram и WhatsApp заблокировали звонки, а теперь и Google Meet сбоит. Видеозвонки не проходят ни с телефонов, ни с ПК.
Для бизнеса это означает:
- сорванные онлайн-совещания и встречи с клиентами;
- срыв собеседований и переговоров с подрядчиками;
- потерю времени и простои в коммуникациях команд;
- срочный поиск альтернативы для видеозвонков и онлайн-летучек.
Что делать бизнесу, когда зарубежные сервисы один за другим перестают работать в России?
✅ В МТС Линк:
видеозвонки, чаты, онлайн-доски и совещания без сбоев и ограничений 40 минут;
дата-центры в России, соответствие 152-ФЗ и 149-ФЗ;
готовые интеграции;
русскоязычная техподдержка 24/7.
Проверьте, подходит ли МТС Линк вашей компании
Узнать больше
#реклама 16+
mts-link.ru
О рекламодателе
Какая фигура появится на странице?
Расскажи про области видимости
В JavaScript область видимости (scope) определяет доступность переменных, функций и объектов в разных частях кода. Это фундаментальная концепция, которая управляет тем, какие данные могут быть доступны или недоступны в различных частях программы.
Глобальная область видимости
Переменные и функции, объявленные вне любых функций или блоков, находятся в глобальной области видимости. Они доступны из любой части программы.
var globalVar = 'Я глобальная переменная';
function testFunction() {
console.log(globalVar); // Доступно
}
testFunction();
console.log(globalVar); // Доступноvar внутри функции, имеют область видимости, ограниченную этой функцией. Они недоступны за её пределами.
function testFunction() {
var functionVar = 'Я внутри функции';
console.log(functionVar); // Доступно
}
testFunction();
console.log(functionVar); // Ошибка: переменная functionVar недоступнаlet и const, имеют область видимости, ограниченную ближайшим блоком {}.
if (true) {
let blockVar = 'Я внутри блока';
console.log(blockVar); // Доступно
}
console.log(blockVar); // Ошибка: переменная blockVar недоступнаimport и export в ES6), все переменные и функции в модуле имеют собственную область видимости. Они не попадают в глобальную область видимости.
export const myVar = 'Я переменная из модуля';import { myVar } from './module1.js';
console.log(myVar); // "Я переменная из модуля"🚀 AI Интервью — умная программа для помощи на собеседованиях в Телемост, Google Meet, Zoom, Teams и на других платформах!
💎 Слушает, что говорит интервьюер
💎 Подсказывает правильные ответы в реальном времени, прямо во время разговора
💎 Интервьюер не видит окно с подсказками
Программа очень хорошо работает для собеседований на вакансии разработчика, архитектора, CTO и других. На любых языках.
Подпишитесь на канал AI Интервью и используйте программу на ближайшем собеседовании.
Counting Change Combinations
Напишите функцию, которая подсчитывает, сколькими различными способами вы можете разменять определенную сумму денег, учитывая массив номиналов монет. Например, есть 3 способа сдачи на 4, если у вас есть монеты номиналом 1 и 2:
1+1+1+1, 1+1+2, 2+2.1+1+2 == 2+1+1countChange(4, [1,2]) // => 3
countChange(10, [5,2,3]) // => 4
countChange(11, [5,7]) // => 0