Почти в каждом приложении есть эндпоинт логаута. И тут кроется коварная ловушка.

Фронтенд удаляет JWT, как только юзер жмёт «Выйти». Но правда ли он вышел? По факту — не всегда.

Задумайся над сценариями:
• токен скопировали до выхода
• срок действия JWT ещё не истёк
• другое устройство продолжает юзать тот же токен
• бэкенд по-прежнему спокойно принимает этот JWT

В этом и вся боль stateless-подхода: сервер не хранит состояние сессии, поэтому «удалил токен на клиенте» ≠ «завершил сессию».

Рабочие приёмы:
короткий TTL у access-токена + refresh, blacklist отозванных JWT в Redis, привязка токена к устройству.

А как ты реализуешь честный логаут на stateless JWT?

#JWT #backend #security

👨‍💻 Как войти в программирование с полного нуля

Собрали разбор для тех, кто хочет въехать в тему и выйти на первую работу без лишней воды. Никаких волшебных таблеток — только по делу.

Что внутри:

1. С чего реально начинать, если опыта ноль, и как не слиться на старте
2. Что происходит под капотом браузера, когда грузится веб-страница
3. Как вести себя, если на собеседовании задают кривые и некорректные вопросы
4. Обратная сторона профессии — о минусах, про которые молчат
5. ООП — база, без которой дальше никуда

Порядок можно ломать под себя, но первый пункт лучше не пропускать — мотивация решает не меньше, чем синтаксис.

#программирование #ООП #собеседование

🤔 Казалось бы, что сложного в том, чтобы отцентрировать элемент? А вот и нет — это одна из самых коварных задач во фронтенде

На Хабре разобрали тему по-настоящему глубоко. Главные мысли:

• Flexbox и Grid не спасают — они выравнивают контейнеры, но идеального визуального центрирования не гарантируют
• Метрики шрифта и высота строки реально сдвигают текст, и глазом это заметно
• Иконки рядом с подписью вечно «съезжают» — в статье показывают, почему так и как чинить на практике

Мелочь, из-за которой вёрстка выглядит криво даже у опытных разработчиков

Подписывайся, чтобы не пропустить такие разборы — здесь про фронт и код выходит регулярно

#Flexbox #CSS #вёрстка

Ну вот и до этого добрались: в Китае показали эмоционального гуманоида, которому реально можно выговориться — и он заплачет 😮

Фишка в том, что робота научили не просто слушать, а сопереживать. Расскажешь ему что-то по-настоящему грустное — и бот начнёт эмоционально реагировать, вплоть до настоящих «слёз».

По задумке разработчиков это выводит эмпатию машин на новый уровень: гуманоид улавливает тон, смысл сказанного и подстраивает реакцию под настроение собеседника.

Вопрос только один — это шаг к живому цифровому компаньону или мы просто учим железо давить на жалость? 🤔

Космос, генетика и технологии будущего — заходи туда, где наука объясняет мир.

#гуманоид #робот #AI

Vitest 5 заметно поднял скорость прогона тестов — особенно на больших изолированных suites, в Browser Mode и на vm pools.

Из новинок:

• Trace View — пошаговая отладка браузерных тестов, видно каждый шаг
• vi.when — удобная подмена модулей по условию, без лишних танцев с моками

Если гоняешь тесты на фронте и бесит долгий фидбек — обнови и почувствуй разницу. Меньше ждёшь, больше кодишь.

#Vitest #тесты #JavaScript

Видел когда-нибудь идеально круглую «дыру» в облаках? Многие принимают её за след НЛО, но объяснение куда прозаичнее 👇

Такой просвет появляется, когда самолёт пролетает через облако из переохлаждённых капель воды. Резкая смена движения воздуха и температуры запускает процесс замерзания.

Дальше всё просто: капли превращаются в ледяные кристаллы, те растут, тяжелеют и выпадают вниз. На их месте остаётся огромный круглый или овальный разрыв в облачном слое.

Явление называют fallstreak hole — красивое напоминание, что за многими «аномалиями» стоит обычная физика.

#физика #облака #природа

💸 Ошибка на миллиард долларов

Эрик Гулликсен как-то наткнулся на старый контракт с NVIDIA — и схватился за голову. Оказалось, 33 года назад ему недодали акции, которые сегодня тянут примерно на $1 млрд.

В 1993 году за работу над первым чипом NVIDIA ему полагалось 25 000 акций. Но на руки он получил лишь чуть больше половины — 9 375 штук так и не начислили.

С учётом всех последующих дроблений этот недостающий пакет вырос до ~4,5 млн акций. Это около $1,02 млрд по нынешнему курсу.

Гулликсен пошёл в суд, но было поздно: срок исковой давности давно истёк. Ни акций, ни денег вернуть не вышло 😰

Вот так невнимательность к бумажкам обернулась миллиардом мимо кассы

Все, о чем шепчутся за кулисами шоубиза, — слухи, скандалы и реальная жизнь звезд. Залетай туда, где горячие истории и свежий хайп появляются первыми.

#NVIDIA #акции #IT

⚡️ Xbox не продаётся — официально

Слухи о том, что Microsoft готовится сбросить игровое подразделение, оказались мимо кассы. Аша Шарма, глава Xbox, прямо заявила: никакой продажи не будет.

Да, внутри идёт масштабная реструктуризация, но цель у неё другая — развитие вдолгую, а не распродажа активов. Все эти перестройки, по словам Шармы, лично одобряет Сатья Наделла.

План простой на словах и сложный на деле: вернуть Xbox в топ и снова сделать бренд по-настоящему конкурентным на рынке. Посмотрим, во что это выльется.

#Xbox #Microsoft #Наделла

Как защитить API от повторного выполнения операций

Классика: клиент шлёт POST, сервер уже всё сделал, но ответ потерялся по тайм-ауту. Клиент повторяет запрос — и без защиты сервер второй раз создаёт ресурс, меняет состояние или отправляет письмо.

Решает это идемпотентность. Эндпоинт связывает уникальный ключ операции с отпечатком тела запроса и сохранённым результатом. Первый обработчик атомарно резервирует ключ, так что параллельные запросы не запускают операцию заново.

Дальше логика простая:
— повтор с тем же телом → отдаём прежний результат
— тот же ключ, но другое содержимое → 409 Conflict

Полноценный контракт учитывает ещё статус незавершённой обработки, срок жизни ключей и внешние эффекты. Событие для очереди пишем вместе с результатом в одной транзакции — тогда повтор не породит второе действие.

Подписывайся, чтобы не пропустить разборы по бэкенду и архитектуре — выходят регулярно

#API #backend #идемпотентность

😅 Один айтишник — три одинаковых резюме, и только одно дошло до финала

Опыт везде был абсолютно идентичный. Менялись лишь формулировки и подбор ключевых слов. Результат вышел показательным:

• Первое резюме улетело в корзину ещё на этапе автоматического отсева — алгоритмы его просто не пропустили
• Второе дотянуло до переписки и тестового, но получило отказ с классикой жанра: «опыт не совсем подходит»
• Третье, с теми же навыками, но другими словами — дошло до финала

Мораль простая: ATS-системы и рекрутеры читают не твой реальный опыт, а то, как ты его упаковал. Одни и те же скиллы можно подать так, что тебя отсеет робот, а можно — так, что позовут на оффер.

Если тянет к реке на рассвете и ночёвкам у костра — здесь живут истории про рыбалку и тайгу. Заглядывай за свежими трофеями, рабочими снастями и байками с воды.

#резюме #ATS #карьера

Всё ещё сомневаешься, стоит ли подключать ИИ-агентов к своим задачам?

Лови простой чек-лист — по нему сразу поймёшь, впишутся ли агенты в твою рутину:

• постоянно гоняешь однотипные задачи вручную
• тонешь в рутине, которую не жалко отдать на автопилот
• хочешь, чтобы часть работы шла без твоего участия
• уже пробовал разные боты и хочешь что-то поумнее

Набралось хотя бы три пункта? Тогда пора заводить себе ИИ-агента — и разгружать голову под по-настоящему важные вещи.

#AI #агенты #автоматизация

ИИ научился «читать» картинку прямо из мозга

Свежая модель берёт снимок МРТ и реконструирует то, на что человек смотрел в этот момент. Причём с приличной точностью: сохраняются композиция, расположение объектов и даже цвета. Да, артефакты пока вылезают — результат не идеальный, но для такой задачи это уже сильно.

И самое интересное впереди. Разработчики метят куда дальше простых изображений — в планах научить систему восстанавливать фантазии и даже сны.

Звучит как сюжет из фантастики, но мы потихоньку туда и движемся

#ИИ #МРТ #нейросети

🤔 База знаний для фронтендеров, которую стоит забрать в закладки

Огромная подборка статей, гайдов и справочных материалов по веб-разработке. Фокус — на том, без чего верстка не живет: HTML, CSS, JavaScript и современные подходы к макетам. От базовых принципов до боевых приемов, которые реально встречаются в проектах.

Что внутри:

• Flexbox и Grid — раскладки без боли
• адаптивная верстка под любые экраны
• типографика и доступность
• оптимизация сайтов и работа с изображениями
• CSS-анимации и прочие вкусности

Удобно, когда нужно быстро освежить теорию или подсмотреть рабочее решение, а не рыться по десяткам вкладок.

#frontend #CSS #верстка