Frontend Interview - собеседования по Javascript / Html / Css

Как убрать «висячие» строки во Flexbox: flex-wrap: balance и flex-line-countКаждый фронтендер сталкивался с проблемой: настраиваешь flex-wrap: wrap, но при сужении экрана на последнюю строку перескакивает ровно один элемент. Раньше это костылили через медиазапросы. Теперь в Chrome есть нативные свой...

🔴 Тестовое собеседование на Frontend-разработчика со старшим разработчиком ex. Сбер3 сентября(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.Как это будет:📂 Даниил Дмитриев, старший разработчик в R-Vision,...

TanStack Form: новый стандарт для работы с формами в JSВсе знают TanStack Query (бывший React Query), который перевернул работу с запросами. Теперь команда разработчиков выпустила TanStack Form - библиотеку для управления формами, которая решает старые боли фронтендеров.Главные фишки:🟢Агностицизм: ...

«Летающий» фокус на View Transitions API Анимация перемещения фокуса между элементами (focus ring) делает интерфейс «живее» и помогает пользователю не терять активный элемент при навигации с клавиатуры. Раньше для этого высчитывали координаты через getBoundingClientRect, теперь всё делает браузер.Вм...

Кастомизация списков: от ::marker до @counter-styleСовременный CSS позволяет гибко управлять списками, не перегружая HTML лишними элементами. Разбираем три основных подхода.✅ Псевдоэлемент ::markerСамый быстрый способ изменить стандартную точку или цифру.Что можно: менять color, font-size и font-fam...

CSS-анимация на примере аналоговых часовКлассический разбор того, как знание спецификации заменяет скрипты. Автор воссоздал реалистичные часы, используя только возможности CSS3. Адаптивность через em: Один font-size родителя масштабирует все часы пропорционально (включая тени и засечки).Реалистичный...

🧭 Разбираем React вместе с Podlodka React CrewСовременные React-приложения становятся всё сложнее. Разработчики регулярно сталкиваются с проблемами производительности, утечками памяти и архитектурными вызовами. Базового понимания фреймворка становится недостаточно для результативной работы. 💡Экспе...

System Design - этап собеседования, на котором часто сыпятся даже сильные разработчики. Не потому, что они плохо пишут код, а потому что никогда не проектировали системы целиком и не знают, как уложить это в 40 минут собеса.В одном из гайдов собрана база, без которой сложно пройти System Design инте...

Если ты хочешь войти во фронтенд-разработку — сейчас идеальный момент входа.ИИ не убил профессию. Он убрал самое страшное — барьер входа.Сегодня первый рабочий сайт можно сгенерировать через ChatGPT или DeepSeek, довести до ума на HTML и CSS, оживить JavaScript и выложить в продакшен. Всё это за одн...

Find the stray numberВам дан массив целых чисел нечетной длины, все из которых одинаковы, за исключением одного единственного числа. Завершите метод, который принимает такой массив и возвращает это единственное число. Входной массив всегда будет верным! (нечетная длина >= 3) Примеры:[1, 1, 2] ==> 2[...

Программирование в алгоритмахИскусство программирования представлено в виде учебного курса, раскрывающего секреты наиболее популярных алгоритмов. Освещены такие вопросы, как комбинаторные алгоритмы, перебор, алгоритмы на графах, алгоритмы вычислительной геометрии. Приводятся избранные олимпиадные за...