Новая модель GPT-5.6 Terra — проверяем на задаче по планированию. Промпт: в рамках новых изменений необходимо добавить помимо персонажей ещё и локации. Задача — изучить код, предложить план реализации и план того, как на фронтенде отобразить локации в интерфейсе. Репозиторий не супер огромный, но и не маленький — 30-40 модулей, монорепа. Как Terra справилась с планированием — смотрим. Полный разбор с тестами — по ссылке под шортсом!
#gpt56 #gpt #chatgpt #openai #aimodels #planmode #gptterra #backend #frontend #monorepo
Контекстное окно LLM — это объём текста, который модель может "держать в уме" за один раз. Чем больше окно, тем больше данных можно загрузить. Но больше — не всегда значит лучше. Слишком большой контекст снижает точность ответа: модель начинает "забывать" середину, теряет фокус, а скорость падает. Оптимальный размер зависит от задачи. В этом шортсе объясняю, как это работает. Сохраняй — пригодится!
#llm #context #machinelearning #datascience #ai #ии #aicontext #aimemory #нейросети
Новая модель GPT-5.6 Sol — берем сложный баг, с которым не справилась Claude Fable. Проверяем, смогла ли новая модель OpenAI исправить то, что было не под силу конкуренту. Спойлер: результат неожиданный. Полный разбор с тестами — по ссылке под шортсом!
#gpt56 #gpt #chatgpt #openai #aimodels #bug #bugfix #gptsol #claudefable #ai
Задаёшь ширину 300px, а элемент получается шире? Дело не в баге, а в особенности box-sizing. По умолчанию (content-box) ширина считается только по контенту, а padding и border добавляются сверху. С box-sizing: border-box ширина включает всё — контент, padding и border. В этом шортсе коротко объясняю, как это работает и почему это важно. Частый вопрос на собеседованиях. Сохраняй — пригодится!
#boxsizing #css #webdev #frontend #border #padding #contentbox #css3 #coding
Новая модель GPT-5.6 Terra — усложняем задачу. Нужно было сделать аналитический отчёт по использованию моделей изображения на сервисе за последние две недели и дать рекомендации. Отчёт Terra сделала хороший, но скорость — полный провал. Медленнее Claude в полтора раза. При этом новая модель справилась намного лучше, чем старые версии GPT. Но вопрос: готовы ли вы ждать? Полный разбор с тестами — по ссылке под шортсом!
#gpt56 #gpt #chatgpt #openai #aimodels #terra #claudecode #analytics
async и defer — два атрибута для подключения скриптов, которые часто путают. В этом шортсе коротко объясняю, в чём разница и что выполнится раньше. async — загружается параллельно и выполняется сразу после загрузки, блокируя парсинг HTML. defer — загружается параллельно, но выполняется строго после полного парсинга HTML. Поэтому async выполнится раньше, но порядок не гарантирован. Частый вопрос на собеседованиях. Сохраняй — пригодится!
#async #defer #script #javascript #js #html #frontend #webdev #coding #programming
Ставишь z-index: 9999, а элемент всё равно перекрывается? Дело не в цифре. Всё из-за контекста наложения — stacking context. Это правило, по которому браузер определяет порядок слоёв. Если у родителя есть свой контекст (position: relative + z-index, opacity, transform и т.д.), он создаёт изолированный слой, и 9999 внутри него не перекроет элемент снаружи. В этом шортсе объясняю, как это работает и как починить. Сохраняй — пригодится!
#zindex #stackingcontext #css #webdev #frontend #coding #programming #css3 #layout
Новая модель GPT-5.6 Terra — проверяем на реальной аналитической задаче. С задачей, кстати, и младшая Luna справилась бы, но мы берём Terra, чтобы посмотреть, есть ли смысл переплачивать. Используем скилл построения аналитических отчётов — сравниваем с Claude, смотрим, кто точнее, быстрее и понятнее. Полный разбор с тестами на реальных задачах — по ссылке под шортсом
#gpt56 #gpt #chatgpt #openai #aimodels #terra #claudecode #analytics #aiskills
Эмбеддинги — это способ превратить текст, изображение или любой объект в набор чисел — вектор. Компьютеры не понимают смысл слов, но понимают числа, поэтому эмбеддинги позволяют алгоритмам сравнивать, искать и классифицировать информацию. Используются в рекомендательных системах, поиске, ChatGPT и компьютерном зрении. Простыми словами — это "числовое представление смысла". Сохраняй — пригодится!
#эмбеддинги #embeddings #machinelearning #ai #datascience #coding #programming
OpenAI выпустили сразу три новые модели GPT-5.6: Luna, Terra и Sol. В этом шортсе разбираем главные отличия: кто из них быстрее, кто умнее, кто тянет сложные задачи, а кто создан для простых сценариев. Выбор модели критически влияет на результат — разбираемся, какая для чего подходит. Полный разбор с тестами на реальных задачах — по ссылке под шортсом.
#gpt56 #gpt #chatgpt #openai #aimodels #luna #terra #sol #ainews #aicoding #ai #ии
Nub — это новый all-in-one toolkit для Node.js, созданный Коллином МакДоннеллом, автором Zod. Вместо того чтобы заменять Node, как Bun или Deno, Nub дополняет его — это Rust-обёртка, которая запускает обычный Node, добавляя TypeScript, JSX, автоматическую загрузку .env, встроенный вотчер, и работает в 2.9 раза быстрее tsx. Nub заменяет сразу несколько инструментов: nub вместо tsx и dotenv-cli, nub run вместо npm run (в 24 раза быстрее), nubx вместо npx (в 19 раз быстрее), а nub install работает как pnpm, но быстрее Bun в 4 раза. Установка — одна команда через curl, и он полностью совместим с npm, pnpm и Yarn. При этом Nub не добавляет своего API — никаких глобальных объектов, новых конфигов или lock-файлов. Если надоест, просто перестаёте его использовать, и проект продолжает работать на чистом Node.
#devnews #nodejs #nub #javascript #frontend #backend #webdevelopment #programming #rust #zod #typescript #bun #pnpm #devtools
Разбираю частые вопросы с собеседования про Event Sourcing. 1. Чем Event Sourcing отличается от обычного audit log? Audit log — это просто запись о том, что произошло. Event Sourcing — это способ хранения текущего состояния через события, из которых это состояние можно восстановить. 2. Как изменить схему события? События неизменяемы. Для изменения структуры используют версионирование: добавляют поле version и пишут апкастеры для преобразования старых событий в новый формат при чтении. 3. Что такое проекция? Проекция — это способ представления данных из событий для чтения. Например, материализованное представление в CQRS, которое строится на основе событий и отвечает на запросы. 4. Когда НЕ применять Event Sourcing? Для простых CRUD-приложений, для систем с высокими требованиями к производительности без необходимости в аудите, для временных данных и логов, а также когда команда не готова к сложности. Ответы на все вопросы — в шортсе. Про другие паттерны смотрите в полном видео — ссылка под шортсом.
#eventsourcing #cqrs #backend #backendinterview #designpatterns #codinginterview #techinterview #softwarearchitecture #eventsourcingpattern
Babel — это транспилятор JavaScript, который превращает современный код в версию, понятную более старым средам. В версии v8 вышло несколько важных изменений — он стал ESM-only и требует Node.js 22 и выше. @babel/preset-env теперь по умолчанию не компилирует код в ES5 — вместо этого ориентируется на современные браузеры. Также удалили опции loose и spec в пользу более гибких assumptions. Полифиллы core-js теперь подключаются через отдельный плагин. Но главный вопрос: актуален ли ещё Babel на фоне роста быстрых альтернатив вроде Oxc и SWC? В релизе даже признают, что экосистема изменилась, но при этом напоминают — у Babel всё ещё 650 миллионов загрузок в неделю.
#devnews #babel #oxc #esm #js #javascript #frontend #webdev #nodejs #bundler
1. Разбираю типичные ошибки при реализации Circuit Breaker — про них вас тоже могут спросить на бэкенд-собеседовании. 1. Один Circuit Breaker на всё приложение. Если один выключатель закрывает все внешние вызовы, то проблема в одном сервисе заблокирует доступ ко всем остальным. Решение: отдельный Circuit Breaker на каждый внешний сервис или на каждый тип вызова. 2. Слишком чувствительный порог. Если порог ошибок слишком низкий, Circuit Breaker будет часто открываться даже при незначительных сбоях. Решение: настраивать порог на основе реальной статистики ошибок и времени. 3. Нет fallback. Если Circuit Breaker открылся, вызовы падают с ошибкой. Решение: предусмотреть fallback — запасной ответ из кэша, заглушка или сообщение пользователю. 4. Не логируют переходы состояний. Без логов вы не поймёте, почему Circuit Breaker открылся или закрылся. Решение: логировать все переходы состояний для анализа и отладки. 5. Забывают про таймаут запроса. Circuit Breaker не спасёт, если внешний вызов висит бесконечно. Решение: настраивать таймаут на каждый вызов, чтобы Circuit Breaker мог считать его ошибкой. Про другие паттерны смотрите в полном видео — ссылка под шортсом.
#circuitbreaker #backend #circuitbreakerpattern #backendpattern #backendinterview #designpatterns #codinginterview #softwarearchitecture #microservices
Angular v22 — это важный релиз, который переводит три ключевые фичи из разряда экспериментальных в production-ready. Signal Forms — новая система управления формами на основе сигналов, которая объединяет лучшие черты реактивных и шаблонных форм. Angular Aria — набор accessibility-примитивов для создания доступных компонентов. И асинхронная реактивность с resource и httpResource — теперь данные с бэкенда можно получать декларативно, прямо в сигналах, без лишних подписок. Angular продолжает движение в сторону сигналов, и этот релиз — ещё один шаг к полностью сигнальному будущему. Кроме того, в Angular CLI добавили MCP-сервер для AI-агентов, а также два официальных скилла: angular-developer и angular-new-app. Теперь AI-помощники могут напрямую взаимодействовать с CLI и писать код в соответствии с актуальными best practices.
#devnews #angular #frontend #angularcli #signalforms #asyncreactivity #aria #mcp #webdev
Разбираю частые вопросы с собеседования про паттерн Circuit Breaker. 1. Чем Circuit Breaker отличается от retry? Retry повторяет запрос несколько раз в надежде, что ошибка временная. Circuit Breaker блокирует вызовы, когда сервис явно упал, чтобы не тратить ресурсы. Retry чаще используется с Circuit Breaker, но не заменяет его. 2. Что такое bulkhead? Bulkhead — это паттерн изоляции ресурсов. Он ограничивает количество одновременных вызовов к внешнему сервису, чтобы один проблемный сервис не забрал все ресурсы (потоки, соединения) системы. 3. Где хранить состояние Circuit Breaker в распределённой системе? В распределённых системах состояние хранят в централизованном хранилище — Redis, ZooKeeper или распределённом кэше, чтобы все инстансы приложения видели общее состояние. 4. Как мониторить Circuit Breaker? Использовать метрики: количество открытых/закрытых состояний, число ошибок, задержки и количество отклонённых вызовов. Инструменты — Prometheus, Grafana, Hystrix Dashboard.
#circuitbreaker #faulttolerance #backend #backendinterview #designpatterns #codinginterview #techinterview #softwarearchitecture #microservices
Motion — это библиотека для анимаций в вебе, которая раньше называлась Framer Motion. Она позволяет создавать плавные анимации в React, Vue и обычном JavaScript с простым декларативным синтаксисом. В версии 12.40 появилась интересная фича: в transition.arc() можно передать опцию path, что позволяет анимировать движение объекта по заданной траектории. В версии 12.39 добавили поддержку repeatType и repeatDelay для последовательностей анимации, а также множество исправлений для жестов перетаскивания и работы variants. Motion остается ключевым игроком с 11 миллионами загрузок в неделю.
#devnews #framermotion #motion #animation #react #javascript #vuejs #ux #ui #frontend
В React Native 0.86 произошло важное событие — репозиторий проекта вместе с Metro, Yoga и сайтом переехал в организацию React Foundation. Это большой шаг к объединению всей экосистемы под одной крышей. Из технических новшеств — полноценная поддержка edge-to-edge на Android 15+ и эмуляция светлой/тёмной темы прямо в DevTools. И приятный бонус: это уже второй релиз подряд без breaking changes, так что обновление пройдёт максимально гладко.
#devnews #reactnative #react #mobiledev #appdevelopment #android #ios #frontend #webdev #reactfoundation
В этом шортсе подвожу итоги по ZCode и моделям GLM. Начну с тарифов: лайт-подписки хватит только для небольших задач, а для полноценной работы и больших проектов понадобится подписка уровня 100-долларовой подписки Claude, но она дешевле Claude в полтора раза. По планированию GLM-5.2 не уступил Opus — это серьёзный плюс. Из преимуществ ZCode — встроенный браузер с DevTools, чего нет у Claude, и работает без VPN. Но есть и минусы: ZCode не может управлять браузером, как это делает Claude Code, и интерфейс планирования в ZCode менее удобный, чем у Claude. В итоге если не получается подключить Claude или хочется альтернативу — ZCode с GLM-5.2 неплохой вариант. Мощная модель, уникальные фичи, но с некоторыми ограничениями по управлению и удобству.
#zcode #claudecode #claudeopus #glm #glm52 #zai #aimodel #aiagent #aitools #aicoding
В этом шортсе показываю встроенный браузер в ZCode — это не просто для предпросмотра HTML, а полноценный инструмент для разработки. Можно открывать локальные файлы и проекты прямо внутри редактора, проверять вёрстку и видеть изменения в реальном времени. И да, там есть DevTools — инспектор элементов, консоль и всё, что нужно для отладки фронтенда. DevTools открывается одной кнопкой, буквально в один клик. У Claude Code, например, такой возможности нет . Также можно сделать референс любого элемента из браузера — прямо в коде или консоли. В ZCode всё сразу под рукой: смотришь на страницу, открываешь DevTools, правишь код на лету. Удобно, быстро, не нужно переключаться между окнами.
#zcode #devtools #browser #glm #glm52 #zai #aimodel #aiagent #aitools #aicoding