Frontend Interview - собеседования по Javascript / Html / Css
Відкрити в Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
Показати більше
Сітка:📈 Аналітичний огляд Telegram-каналу Frontend Interview - собеседования по Javascript / Html / Css
Канал Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) у мовному сегменті Російська є активним учасником. На даний момент спільнота об'єднує 10 736 підписників, посідаючи 11 409 місце в категорії Технології та додатки та 60 392 місце у регіоні Росія.
📊 Показники аудиторії та динаміка
З моменту свого створення невідомо, проект продемонстрував стрімке зростання, зібравши аудиторію у 10 736 підписників.
За останніми даними від 13 липня, 2026, канал демонструє стабільну активність. Хоча за останні 30 днів спостерігається зміна кількості учасників на -104, а за останні 24 години на -8, загальне охоплення залишається високим.
- Статус верифікації: Не верифікований
- Рівень залученості (ER): Середній показник залученості аудиторії становить 8.00%. Протягом перших 24 годин після публікації контент зазвичай збирає 4.14% реакцій від загальної кількості підписників.
- Охоплення публікацій: В середньому кожен допис отримує 859 переглядів. Протягом першої доби публікація в середньому набирає 444 переглядів.
- Реакції та взаємодія: Аудиторія активно підтримує контент: середня кількість реакцій на один пост – 2.
- Тематичні інтереси: Контент зосереджений навколо ключових тем, таких як javascript, браузер, html, css, видимость.
📝 Опис та контентна політика
Автор описує ресурс як майданчик для висловлення суб'єктивної думки:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
Завдяки високій частоті оновлень (останні дані отримано 14 липня, 2026), канал підтримує актуальність та високий рівень охоплення публікацій. Аналітика показує, що аудиторія активно взаємодіє з контентом, що робить його важливою точкою впливу в категорії Технології та додатки.
10 736
Підписники
-824 години
-297 днів
-10430 день
Архів дописів
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.
Используй шанс освоить высокооплачиваемую профессию!
Что такое Symbol в JavaScript?
Symbol это уникальный и неизменяемый тип данных.
Свойства символов:
При создании символам можно дать имя.
Создаём символ id с описанием (именем) "id"
let id = Symbol("id");
Они гарантированно уникальны.
let id1 = Symbol("id");
let id2 = Symbol("id");
alert(id1 == id2); // false
Не преобразуются автоматически в строки.
let id = Symbol("id");
alert(id); // TypeError: Cannot convert a Symbol value to a string
Позволяют создавать «скрытые» свойства объектов, к которым нельзя обратиться из других частей программы и перезаписать их.
id = Symbol("id");
let user = {
name: "Вася",
age: 30,
[id]: 123 // просто "id: 123" не сработает
};
for (let key in user) alert(key); // name, age (свойства с ключом-символом нет среди перечисленных)👉 @frontendInterview
Какое значение примет result?
