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 209 Technologies & Applications11 388...

📈 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 793 subscribers, ranking 11 388 in the Technologies & Applications category and 60 209 in the Russia region.

📊 Audience metrics and dynamics

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

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

Verification status: Not verified
Engagement rate (ER): The average audience engagement rate is 9.27%. Within the first 24 hours after publication, content typically collects 4.16% reactions from the total number of subscribers.
Post reach: On average, each post receives 1 001 views. Within the first day, a publication typically gains 449 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 28 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 793

Subscribers

-524 hours

-167 days

-7730 days

1 001

Post views

~ 44924 hours

~ 51248 hours

9.27%

Engagement rate

No data

Posts per day

Ads index

beta

Posts Archive

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, её значение определено