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

Ir al canal en Telegram

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

Red:Senior Frontend - javascript, html, css Rusia60 209 Tecnologías y Aplicaciones11 388...

📈 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 793 suscriptores, ocupando la posición 11 388 en la categoría Tecnologías y Aplicaciones y el puesto 60 209 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 793 suscriptores.

Según los últimos datos del 27 junio, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de -77, y en las últimas 24 horas de -5, conservando un alto alcance.

Estado de verificación: No verificado
Tasa de interacción (ER): El promedio de interacción de la audiencia es 9.27%. Durante las primeras 24 horas tras publicar, el contenido suele obtener 4.16% de reacciones respecto al total de suscriptores.
Alcance de las publicaciones: Cada publicación recibe en promedio 1 001 visualizaciones. En el primer día suele acumular 449 visualizaciones.
Reacciones e interacción: La audiencia responde de forma activa: el promedio de reacciones por publicación es 4.
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 28 junio, 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 793

Suscriptores

-524 horas

-167 días

-7730 días

1 001

Visitas de la publicación

~ 44924 horas

~ 51248 horas

9.27%

Tasa de compromiso

Sin datos

Mensajes por día

Ads index

beta

Archivo de publicaciones

10 793

ИТ-перестройка: трансформация рынка разработки программного обеспечения в 2023-2024 гг 2022 год стал судьбоносным, в частности для ИТ-индустрии. I полугодие 2022: антироссийские санкции, уход западных вендоров, утверждение программы импортозамещения. II полугодие 2022: государственная поддержка ИТ-индустрии, старт импортозамещения, начало эпохи технологического суверенитета, рост числа кэптивных ИТ-компаний. С конца 2022 года началась активная ИТ-перестройка: чтобы продолжить существование и начать расти, компаниям приходилось «крутиться» в прямом смысле этого слова — менять стратегию на 180 градусов. Какое влияние оказала сложившаяся ситуация на разработчиков программного обеспечения и как они чувствуют себя сейчас - разбирается в этой статье. 👉 @frontendInterview

10 793

Как задать цвет посещённых ссылок? Как только пользователь открывает ссылку, она помечается как посещённая и меняет свой цвет на фиолетовый, установленный по умолчанию. Чтобы задать вид оформления посещённых ссылок, используйте псевдокласс :visited, который добавляется к селектору a.

a {
    color: #A02932; /* Цвет обычной ссылки */
}
a:visited {
    color: #9FA4AF; /* Цвет посещённой ссылки */
}

Результат данного примера показан на рисунке. Обычные ссылки заданы красным цветом, а посещённые — серым. 👉 @frontendInterview

10 793

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

Anonymous voting

10 793

👉 @frontendInterview

10 793

Получите диплом от НИТУ МИСИС в веб-разработке Яндекс Практикум и НИТУ МИСИС приглашают на онлайн-программу «Веб-разработчик» Полноценная учёба в онлайн-формате Зачёты, сессии, лекции и семинары с гибким графиком. На платформе Практикума Гибкая теория, автоматическая проверка заданий и встроенная YandexGPT. Преподаватели НИТУ МИСИС и наставники Яндекс Практикума Они будут проводить занятия и учить вас применять теорию на практике. Студенческий, льготы и диплом гособразца У вас будут все преимущества студента-очника. Доступ к инфраструктуре вуза — кампусам, библиотекам и мероприятиям. Оплатить учёбу можно разными способами: всю сумму сразу, по семестрам или с помощью госкредита — тогда ежемесячный платёж составит от 500 ₽, а государство погасит часть кредита за вас. Подать заявку #реклама 16+ practicum.yandex.ru О рекламодателе

10 793

Архитектурный паттерн MVC Когда мы пишем сложные приложения, нам нужно выполнять различные операции, иногда совершенно друг на друга не похожие: - обновить данные на сервере; - показать всплывающее окно после клика пользователя; - валидировать данные из формы; - загрузить дополнительные ресурсы, картинки, скрипты; - вызвать стороннее API и обработать ответ. Считается хорошим тоном делить отличающийся код на модули, которые отвечают за свои конкретные задачи. Как именно разделить код на модули, по каким критериям и принципам — на эти вопросы старается ответить паттерн MVC. MVC (сокращение от Model—View—Controller) — это архитектурный паттерн, который делит модули на три группы: Model Модель содержит данные приложения, за которыми приходит пользователь. Например, список своих заказов в интернет-магазине. View Представление показывает эти данные в понятном для пользователя виде. Например, на свёрстанной странице сайта или в приложении на телефоне. Сontroller Контроллеры принимают пользовательские команды и преобразуют данные по этим командам. Например, если пользователь нажимает кнопку «Удалить заказ», то контроллер отмечает этот заказ в модели удалённым. 👉 @frontendInterview

10 793

Arrays of cats and dogs Рассмотрим массив, содержащий кошек и собак. Каждая собака может поймать только одного кота, но не может поймать кота, находящегося на расстоянии более n элементов. Вашей задачей будет вернуть максимальное количество котов, которых удастся поймать. Примеры:

solve(['D','C','C','D','C'], 2) = 2, because the dog at index 0 (D0) catches C1 and D3 catches C4. 
solve(['C','C','D','D','C','D'], 2) = 3, because D2 catches C0, D3 catches C1 and D5 catches C4.
solve(['C','C','D','D','C','D'], 1) = 2, because D2 catches C1, D3 catches C4. C0 cannot be caught because n == 1.
solve(['D','C','D','D','C'], 1) = 2, too many dogs, so all cats get caught!

👉 @frontendInterview

10 793

С каждым годом собеседования в IT становятся всё сложнее. Пора начать готовиться к ним правильно! Мы — сообщество «Собесит», и мы помогаем успешно проходить собеседования в IT для Java, GO, QA, ML, Python и других программистов. У нас есть бесплатная база реально пройденных и актуальных собеседований из крупных компаний в видеоформате с документациями, от Junior до Team Lead позиций, которые ты можешь использовать прямо сейчас. Запускай нашего бесплатного бота и готовься к собеседованиям с умом! Начни подготовку сегодня и сделай шаг к жирному офферу! erid: LjN8K916w

10 793

Основы TypeScript. 3-е изд.pdf22.54 MB

10 793

Основы TypeScript. 3-е изд. Полностью обновленное третье издание классического бестселлера Адама Фримена. В нем освещены все возможности TypeScript 5, включая новые, такие как декораторы. Сначала вы узнаете, зачем и почему был создан язык TypeScript, а затем почти сразу перейдете к практическому применению статических типов. Каждая глава посвящена навыкам, необходимым для написания потрясающих веб-приложений. 👉 @frontendInterview

10 793

Приоритеты операторов Приоритет операторов определяет порядок, в котором операторы выполняются. Операторы с более высоким приоритетом выполняются первыми. Пример:

3 + 4 * 5 // возвращает 23

Ассоциативность Ассоциативность определяет порядок, в котором операторы с одинаковым приоритетом обрабатываются. Например, рассмотрим выражение:

a OP b OP c

Левая ассоциативность (left-to-right) означает, что оно обрабатывается как (a OP b) OP c, в то время как правая ассоциативность (right-to-left) означает, что оно интерпретируется как a OP (b OP c). Операторы присваивания являются право-ассоциативными, так что Вы можете написать:

a = b = 5;

с ожидаемым результатом, что a и b будут равны 5. Это происходит, потому что оператор присваивания возвращает тот результат, который присваивает. Сначала b становится равным 5, затем a принимает значение b. Данная таблица упорядочена с самого высокого приоритета (1) до самого низкого (18).

10 793

Собрали MVP на скорую руку и отправили в прод 👉 @frontendInterview

10 793

Запустите рекламу в телеграм-каналах с Яндекс Директом Перфоманс-реклама теперь в телеграм-каналах ⚡ Яндекс Директ знает, как привлечь целевую аудиторию 💰👌 Попробовать #реклама yandex.ru О рекламодателе

10 793

Для чего используется протокол WebSocket?

Anonymous voting

10 793

Два собеседования Именно столько нужно, чтобы нанять или не нанять человека, считает автор. А всё остальное — непродуктивно. И это не просто желание из лени, тут есть смысл. Допустим, когда на каждом этапе кандидата собеседуют разные люди, ответственность как бы делится между ними. А если ответственны все — то ответственность не несет никто. Еще у опытных сеньоров просто не выдерживают нервы от количества этапов, и они уходят. Хотя компания думает наоборот, что самые опытные доходят до конца. Короче, есть о чем подумать. В тексте еще много примеров в защиту двухэтапного собеса: 👉 @frontendInterview

10 793

Как добавить две фоновые картинки к одному элементу? Браузеры позволяют добавлять к элементу произвольное число фоновых изображений, перечисляя параметры каждого фона через запятую. Достаточно воспользоваться универсальным свойством background и указать для него вначале один фон, а через запятую второй. Для примера рассмотрим создание вертикальных декоративных линий слева и справа от блока. Для этого вначале подготовим изображения, которые должны без стыков повторяться по вертикали. В качестве элемента, к которому добавляется фон, воспользуемся <div>, а чтобы отличать его от остальных элементов, к нему добавим класс block

<html>
 <head>
  <meta charset="utf-8">
  <title>Два фоновых изображения</title>
  <style>
   body {
    background: #f2f0e3; /* Цвет фона веб-страницы */ 
   }
   .block {
    background: url(/example/image/bg_left.png) repeat-y,
                url(/example/image/bg_right.png) repeat-y 100% 0 #fff; 
    padding: 10px; /* Поля вокруг текста */
   }
  </style>
 </head>
 <body>
  <div class="block">
   За 11 месяцев вахты радисты провели 8642 сеансов связи общим 
   объёмом 300625 групп. Это только метео и аэротелеграммы. 
   Принято от радиостанции мыс Челюскин 7450 групп.
  </div>
 </body>
</html>

👉 @frontendInterview

10 793

Такси для бизнеса. Яндекс Go Оптимизируйте свои расходы и повысьте эффективность бизнеса с Яндекс Go Узнать больше #реклама business.go.yandex О рекламодателе

10 793

Что выведется в консоль?

Anonymous voting

10 793

👉 @frontendInterview

10 793

undefined и null В JavaScript есть два отдельных типа для представления ничего. Тип undefined Это тип с единственным возможным значением: undefined. Кроме этого, в языке определена глобальная переменная со значением undefined, и эта переменная так и называется — undefined. Не являясь константой, она не является и ключевым словом. Из этого следует, что её значение можно с лёгкостью переопределить. Несколько случаев, когда возвращается undefined: - При попытке доступа к глобальной переменной undefined (если она не изменена). - Неявный возврат из функции при отсутствии в ней оператора return. - Из операторов return, которые ничего не возвращают. - В результате поиска несуществующего свойства у объекта (и доступа к нему). - Параметры, которые не были переданы в функцию явно. - При доступе ко всему, чьим значением является undefined. Обработка изменений значения undefined Поскольку глобальная переменная undefined содержит копию настоящего значения undefined, присвоение этой переменной нового значения не изменяет значения типа undefined. Но при этом, чтобы сравнить что-либо со значением undefined, прежде нужно получить значение самой переменной undefined. Чтобы защитить код от переопределения переменной undefined, часто используется техника анонимной обёртки, которая использует отсутствующий аргумент.

var undefined = 123;
(function(something, foo, undefined) {
    // в локальной области видимости `undefined`
    // снова ссылается на правильное значене.

})('Hello World', 42);

Другой способ достичь того же эффекта — использовать определение внутри обёртки.

var undefined = 123;
(function(something, foo) {
    var undefined;
    ...

})('Hello World', 42);

Единственная разница между этими вариантами в том, что последняя версия будет больше на 4 байта при минификации, а в первом случае внутри анонимной обёртки нет дополнительного оператора var. Использование null Значение null записывается литералом null. Оно является самостоятельным, а не свойством глобального объекта (как undefined). В API, null часто присутствует в местах где ожидается объект, но подходящего объекта нет. null является определённым значением отсутствия объекта, тогда как undefined обозначает неопределённость. Например:

var element;
// значение переменной element до её инициализации не определённо: undefined

element = document.getElementById("not-exists");
// здесь при попытке получения несуществующего элемента, метод getElementById возвращает null
// переменная element теперь инициализирована значением null, её значение определено