Последние посты
Frontend Interview - собеседования по Javascript / Html / Css
22 сент., 14:00
🔴AI кодинг интервью с разработчиком из международного FinTech в четверг в 19:00ДА! Вайбкодинг реально начали проверять на интервью, поэтому мы нашли собеседующего, который проводит AI-секцию в международном финтехе, чтобы вы увидели что на ней спрашивают и как к ней подготовиться.Как это будет: 📂 Александр Дмитриев, разработчик из известного международного финтеха, ex-VK, ex-Ozon проведет вайбкодинг секцию разработчику-добровольцу; 📂 Александр будет задавать реальные вопросы с секций, которые проводил сам и комментировать ответы; 📂 В конце можно будет задать любой вопрос Александру.Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для разработчиков, которые хотят сменить работу, повысить свой грейд, ЗП и прокачать скиллы.Перех
Frontend Interview - собеседования по Javascript / Html / Css
15 сент., 15:00
🔴 Тестовый собес на Frontend-разработчика со старшим разработчиком ex. Сбер в этот четверг! [+ разбор 50 сложных вопросов в подарок ]17 сентября (в этот четверг!) в 19:00 по мск приходи онлайн, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика!Собеседование проведёт Даниил Дмитриев - старший разработчик в R-Vision, ex. Сбер,Как это будет:📂 Даниил задаст разработчику вопросы и задачи, которые могут спросить на реальном собесе📂 После каждого ответа респондента ты услышишь подробный комментарий от ментора и поймёшь, чего на самом деле ожидает собеседующий на интервью📂 В конце сможешь задать любой вопрос Даниилу и получить на него развёрнутый ответЭфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллыИ ты можешь посмотреть его бесплатно 🔥 Только завтра, в прямом
Frontend Interview - собеседования по Javascript / Html / Css
15 сент., 06:00
Оффер 427 000₽ на руки в Сбер и отказались Оффер 380 000₽ на руки в банк Оффер 6 800$ net с релокацией на Кипр Оффер 4 500$ в американскую компанию👆Это недавние результаты участников нашего комьюнити.Меня зовут Тихон - я действующий разработчик и ментор. Уже 2 года я развиваю комьюнити, где 300+ разработчиков, и вместе мы выжимаем из рынка максимум!В нашем канале много ценного для разработчиков по подготовке к собесам👇Полные разборы реальных собеседований: Сбер, VK, OZON, M-Video, Evrone, еще раз OZON, IT One, Trading View, МТС, Лантан, ДОМ.РФСборники вопросов по темам: Кибербезопасность на собеседовании Все вопросы по React на собеседовании Все вопросы по TypeScript на собеседовании Как решать задачи двумя указателями Вопросы с Vue собеседований Вопросы по сетям и методологиям с 200 собесовFrontend Interview - собеседования по Javascript / Html / Css
2 сент., 09:37
Как убрать «висячие» строки во Flexbox: flex-wrap: balance и flex-line-countКаждый фронтендер сталкивался с проблемой: настраиваешь flex-wrap: wrap, но при сужении экрана на последнюю строку перескакивает ровно один элемент. Раньше это костылили через медиазапросы. Теперь в Chrome есть нативные свойства flex-wrap: balance и flex-line-count.Автобалансировка: flex-wrap: balance Свойство распределяет элементы по строкам равномерно, убирая одиноких «сирот» в конце:CSS .channels { display: flex; flex-wrap: balance; justify-content: center; gap: 1rem; } Никаких сложных вычислений или JS — браузер всё делает сам.Контроль строк через flex-line-count Оно задает минимальное количество строк. Даже если места хватает для одного ряда, элементы принудительно распределятся по заданному числу:CSS
Frontend Interview - собеседования по Javascript / Html / Css
1 сент., 14:31
🔴 Тестовое собеседование на Frontend-разработчика со старшим разработчиком ex. Сбер3 сентября(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.Как это будет: 📂 Даниил Дмитриев, старший разработчик в R-Vision, ex. Сбер, будет задавать реальные вопросы и задачи разработчику-добровольцу 📂 Даниил будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью 📂 В конце можно будет задать любой вопрос ДаниилуЭто бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.Переходи в нашего бота, чтобы получить ссылку на эфир →
1,200Открыть в TelegramFrontend Interview - собеседования по Javascript / Html / Css
28 мая, 11:38
TanStack Form: новый стандарт для работы с формами в JSВсе знают TanStack Query (бывший React Query), который перевернул работу с запросами. Теперь команда разработчиков выпустила TanStack Form - библиотеку для управления формами, которая решает старые боли фронтендеров.Главные фишки:🟢Агностицизм: работает не только с React, но и с Vue, Angular, Solid, Svelte и даже Vanilla JS.🟢100% Type-Safe: глубокая интеграция с TypeScript. Ошибки в названиях полей или типах данных подсвечиваются прямо при написании кода.🟢Валидация без привязки: можно использовать любую привычную библиотеку (Zod, Valibot, Yup) или писать кастомные функции.🟢Производительность: библиотека обновляет состояние точечно, поэтому даже огромные формы с сотнями полей не будут
Frontend Interview - собеседования по Javascript / Html / Css
11 мая, 09:11
«Летающий» фокус на View Transitions APIАнимация перемещения фокуса между элементами (focus ring) делает интерфейс «живее» и помогает пользователю не терять активный элемент при навигации с клавиатуры. Раньше для этого высчитывали координаты через getBoundingClientRect, теперь всё делает браузер.Вместо анимации самой кнопки мы анимируем только рамку фокуса. Для этого каждому интерактивному элементу добавляется вспомогательный <span>.1️⃣ CSS: Рамка фокуса получает уникальное view-transition-name только в тот момент, когда родительский элемент находится в состоянии :focus-visible.2️⃣ JS: Переключаем фокус программно внутри startViewTransition. Браузер увидит, что элемент с именем focus-ring переместился и изменил размер, и сам создаст плавный переход.👉 @frontendInterview
Frontend Interview - собеседования по Javascript / Html / Css
20 мар., 09:56
Кастомизация списков: от ::marker до @counter-styleСовременный CSS позволяет гибко управлять списками, не перегружая HTML лишними элементами. Разбираем три основных подхода.✅ Псевдоэлемент ::marker Самый быстрый способ изменить стандартную точку или цифру.Что можно: менять color, font-size и font-family.Ограничение: нельзя задать фон или произвольное позиционирование.Нюанс: маркер выравнивается по базовой линии текста. При большом font-size он сместится вверх относительно строки.✅ Директива @counter-style Инструмент для создания собственных систем нумерации (Baseline 2023).system: cyclic — позволяет зациклить любые символы или эмодзи (например, фазы луны 🌑🌓🌕).system: extends — модифицирует стандартные стили (например, заменяет точку после цифры на скобку: 1) вместо 1.).PiccalilliAn in-depth guide to customising lists with CSSRichard Rutter helps you to make sense of list-style, list-item, ::marker, counters(), counter(), @counter-style, symbolic, symbols(), symbols and more to push your HTML and CSS lists to the next level.4,230Открыть в TelegramFrontend Interview - собеседования по Javascript / Html / Css
18 мар., 17:00
CSS-анимация на примере аналоговых часовКлассический разбор того, как знание спецификации заменяет скрипты. Автор воссоздал реалистичные часы, используя только возможности CSS3.Адаптивность через em: Один font-size родителя масштабирует все часы пропорционально (включая тени и засечки).Реалистичный хром: Многослойные box-shadow (внешние и inset) создают объем и металлический блеск без картинок.Вложенные transform: rotate(): Умная расстановка минутных делений по кругу с помощью всего нескольких тегов <i>.Тиканье стрелки: Анимация с animation-timing-function: steps(60) вместо плавного вращения.Понимание вложенных трансформаций и оптимизации рендеринга помогает делать производительные UI-анимации, не нагружая Main Thread.📖 Детали реализации на Хабре: https://habr.com/ru/articles/171015/👉 @frontendInterview
Frontend Interview - собеседования по Javascript / Html / Css
17 мар., 11:33
🧭 Разбираем React вместе с Podlodka React CrewСовременные React-приложения становятся всё сложнее. Разработчики регулярно сталкиваются с проблемами производительности, утечками памяти и архитектурными вызовами.Базового понимания фреймворка становится недостаточно для результативной работы.💡Эксперты Podlodka React Crew решили разобраться с этой проблемой на онлайн-конференции под названием «Продвинутый React».С 23 по 27 марта ее участники:⚙️ узнают, как устроен рендер и внутренние механизмы в современном React🧠 познакомятся с архитектурой приложений, где применяются React Server Components📊 научатся профилировать React-приложения и выявлять медленные рендеры, memory leak🛠️познакомятся с дополнительными инструментами, которые помогут упростить отладку и выявить сложные проблемыФормат — удобный и ламповый: пять дней, живые Zoom-сессии утром и вечером, закрытое
Frontend Interview - собеседования по Javascript / Html / Css
14 мар., 09:00
System Design - этап собеседования, на котором часто сыпятся даже сильные разработчики. Не потому, что они плохо пишут код, а потому что никогда не проектировали системы целиком и не знают, как уложить это в 40 минут собеса.В одном из гайдов собрана база, без которой сложно пройти System Design интервью: что именно проверяют на таких собеседованиях, почему плохой архитектурный дизайн может уронить продукт, какие требования собирают перед проектированием и как инженеры подходят к построению систем уровня Amazon.В первой части рассказывается: - что такое системный дизайн и кому он нужен - как в целом проектируются системы: монолиты, микросервисы, нагрузка, масштабирование, проектирование API - какие темы нужно понимать для продвинутого уровня: распределённые транзакции, 2PC, 3PC, TCC и другие.Во второй части планируют разобрать System Design во фронтенде, но для подготовки кYouTubeПервая часть гайда по System Design (все IT направления) / Пройти интервью на Middle+➡️ Полный 5ти часовой курс: https://youtu.be/HHQTVvMXadE 👉 Менторы, принявшие участие в записи курса: Инара Гаврилина: https://t.me/find_it_mentor_bot?startapp=mentor_432142118 Михаил Савин: https://t.me/find_it_mentor_bot?startapp=mentor_1168274840 👉…2,430Открыть в TelegramFrontend Interview - собеседования по Javascript / Html / Css
12 мар., 10:30
Если ты хочешь войти во фронтенд-разработку — сейчас идеальный момент входа.ИИ не убил профессию. Он убрал самое страшное — барьер входа.Сегодня первый рабочий сайт можно сгенерировать через ChatGPT или DeepSeek, довести до ума на HTML и CSS, оживить JavaScript и выложить в продакшен. Всё это за одну неделю.Именно это мы и делаем на бесплатном 7-дневном практикуме.Ты пройдёшь путь от чистого листа до реального проекта в портфолио, с поддержкой кураторов на каждом шаге. Не один на один с туториалами.Стартуем завтра. 👉 Приходи на бесплатный практикум🎁 Каждому участнику гайд «Фронтенд в 2026: что делать новичку в эпоху ИИ»
Frontend Interview - собеседования по Javascript / Html / Css
27 янв., 09:51
Find the stray numberВам дан массив целых чисел нечетной длины, все из которых одинаковы, за исключением одного единственного числа. Завершите метод, который принимает такой массив и возвращает это единственное число.Входной массив всегда будет верным! (нечетная длина >= 3)Примеры: [1, 1, 2] ==> 2 [17, 17, 3, 17, 17, 17, 17] ==> 3👉 @frontendInterview
2,740Открыть в TelegramFrontend Interview - собеседования по Javascript / Html / Css
25 янв., 21:57
Frontend Interview - собеседования по Javascript / Html / Css
25 янв., 21:57
Программирование в алгоритмахИскусство программирования представлено в виде учебного курса, раскрывающего секреты наиболее популярных алгоритмов. Освещены такие вопросы, как комбинаторные алгоритмы, перебор, алгоритмы на графах, алгоритмы вычислительной геометрии. Приводятся избранные олимпиадные задачи по программированию с указаниями к решению.👉 @frontendInterview
3,090Открыть в TelegramFrontend Interview - собеседования по Javascript / Html / Css
9 янв., 10:27
Как реализовать перегрузку функции в TypeScript?TypeScript поддерживает перегрузку функций, но её реализация отличается от той, которую можно видеть в других языках. А именно, описывается лишь одна функция и некоторое количество её объявлений с разными параметрами. Когда такой код компилируется в JavaScript, в нём остаётся лишь одна функция. Этот механизм работает благодаря тому, что JS-функции можно вызывать с любым количеством параметров.class Foo { myMethod(a: string); myMethod(a: number); myMethod(a: number, b: string); myMethod(a: any, b ? : string) { alert(a.toString()); } }👉 @frontendInterview
3,500Открыть в TelegramFrontend Interview - собеседования по Javascript / Html / Css
10 дек. 2025 г., 20:19
Frontend Interview - собеседования по Javascript / Html / Css
5 дек. 2025 г., 14:30
Story Points или искусство делать ставку на выдуманные числаСегодня я хотел бы в очередной раз поднять тему оценки задач, а конкретно оценки при помощи Story Points. Хотя мы давно применяем их в работе, оказалось, что команда по-разному трактует детали. Поэтому мы решили систематизировать и выровнять наши знания, собрать хорошие практики по работе со Story Points и попробовать улучшить процедуру оценки задач у нас.Результатом работы стал этот материал, которым я с радостью делюсь с вами. Он не претендует на откровения, но удобно собирает терминологию, практические советы и наш опыт — возможно, это сэкономит вам пару-тройку Story Points.👉 @frontendInterview
Frontend Interview - собеседования по Javascript / Html / Css
4 дек. 2025 г., 09:19
CSS cвойство marginMargin задаёт внешние отступы вокруг элемента. Эти отступы не являются частью ширины/высоты элемента при любом значении box-sizing.Схлопывание Вертикальные отступы схлопываются друг с другом, горизонтальные – нет. То-есть, если два <div> расположить в колонку (один под другим) и задать каждому margin: 20px 0, то расстояние между ними будет равняться 20px, а не 40px. При этом, если бы у верхнего элемента был задан отступ в 40px, а у нижнего - в 30px, то автоматически выбрался бы больший из них - 40px. Горизонтальные отступы при этом не схлопываются, а суммируются.Отрицательные значения Отрицательные значения margin-top/margin-left смещают элемент со своего обычного места.В CSS есть другой способ добиться похожего эффекта – а именно position:relative. Но между ними есть одно принципиальное различие: при сдвиге через margin соседние элементы занимаютFrontend Interview - собеседования по Javascript / Html / Css
28 нояб. 2025 г., 15:30
