Frontend Interview - собеседования по Javascript / Html / Css
Kanalga Telegram’da o‘tish
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
Ko'proq ko'rsatish
Tarmoq:📈 Telegram kanali Frontend Interview - собеседования по Javascript / Html / Css analitikasi
Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) Rus til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 10 736 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 11 409-o'rinni va Rossiya mintaqasida 60 392-o'rinni egallagan.
📊 Auditoriya ko‘rsatkichlari va dinamika
невідомо sanasidan buyon loyiha tez o‘sib, 10 736 obunachiga ega bo‘ldi.
13 Iyul, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -104 ga, so‘nggi 24 soatda esa -8 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.
- Tasdiqlash holati: Tasdiqlanmagan
- Jalb etish (ER): Auditoriya o‘rtacha 8.00% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 4.14% ini tashkil etuvchi reaksiyalarni to‘playdi.
- Post qamrovi: Har bir post o‘rtacha 859 marta ko‘riladi; birinchi sutkada odatda 444 ta ko‘rish yig‘iladi.
- Reaksiyalar va o‘zaro ta’sir: Auditoriya faol: har bir postga o‘rtacha 2 ta reaksiya keladi.
- Tematik yo‘nalishlar: Kontent javascript, браузер, html, css, видимость kabi asosiy mavzularga jamlangan.
📝 Tavsif va kontent siyosati
Muallif resursni shaxsiy fikrni ifoda etish maydoni sifatida ta’riflaydi:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
Yuqori yangilanish chastotasi (oxirgi ma’lumot 14 Iyul, 2026 da olingan) sababli kanal doimo dolzarb va katta qamrovli bo‘lib qoladi. Analitika auditoriya kontent bilan faol hamkorlik qilishini, uni Texnologiyalar & Aralashmalar toifasidagi muhim ta’sir nuqtasiga aylantirishini ko‘rsatadi.
10 736
Obunachilar
-824 soatlar
-297 kunlar
-10430 kunlar
Postlar arxiv
Что такое 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.
Используй шанс освоить высокооплачиваемую профессию!
