FrontendQuiz - задачи с собеседований по фронтенду
رفتن به کانال در Telegram
Задачки для фронтендщиков: алгоритмы, регулярные выражения, вопросы с интервью, задачи для Junior Frontend и разбор их решения. Сотрудничество: @cyberJohnny
نمایش بیشتر
شبکه:1 509
مشترکین
اطلاعاتی وجود ندارد24 ساعت
-27 روز
-1430 روز
در حال بارگیری داده...
کانال‌های مشابه
ابر برچسب‌ها
اشارات ورودی و خروجی
---
---
---
---
---
---
جذب مشترکین
اکتبر '26اکتبر '26
اکتبر '26
+1
در 0 کانال‌ها
سپتامبر '26
+6
در 0 کانال‌ها
Get PRO
اوت '26
+5
در 0 کانال‌ها
Get PRO
ژوئیه '26
+4
در 0 کانال‌ها
Get PRO
ژوئن '26
+5
در 0 کانال‌ها
Get PRO
مه '26
+5
در 0 کانال‌ها
Get PRO
آوریل '26
+9
در 0 کانال‌ها
Get PRO
مارس '26
+6
در 0 کانال‌ها
Get PRO
فوریه '26
+7
در 0 کانال‌ها
Get PRO
ژانویه '26
+7
در 0 کانال‌ها
Get PRO
دسامبر '25
+12
در 1 کانال‌ها
Get PRO
نوامبر '25
+16
در 0 کانال‌ها
Get PRO
اکتبر '25
+21
در 1 کانال‌ها
Get PRO
سپتامبر '25
+9
در 0 کانال‌ها
Get PRO
اوت '25
+15
در 0 کانال‌ها
Get PRO
ژوئیه '25
+15
در 0 کانال‌ها
Get PRO
ژوئن '25
+19
در 0 کانال‌ها
Get PRO
مه '25
+14
در 0 کانال‌ها
Get PRO
آوریل '25
+17
در 0 کانال‌ها
Get PRO
مارس '25
+20
در 0 کانال‌ها
Get PRO
فوریه '25
+12
در 0 کانال‌ها
Get PRO
ژانویه '25
+26
در 0 کانال‌ها
Get PRO
دسامبر '24
+16
در 0 کانال‌ها
Get PRO
نوامبر '24
+16
در 0 کانال‌ها
Get PRO
اکتبر '24
+79
در 0 کانال‌ها
Get PRO
سپتامبر '24
+18
در 0 کانال‌ها
Get PRO
اوت '24
+28
در 0 کانال‌ها
Get PRO
ژوئیه '24
+30
در 0 کانال‌ها
Get PRO
ژوئن '24
+26
در 0 کانال‌ها
Get PRO
مه '24
+32
در 1 کانال‌ها
Get PRO
آوریل '24
+30
در 1 کانال‌ها
Get PRO
مارس '24
+20
در 0 کانال‌ها
Get PRO
فوریه '24
+41
در 0 کانال‌ها
Get PRO
ژانویه '24
+42
در 0 کانال‌ها
Get PRO
دسامبر '23
+39
در 0 کانال‌ها
Get PRO
نوامبر '23
+30
در 2 کانال‌ها
Get PRO
اکتبر '23
+53
در 0 کانال‌ها
Get PRO
سپتامبر '23
+42
در 0 کانال‌ها
Get PRO
اوت '23
+91
در 0 کانال‌ها
Get PRO
ژوئیه '23
+14
در 0 کانال‌ها
Get PRO
ژوئن '23
+19
در 0 کانال‌ها
Get PRO
مه '23
+26
در 0 کانال‌ها
Get PRO
آوریل '23
+26
در 0 کانال‌ها
Get PRO
مارس '23
+32
در 0 کانال‌ها
Get PRO
فوریه '23
+145
در 0 کانال‌ها
Get PRO
ژانویه '23
+48
در 0 کانال‌ها
Get PRO
دسامبر '22
+59
در 0 کانال‌ها
Get PRO
نوامبر '22
+47
در 0 کانال‌ها
Get PRO
اکتبر '22
+70
در 0 کانال‌ها
Get PRO
سپتامبر '22
+67
در 0 کانال‌ها
Get PRO
اوت '22
+250
در 0 کانال‌ها
Get PRO
ژوئیه '22
+133
در 0 کانال‌ها
Get PRO
ژوئن '22
+57
در 0 کانال‌ها
Get PRO
مه '22
+87
در 0 کانال‌ها
Get PRO
آوریل '22
+38
در 0 کانال‌ها
Get PRO
مارس '22
+27
در 0 کانال‌ها
Get PRO
فوریه '22
+41
در 0 کانال‌ها
Get PRO
ژانویه '22
+55
در 0 کانال‌ها
Get PRO
دسامبر '21
+29
در 0 کانال‌ها
Get PRO
نوامبر '21
+39
در 0 کانال‌ها
Get PRO
اکتبر '21
+349
در 0 کانال‌ها
Get PRO
سپتامبر '21
+30
در 0 کانال‌ها
Get PRO
اوت '21
+23
در 0 کانال‌ها
Get PRO
ژوئیه '21
+394
در 0 کانال‌ها
Get PRO
ژوئن '21
+213
در 0 کانال‌ها
Get PRO
مه '21
+278
در 0 کانال‌ها
Get PRO
آوریل '21
+353
در 0 کانال‌ها
Get PRO
مارس '21
+14
در 0 کانال‌ها
Get PRO
فوریه '21
+12
در 0 کانال‌ها
Get PRO
ژانویه '21
+4
در 0 کانال‌ها
Get PRO
دسامبر '20
+1 051
در 0 کانال‌ها
| تاریخ | رشد مشترکین | اشارات | کانال‌ها | |
| 06 اکتبر | 0 | |||
| 05 اکتبر | 0 | |||
| 04 اکتبر | 0 | |||
| 03 اکتبر | 0 | |||
| 02 اکتبر | 0 | |||
| 01 اکتبر | +1 |
پست‌های کانال
🤔 Свойство display - основное значение и как оно работает?
Свойство display в CSS определяет, как элемент должен быть отображен на странице. Основные значения: block, inline, inline-block и none. Например, block создает блочный уровень элемента, который занимает всю доступную ширину, а none полностью скрывает элемент.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
| 2 | 🤔 Как в CSS создать плавный переход цвета фона элемента? | 45 |
| 3 | 🤔 Что такое REST API?
REST (Representational State Transfer) API — это архитектурный стиль разработки веб-сервисов, который использует стандартные HTTP-методы, такие как GET, POST, PUT и DELETE для обмена данными между клиентом и сервером. REST API облегчает взаимодействие с ресурсами, представляя их в форме URL с четко определенными операциями.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 | 51 |
| 4 | 🤔 Почему оператор называется тернарным?
Потому что он имеет три операнда: условие, выражение при true и выражение при false. Это делает его уникальным среди большинства операторов, которые обычно бинарные или унарные.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 | 64 |
| 5 | 🤔 Что вернёт следующий код: console.log(typeof undefined);? | 64 |
| 6 | 🤔 Какой метод JavaScript используется для добавления одного или нескольких элементов в конец массива? | 58 |
| 7 | 🤔 Почему нельзя использовать контекст в качестве хранилища состояния?
Контекст (React Context) не предназначен для частых обновлений. Он хорош для неизменяемых или редко меняемых данных (например, тема, язык). При каждом изменении контекста перерендериваются все потребители, что может вызвать проблемы с производительностью.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 | 60 |
| 8 | 🤔 Какой объект JavaScript предоставляет функциональность для работы с URL текущего документа? | 56 |
| 9 | 🤔 Что известно про оптимизацию?
- Минификация CSS, JS, изображений;
- Использование кеширования;
- Lazy loading компонентов и ресурсов;
- Уменьшение reflow/repain DOM;
- Оптимизация рендеринга (например, will-change);
- Анализ Lighthouse/DevTools.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 | 56 |
| 10 | 🤔 Какое значение будет в переменной i после выполнения следующего кода?
let i = "JavaScript"; i = i.replace("Java", "Type"); | 55 |
| 11 | 🤔 Какое значение будет в переменной c после выполнения следующего кода?
const c = ["apple", "banana", "cherry"]; c.pop(); | 56 |
| 12 | 🤔 Что такое SPA?
SPA (Single Page Application) — это приложение, в котором вся логика и интерфейс загружаются на одной странице, а переходы и обновления происходят без перезагрузки. Данные подгружаются через API-запросы.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 | 62 |
| 13 | 🤔 Какой метод в JavaScript возвращает локализованную строку, представляющую число, в формате, принятом в данной локали? | 60 |
| 14 | 🤔 Что такое плавающие элементы (floats)?
float — это CSS-свойство, которое позволяет элементу выложиться по левому или правому краю контейнера, при этом текст и другие элементы могут его обтекать.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 | 68 |
| 15 | 🤔 Для чего нужен "normalize" CSS?
- Вместо полной обнулённости, нормализует поведение элементов, сохраняя полезные стили;
- Обеспечивает кроссбраузерную совместимость и логичное отображение по умолчанию.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 | 77 |
| 16 |  Если вы занимаетесь ручным тестированием и хотите перейти к автоматизации, отдельных уроков по JavaScript и Playwright может быть недостаточно. Чтобы уверенно писать автотесты, важно понимать, как устроен весь процесс: от проверки API и интерфейса до запуска тестов в CI/CD.
Курс «Автоматизатор тестирования на JavaScript» поможет выстроить эту систему на практике. Вы научитесь писать автотесты для API и UI, работать с Jest и Playwright, проектировать тестовый фреймворк и запускать проверки с помощью Docker и GitHub CI.
Обучение включает живые занятия, домашние задания и обратную связь от преподавателей-практиков. В итоговом проекте вы создадите собственный тестовый фреймворк, разработаете не менее 10 функциональных автотестов и настроите отчёты о результатах.
Старт курса — 30 сентября. Пройдите вступительное тестирование и узнайте условия обучения: https://vk.cc/d2bLIH
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 | 72 |
| 17 |  Solar JSOC - Флагманский SOC с гарантией (https://ya.cc/t/HMyos1v1BBPJoK/?erid=j1SUmv2g3odgJmBBX)
Гарантии крупнейшего коммерческого SOCа России теперь доступны вам.
Узнать больше (https://ya.cc/t/HMyos1v1BBPJoK/?erid=j1SUmv2g3odgJmBBX) | 32 |
| 18 | 🤔 Какие применить шаблоны проектирования (очередь сообщений, асинхронные пулы, enterprise bus, разделение command–query)?
- Command–Query Separation (CQS) — разделение методов на команды и запросы;
- CQRS — чтение и запись через разные модели;
- Message Queue — RabbitMQ, Kafka для обработки задач в фоне;
- Event Bus — публикация/подписка для событийной архитектуры;
- Worker Pool / Async Pool — распределение задач по воркерам.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 | 71 |
| 19 | 🤔 Что такое Observable?
Observable — это поток данных, который можно подписать, обрабатывать и отменять. Это основа реактивного программирования в Angular через RxJS.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 | 74 |
| 20 |  Что будет работать в рекламе завтра? (https://ya.cc/t/3Jjfes4UBAdqSv/?erid=j1SUnJ81nQ5ybbsPf)
Ответ ищем вместе на REKONFA 2026. 15 октября соберёмся в Москве и онлайн, чтобы обсудить новые технологии Яндекс Рекламы, продуктовые запуски, тренды рынка, исследования и реальные кейсы.
В программе — выступления экспертов и возможность поговорить с продуктовыми командами Яндекс Рекламы о своих задачах. А вне сцены вас ждут коворкинг, фотозоны и форматы для новых знакомств.
Участвовать можно в Москве на ВТБ Арене или онлайн. Регистрация бесплатная.
Зарегистрироваться (https://ya.cc/t/HI6E9Oj_BAdqTS/?erid=j1SUnJ81nQ5ybbsPf) | 77 |
