Популярный вопрос на собеседованиях для бэкенд и фронтенд разработчиков: что такое JWT и из каких частей он состоит? За минуту разбираем структуру JSON Web Token — header, payload, signature. Объясняю, за что отвечает каждая часть, где хранятся данные, как происходит проверка подписи и почему JWT часто используют для аутентификации. Поймете, как отвечать четко и без воды. Сохраняйте шпаргалку — пригодится на собеседовании!
#jobinterview #собеседование #interviewquestions #techinterview #codinginterview #jwt #jsonwebtoken #json #api
Один из базовых вопросов на собеседованиях для разработчиков: чем отличается аутентификация от авторизации? За минуту объясняю, почему эти два понятия постоянно путают, и как запомнить разницу раз и навсегда. Аутентификация — это проверка личности, вопрос "кто ты?". Авторизация — это проверка прав, вопрос "что тебе можно?". Поймете, как отвечать четко и уверенно, чтобы показать свой уровень. Сохраняйте шпаргалку — пригодится на собеседовании.
#jobinterview #собеседование #interviewquestions #techinterview #codinginterview #authentication #authorization #infosec
Сегодня разбираем вопрос, который звучит на каждом техническом интервью: SQL или NoSQL — какой выбрать и почему? За минуту объясняю, в каких случаях нужны строгие схемы и транзакции, а когда важнее горизонтальное масштабирование и гибкость структуры данных. Поймете, как отвечать на этот вопрос четко и уверенно, чтобы показать свой уровень. Сохраняйте шпаргалку — пригодится на собеседовании.
#jobinterview #собеседование #interviewquestions #techinterview #codinginterview #sql #nosql #database #postgresql #mongodb
Разбираем классический вопрос с технических собеседований за одну минуту. Cookie, localStorage и sessionStorage — вроде бы все хранят данные на стороне клиента, но путать их нельзя. В этом шортсе объясняю, какой объем данных куда помещается, кто умеет летать на сервер, а кто остается только у вас в браузере, и почему sessionStorage исчезает, стоит только закрыть вкладку. Сохраняйте себе, чтобы не заплутать на собеседовании или просто наконец-то разложить все по полочкам!
#localstorage #cookie #sessionstorage #jobinterview #собеседование #interviewquestions #webapi #browserstorage #codinginterview
Многие до сих пор думают, что JavaScript — это только браузер и кнопки. State of JS 2025 опросил десятки тысяч разработчиков и выяснил, где реально используют JS. Фронтенд в топе, бэкенд уверенно держится, а дальше — мобилка, десктоп, визуализация и даже анализ данных. В шортсе — цифры по каждой сфере. Смотри, чтобы не застрять в стереотипах, и пиши в комментах — для чего используешь JS ты!
#stateofjs #javascript #js #frontend #backend #mobileapps #dataanalysis #desktopapp #webdev
В TypeScript есть тип never, о котором многие забывают! А ведь он помогает делать исчерпывающие проверки в switch и защищает от необработанных случаев. В шортсе показываю, как и где его использовать. А другие небанальные ошибки TypeScript — в полном видео!
#typescript #ts #typesafety #typenever #typescripttutorial #typescripttips #typescriptadvanced
Vite обогнал React по использованию, Hono и Bun ворвались в S-тир с 90% удовлетворенности, а Next.js снова всех разделил — его и любят, и ненавидят больше всех. В шортсе — полный разбор тир-листа State of JS 2025: кто взлетел, кто просел, а кто неожиданно оказался в топе. Смотри, чтобы знать, какие библиотеки точно стоит добавить в свой стек, и пиши в комментах свой тир-лист!
#js #javascript #frontend #backend #frameworks #bun #hono #nextjs #vite #vitest
Partial хорош, но не всегда. Иногда нужно, чтобы одни поля оставались обязательными, а другие стали необязательными. На помощь приходит утилитарный тип — PartialExcept. В шорсте показываю реализацию и пример использования.
#typescript #ts #typesafety #partial #partialexcept #typescripttutorial #typescripttips #utilitytypes
Главный опрос года State of AI среди разработчиков вышел! Кто занял трон, пока все спорили про галлюцинации? Спойлер: интрига есть. В этом шортсе разбираем рейтинг популярности нейросетей: почему ChatGPT все еще на вершине, но Claude дышит в спину, и кто занял почетное третье место. Смотри, чтобы не отставать от мира ИИ!
#chatgpt #claude #ai #ии #stateofai #aimodels #llm #artificialintelligence #aicoding #devnews
Одна из частых ошибок в TypeScript — писать лишний код там, где можно обойтись встроенными утилитарными типами. Partial делает все поля объекта необязательными, Omit удаляет ненужные. Показываю на примере, как они упрощают типизацию. Больше ошибок — в полном видео!
#typescript #ts #typesafety #partial #omit #typescripttutorial #typescripttips #utilitytypes
Галлюцинации, неточности, сложность интеграции, непредсказуемость — это лишь часть проблем, с которыми сталкиваются разработчики при работе с AI-моделями. В этом шортсе — полный разбор свежего опроса State of AI 2025. Собрали главные боли в один рейтинг, чтобы вы видели полную картину. А какая проблема для вас самая болезненная? Пишите в комментариях!
#ai #ии #aimodels #aiproblems #aihallucinations #aidevelopment #artificialintelligence #stateofai
Типизируешь объекты в TypeScript через object или {}? Это ошибка! Такие типы слишком широкие и не защищают от ошибок. Вместо них используйте Record﹤string, unknown﹥. Почему так — показываю в шортсе!
#typescript #ts #typesafety #typescripttutorial #typescripttips #code #coding
Перенести макет из Figma в Pencil.dev можно простым Ctrl+C, Ctrl+V. Копируете фреймы, слои, целый экран — и вставляете прямо на холст Pencil.dev. Все отступы, фреймы, Auto Layouts и стили сохраняются один в один. Никаких экспортов, плагинов и перерисовок. Дальше макет становится не просто картинкой, а полноценным проектом, где AI помогает довести его до кода. Как это работает — показываю в шортсе!
#pencildev #figma #figmadesign #ai #ии #aidesign #aidesigntools #webdesign #ux #ui
Ошибка — использовать as там, где нужен satisfies. as явно приводит тип, теряя информацию. satisfies же проверяет структуру, но не меняет тип. Особенно полезно с as const — типы становятся узкими, а проверка остаётся. Смотри пример в Shorts. Другие ошибки в TypeScript — в полном видео!
#typescript #ts #satisfies #asconst #typescripttutorial #typescripttips #code #coding
Новый плагин для Chrome — Visual Agentic Dev. Главная фишка: клик-поиск + цикл правок через ИИ. Выделяешь элементы на странице, а агент (Claude Code, CCR или другой) сам вносит изменения, управляя терминалом. React-проектам заходит на ура, особенно с React 19.
#chrome #googlechrome #chromeextension #aiagent #ииагент #aitools #plugin #react #devnews
Одна из самых частых ошибок — игнорировать readonly. А потом ваш код попадает к другому разработчику, и начинаются проблемы. readonly защищает данные от случайных изменений и делает код предсказуемее. Как правильно его применять — в этом Shorts. Больше ошибок — в полной версии видео!
#typescript #ts #readonly #typescripttutorial #code #coding
Один разработчик за неделю полностью мигрировал Next.js на Vite с помощью AI. Получился Vinext — сборка до 4,4 раза быстрее, бандлы на 57% легче и полная совместимость с существующими проектами. Этот кейс показывает новую реальность: AI пишет код, а разработчикам нужно учиться строить архитектуру. Ближайшее будущее — взрывное развитие фреймворков, потому что теперь их создание не требует годов и команд энтузиастов.
#devnews #next #nextjs #vite #vinext #ai #ии #aidevelopment #framework
В Pencil.dev работает удобная штука: кликаете на любой блок интерфейса, и он сразу добавляется в контекст для AI. Дальше можно просто написать или продиктовать голосом: "эту штуку перемести вправо" или "сделай блок меньше" — и нейросеть сама вносит изменения прямо на холсте. Никаких долгих описаний и ручных правок. Просто выбрали блок, сказали что сделать, и готово. Хотите так же управлять дизайном? Смотрите в шортсе!
#pencildev #ai #ии #aidesign #aidesigntools #webdesign #ux #ui #prompt
Вышло большое и важное обновление Angular 21.2: в шаблонах наконец-то можно использовать стрелочные функции, а для @switch добавили строгую проверку типов через @default never. Фреймворк продолжает готовиться к переходу на OnPush по умолчанию, а сигнальные формы получили улучшения в работе с фокусом. Также обновление затронуло роутинг, анимации и другие части, делая разработку ещё удобнее. Подробнее — в шортсе!
#devnews #angular #angular21 #webdev #angularrelease #coding #code
Думаете, из Pencil.dev нельзя выгрузить готовый код? Можно, но нужен MCP-сервер. Подключаете его через терминал, например, с Claude — и дальше Pencil.dev начинает общаться с вашим проектом напрямую. Хотите сгенерировать компонент для Next, Nuxt, Angular или просто HTML-файл? MCP сам разложит код по нужным папкам в структуре проекта. Да, один раз настроить придётся, зато потом никакого ручного экспорта и копипаста. Как это работает — смотрите в шортсе!
#pencildev #mcp #html #ai #ии #aidesign #aidesigntools #webdesign