Frontend Interview - собеседования по Javascript / Html / Css
Open in Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
Show more
Network:📈 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 736 subscribers, ranking 11 409 in the Technologies & Applications category and 60 392 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 10 736 subscribers.
According to the latest data from 13 July, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -104 over the last 30 days and by -8 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 8.00%. Within the first 24 hours after publication, content typically collects 4.14% reactions from the total number of subscribers.
- Post reach: On average, each post receives 859 views. Within the first day, a publication typically gains 444 views.
- Reactions and interaction: The audience actively supports content: the average number of reactions per post is 2.
- 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 14 July, 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 736
Subscribers
-824 hours
-297 days
-10430 days
Posts Archive
Что такое React Fiber и для чего он предназначен?
Fiber (волокно) - это новый движок согласования, изменение основного алгоритма в React 16. Основной задачей React Fiber является повышения производительности в таких областях, как анимация, создание макета страницы, обработка жестов, возможность приостанавливать, прерывать или повторно запускать выполнение операций, предоставление приоритета определенным типам обновлений, а также новые примитивы параллелизма.
Цель React Fiber - повышение производительности в таких областях, как анимация, создание макета страницы и обработка жестов. Основной его особенностью является incremental rendering (инкрементальный рендеринг, используется Angular): возможность разделения процесса рендеринга на части и их объединение через различные фреймы.
👉 @frontendInterview
Как управлять большой командой ?
Сложно. С ростом команды возникают проблемы коммуникации и согласований. Добавьте к этому сложность управления процессами в разработке, и результат будет отличаться от изначального.
Если вы работаете с программистами или руководите компанией, то обязательно загляните на канал Будни КТС
Ребята из KTS занимаются разработкой высоконагруженных сервисов для таких крупных организаций как :Mail, X5, ПИК, Роснефть и тд.
На канале они рассказывают про:
- Выгорание
- Карьерный путь менеджера
- Зачем нужен системный архитектор?
Без инфомусора. Практика, опыт, анализ, подписка – @ktsdaily
Yakov_Fain_and_Anton_Moiseev_Angular_Development_with_Typescript.epub8.66 MB
Angular Development with TypeScript (2018)
Автор книги учит создавать веб-приложения с помощью Angular и TypeScript. Написанное в доступном, живом стиле, это подробное руководство охватывает основные задачи, такие как управление состоянием, данные, формы и связь с сервером, когда вы создаете полнофункциональное приложение. Вы получите навыки, необходимые для написания классов и интерфейсов с помощью TypeScript, а также узнаете, как увеличить продуктивность разработки.
👉 @frontendInterview
Длина пропущенного массива
Вам дан массив, состоящий из массивов. Нужно отсортировать массивы по их длине. Если вы это сделаете, то обнаружите, что значения длин возрастают с каждым разом на 1. Но один массив при этом пропущен. Функция должна вернуть длину пропущенного массива.
Пример:
[[1, 2], [4, 5, 1, 1], [1], [5, 6, 7, 8, 9]] --> 3
👉 @frontendInterviewJavaScript_Frameworks_for_Modern_Web_Development_The_Essential_Frameworks.pdf8.27 MB
JavaScript Frameworks for Modern Web Development (2019)
Если вы являетесь опытным разработчиком и хотите изучать JavaScript, данная книга поможет вам в этом. Авторы учат работать с React, VueJS и Angular. В конце каждой главы есть ссылки для дополнительного чтения.
👉 @frontendInterview
Какое значение примет result?
Почему следует избегать использования индексов в качестве ключей в React?
Ключи должны быть стабильными, предсказуемыми и уникальными, чтобы React имел возможность следить за элементами.
В приведенном ниже примере ключом каждого элемента является порядок его расположения в массиве без привязки к предоставляемым им данным. Это ограничивает возможности React по оптимизации:
{todos.map((todo, index) =>
<Todo
{...todo}
key={index}
/>
)}
При использовании в качестве уникальных ключей данных элемента, например, todo.id, которые являются уникальными в списке и стабильными, у React появится возможность изменять порядок расположения элементов без необходимости выполнения дополнительных вычислений:
{todos.map((todo) =>
<Todo {...todo}
key={todo.id} />
)}
👉 @frontendInterviewКакова высота элемента section?
Что такое медиа запросы в CSS?
Медиа запросы (media queries) - это правила CSS, которые позволяют управлять стилями элементов в зависимости от значений параметров устройств. Они предназначены для создания адаптивных сайтов.
Синтаксис:
@media условие {
/* стили (они будут выполняться, если устройство соответствует указанному условию)
}
Логические операторы:
and - требует обязательного выполнения всех условий.
, - требует обязательного выполнения хотя бы одного условия.
not - предназначен для отрицания условия.
Медиа функции:
width - указывает требования к ширине области просмотра устройства.
min-width - задаёт минимальную ширину области viewport.
max-width - определяет максимальную рабочую область устройства.
height, min-height и max-height - задают требования аналогично, но в отношении высоты viewport.
Пример:
@media not screen and (orientation: portrait),
(min-width: 992px){ /* Стили CSS ... */ }
👉 @frontendInterviewКакое значение примет result?
Как использовать InnerHtml в React?
Атрибут dangerouslySetInnerHTML в React является альтернативой innerHTML. Как и последний, его использование представляет собой угрозу межсайтового скриптинга (XSS). Необходимо передать объект с ключом html и HTML-разметкой в качестве значения.
В приведенном ниже примере MyComponent использует атрибут dangerouslySetInnerHTML для определения разметки:
function createMarkup() {
return { __html: 'Первый · Второй' }
}
function MyComponent() {
return <div dangerouslySetInnerHTML={createMarkup()} />
}
👉 @frontendInterviewКакой цвет у элемента h1?
Regex валидатор
Вам нужно написать regex, который будет валидировать пароль по заданным критериям:
1. Длина пароля как минимум 6 символов
2. Содержит строчную букву
3. Содержит заглавную букву
3. Содержит число
👉 @frontendInterview
Хочешь создавать сайты и размещать их в интернете? Присоединяйся к бесплатным занятиям по веб-разработке — освой HTML, CSS, JavaScript и сделай собственный проект всего за день!
Регистрация тут: 👉👉👉 https://clc.am/7pgTAA
🔥 Ждём тебя в прямом эфире 17 апреля в 12:00 по московскому времени!
⌨️ Ты научишься верстать веб-страницы.
⌨️ Сможешь написать простой код на PHP.
⌨️ Поработаешь с базой данных MySQL.
⌨️ Узнаешь, как выбирать домен и хостинг.
☝️ Занятие пройдёт в live-режиме — 5 часов мощной практики и всего 1 час теории под руководством разработчика с 16-летним опытом Даниила Пилипенко.
🎁 Всех, сдавших проект, ждёт сюрприз — сертификаты на 15 000 рублей для обучения в Skillbox.
Используй шанс освоить высокооплачиваемую профессию!
