Frontend Interview - собеседования по Javascript / Html / Css
الذهاب إلى القناة على Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
إظهار المزيد
الشبكة:📈 نظرة تحليلية على قناة تيليجرام Frontend Interview - собеседования по Javascript / Html / Css
تُعد قناة Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) في القطاع اللغوي الروسية لاعباً نشطاً. يضم المجتمع حالياً 10 737 مشتركاً، محتلاً المرتبة 11 405 في فئة التكنولوجيات والتطبيقات والمرتبة 60 354 في منطقة روسيا.
📊 مؤشرات الجمهور والحراك
منذ تأسيسه في невідомо، حقق المشروع نمواً سريعاً وجمع 10 737 مشتركاً.
بحسب آخر البيانات بتاريخ 12 يوليو, 2026، تحافظ القناة على نشاط مستقر. خلال آخر 30 يوماً تغيّر عدد الأعضاء بمقدار -96، وفي آخر 24 ساعة بمقدار -3، مع بقاء الوصول العام مرتفعاً.
- حالة التحقق: غير موثّقة
- معدل التفاعل (ER): يبلغ متوسط تفاعل الجمهور 6.80%. وخلال أول 24 ساعة من النشر يحصد المحتوى عادةً 4.13% من ردود الفعل نسبةً إلى إجمالي المشتركين.
- وصول المنشورات: يحصل كل منشور على متوسط 731 مشاهدة. وخلال اليوم الأول يجمع عادةً 444 مشاهدة.
- التفاعلات والاستجابة: يتفاعل الجمهور بانتظام؛ متوسط التفاعلات لكل منشور يبلغ 2.
- الاهتمامات الموضوعية: يركز المحتوى على مواضيع رئيسية مثل javascript, браузер, html, css, видимость.
📝 الوصف وسياسة المحتوى
يصف المؤلف القناة بأنها مساحة للتعبير عن الآراء الذاتية:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
بفضل وتيرة التحديث المرتفعة (أحدث البيانات بتاريخ 13 يوليو, 2026) تحافظ القناة على حداثتها ومستوى وصول مرتفع. وتُظهر التحليلات تفاعلاً نشطاً من الجمهور، ما يجعلها نقطة تأثير مهمة ضمن فئة التكنولوجيات والتطبيقات.
10 737
المشتركون
-324 ساعات
-247 أيام
-9630 أيام
أرشيف المشاركات
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?
