Frontend Головного Мозга

Оффер 427 000₽ на руки в Сбер и отказалисьОффер 380 000₽ на руки в банкОффер 6 800$ net с релокацией на КипрОффер 4 500$ в американскую компанию👆Это недавние результаты участников нашего комьюнити. Меня зовут Тихон - я действующий разработчик и ментор. Уже 2 года я развиваю комьюнити, где 300+ разр...

Почему AI всё ещё плохо верстает?Потому что «сверстай по этой картинке» и «работай в рамках существующего проекта» — две совершенно разные задачи. О том, как решать вторую, расскажет Эмиль Янгиров из Одноклассников на VK Frontend Meetup SPB 30 сентября в Санкт-Петербурге.На встрече разберут ещё две ...

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

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

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

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

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

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

@frontend_mind

Как реализовать перегрузку функции в TypeScript?TypeScript поддерживает перегрузку функций, но её реализация отличается от той, которую можно видеть в других языках. А именно, описывается лишь одна функция и некоторое количество её объявлений с разными параметрами. Когда такой код компилируется в Ja...

@frontend_mind