React Frontend | YeaHub

Техническое собеседование. Вилка 260к+. Опыт в резюме — 3.2 года. Компания Greensight (аутстаф на Ашан). Проект: витрина ашан.руСсылка на вопросы и задачи собеседования:https://app.yeahub.ru/wiki/collections/457

#Собес #javascript #networks #react🤔 Middle Frontend разработчик в компанию Т-Банк HR-скриннинг. Зарплатная вилка: от 200к. Весна 2025. Опыт в резюме: 5 лет. Были технические вопросы💬 Вопросы:- Как происходит render в React?- Как управлять состоянием в React?- Что такое tree shaking в Webpack?- Чему будет равна длина массива из 3 элементов [1, 2, 3], если мы сделали запись по индексу 7?- Как проверить, что переменная хранит функцию, не вызывая ее?👉 Все вопросы из этого собеседования (14)📣 Все для прокачки навыков:✅ Анонсы → канал✅ Комьюнити → чат✅ База задач и вопросов → платформа

Техническое собеседование. Вилка от 260к. Проект: IoT-платформа (MasterIoT). Опыт в резюме — 3+ годаСсылка на вопросы и задачи собеседования:https://app.yeahub.ru/wiki/collections/454

Ссылка на задачу

#Собес #MVC #Model #View🤔 В чем практическая польза разделения на Model, View и Controller?💬 Кратко:MVC разделяет приложение на три компонента с чёткими обязанностями. Model управляет данными и бизнес-логикой. View отвечает за отображение информации пользователю. Controller обрабатывает пользовательский ввод, обновляя Model и View. Это упрощает тестирование, позволяет независимо изменять интерфейс и логику, а также помогает распределять работу в команде.📌 Полный разбор + примеры использования — на платформе:👉 Перейти к разбору📣 Все для прокачки навыков:✅ Анонсы → канал✅ Комьюнити → чат✅ База задач и вопросов → платформа

💼 Техническое интервью во ВКонтакте (Frontend)Очень много вопросов из совершенно разных областей: от вёрстки и специфичности CSS до устройства браузера, Event Loop, производительности, React и TypeScript.По зарплате ожидания были от 220k+, но с этим у VK обычно проблем нет — для сильных Middle специалистов вилки в районе 260–300k выглядят вполне реалистично.🖥🖥 HTML/CSS• Что такое доступность (Accessibility) и зачем она нужна?• Каким инструментом экранный диктор читает aria-label?• Если у элемента есть класс и ID с одинаковым CSS-свойством — какой стиль применится?• Что такое специфичность (Specificity) селекторов?• Разница между display: none и visibility: hidden?• Какие виды позиционирования существуют?• Чем отличаются relative, absolute и fixed?• Как управлять специфичностью стилей?• Влияет ли порядок объявления селекторов на итоговый стиль?• В каком порядке браузер ищет элементы по сложному селектору?• Как центрировать элемент? Назови несколько способов.• Что производительнее: Flexbox или Grid?• Что лучше для анимаций и перемещений: transform или изменение координат?• Что вызывает reflow и repaint?• Может ли getBoundingClientRect() инициировать reflow?🖥 Браузер и производительность• Что происходит после ввода URL в адресную строку?• Как браузер загружает страницу?• Как происходит рендеринг элемента?• Какие структуры строятся помимо DOM?• Чем отличаются async и defer?• В каком порядке выполняются несколько defer-скриптов?• Как работают inline-скрипты?• Блокируют ли async/defer парсинг HTML?• Какие метрики производительности знаешь?• Что такое LCP?• Что такое TTI?• Где смотреть метрики и как их улучшать?• Какой формат изображений считается современным?• Нужен ли fallback для WebP/AVIF?🖥 JavaScript• Какие области видимости существуют?• Способы объявления функций.• Отличие Function Declaration от Function Expression.• Примитивные и ссылочные типы.• Что такое NaN?• Какой у NaN тип?• Чем Map отличается от Object?• Для чего нужен Symbol?• Что такое утечки памяти?•

#trainer #курсы #тренажеры📚 CodeChef Онлайн-платформа программирования, которая позволяет учащимся осваивать программирование с помощью структурированных курсов, тысяч практических задач и регулярных конкурсовПерейти к материалу📣 Все для прокачки навыков:✅ Анонсы → канал✅ Комьюнити → чат✅ База задач и вопросов → платформа

#Собес #unique #null #database🤔 Как обеспечить уникальность необязательного поля (например, рабочего телефона) с учётом NULL-значений?💬 Кратко:Для обеспечения уникальности необязательного поля с NULL нужно использовать уникальный индекс, который в большинстве СУБД позволяет несколько NULL значений. Альтернативно можно использовать default значение вместо NULL или частичный индекс только для NOT NULL значений. Также можно создать вычисляемую колонку или использовать триггеры для кастомной валидации. Самый простой способ — полагаться на поведение уникального индекса с NULL.📌 Полный разбор + примеры использования — на платформе:👉 Перейти к разбору📣 Все для прокачки навыков:✅ Анонсы → канал✅ Комьюнити → чат✅ База задач и вопросов → платформа

#Собес #ооп #solid #event_loop🤔 Middle+ Frontend Разработчик в iviТехническое собеседование. Дали оффер: 280к net. Ноябрь 2024. Офис. Проект: стриминговая платформа. Опыт в резюме: 4 года. Много вопросов про опыт, проекты и процессы. Копали в глубину. Так же спрашивали про ООП, SOLID, как применяю в проектах💬 Вопросы:- Расскажите о принципах ООП в JavaScript?- Как реализовать собственную очередь задач и управлять приоритетами выполнения?- Какие основные структуры данных существуют в программировании?- Как работает асинхронность в JS?- Блокирует ли тяжелый код в Promise рендер страницы?👉 Все вопросы из этого собеседования (8)📣 Все для прокачки навыков:✅ Анонсы → канал✅ Комьюнити → чат✅ База задач и вопросов → платформа

#Собес #copy #deep #algo🤔 Как реализовать глубокое копирование объекта без использования JSON.stringify и StructuredClone? Какие сложности могут возникнуть?💬 Кратко:Глубокое копирование можно реализовать с помощью рекурсивной функции, которая вручную создает новый объект или массив и копирует все его свойства. Для каждого свойства, если оно является объектом, функция вызывает сама себя. Основные сложности: обработка циклических ссылок (когда объект ссылается сам на себя), копирование специальных объектов (как Date, Map, Set) и поддержка различных типов данных.📌 Полный разбор + примеры использования — на платформе:👉 Перейти к разбору📣 Все для прокачки навыков:✅ Анонсы → канал✅ Комьюнити → чат✅ База задач и вопросов → платформа

#game #практика #тренажер #новички📚 Играй и программируй с CodeCombatCodeCombat — это игровая платформа, где обучение программированию превращается в приключение: игроки пишут настоящий код на Python или JavaScript, чтобы управлять персонажами и проходить уровни. Система подходит как школьникам, так и самостоятельным ученикам, делает упор на активное обучение через практику и не требует предварительной подготовки.Перейти к материалу📣 Все для прокачки навыков:✅ Анонсы → канал✅ Комьюнити → чат✅ База задач и вопросов → платформа

#Собес #release #cycle #deployment🤔 Что такое релизный цикл во frontend-разработке?💬 Кратко:Релизный цикл — это последовательность этапов от написания кода до его выкладки пользователям. Он включает разработку, тестирование, сборку и деплой. Чёткий релизный цикл снижает количество ошибок. Он помогает команде выпускать изменения предсказуемо. Это основа стабильной разработки.📌 Полный разбор + примеры использования — на платформе:👉 Перейти к разбору📣 Все для прокачки навыков:✅ Анонсы → канал✅ Комьюнити → чат✅ База задач и вопросов → платформа

#Собес #ооп #git #оптимизация🤔 Middle/Middle+ Frontend разработчик в компанию ПСБТехническое собеседование. Зарплатная вилка: от 250к. Октябрь 2024. Опыт в резюме: 4 года. Спрашивали как работали с тестами на проектах, какое было покрытие и как развиваешься в свободное время.💬 Вопросы:- Объяснить разницу между var, let и const в JavaScript?- Перечислите все типы данных в JavaScript?- Что такое стрелочные функции и чем они отличаются от обычных функций?- Что такое замыкания в JavaScript и почему они важны?- Объясните концепцию прототипного наследования в JavaScript?👉 Все вопросы из этого собеседования (17)📣 Все для прокачки навыков:✅ Анонсы → канал✅ Комьюнити → чат✅ База задач и вопросов → платформа

Ссылка на задачу

#Собес #Zustand #Redux_Toolkit #state_management🤔 Чем Zustand отличается от Redux Toolkit?💬 Кратко:Zustand — это минималистичная библиотека для управления состоянием с простым API на основе хуков, не требующая бойлерплейта. Redux Toolkit — более структурированное решение с концепциями слайсов, редьюсеров и middleware, подходящее для крупных приложений. Zustand проще в изучении и быстрее настраивается, тогда как Redux Toolkit предлагает строгие паттерны и мощные инструменты для сложных сценариев.📌 Полный разбор + примеры использования — на платформе:👉 Перейти к разбору📣 Все для прокачки навыков:✅ Анонсы → канал✅ Комьюнити → чат✅ База задач и вопросов → платформа