Live and recent posts from across the Fediverse tagged #фронтенд, aggregated by home.social.
Вес 0.7000000000000001 кг: откуда в JavaScript берутся такие числа
Вес роутера 0.7000000000000001 кг на М.Видео. Штемпель 0.30000000000000004×2.5 см на Wildberries. Эти числа никто не вводил руками: где-то значение посчитали и забыли округлить.
https://habr.com/ru/articles/1096910/
#javascript #фронтенд #ieee754 #floatingpoint #binary64 #tofixed
React 19.3: что реально поменялось и почему это важно
Если следить за React только по крупным релизам, легко пропустить момент, когда библиотека тихо меняет направление. React 19.3 — как раз такой случай. Сам релиз вышел 9 сентября 2026 года. И я хочу поделиться парой моментов из этого обновления. Рассмотрим пару хуков это ViewTransition и Fragment Refs . Еще, что я могу выделить, это новые возможности для SSR , Server Components и работы с браузерными API .
https://habr.com/ru/articles/1095298/
#html #css #js #ts #фронтэнд #фронтенд #react #фронтэнд_javascript #фронтендразработка #фронтенд_технологии
Архитектура фронтенда (доработки и SSR)
Архитектура фронтенд приложения — вопрос не простой. Подтверждением тому служит то, что многие до сих пор считают архитектурой FSD. Больше того, считают хорошей архитектурой. Отчасти из-за того, что сложность фронтенд-приложений выросла быстро и сообщество за ним не успело. Отчасти из-за того, что фронт достаточно долго обладал самым низким порогом хода в программирование и в какое-то время его наводнили ребята, обученные на курсах «Стань React разработчиком за 20 дней». Эта статья — моя вторая попытка доработать архитектуру фронтенд-приложения, позволяющую вести контролируемую и предсказуемую разработку, минимизировать зависимость от внешних инструментов и упростить интеграцию llm в процесс разработки.
Скам расправил плечи: как ИИ открыл возможности для мошенников в ИТ-найме
Сейчас в ИТ-сфере довольно турбулентно и непредсказуемо: экономическая нестабильность, массовые увольнения, сокращение общего числа вакансий, повсеместное внедрение ИИ, который угрожает заменить разработчиков. Все заставляет переживать работников интеллектуальной сферы. Совокупность всех описанных факторов распространило на рынке огромное число скам-вакансий. Не удивительно, ведь злоумышленники всегда играли на чувствах и опасениях жертв, а текущая ситуация создает огромные возможности для подобных действий. Сегодня я хочу уделить внимание конкретному виду таких схем, которая напрямую затронула и меня.
https://habr.com/ru/articles/1094498/
#безопасность #найм #скам #безопасность_в_сети #фронтенд #фронтендразработка
От AJAX до React: как мы полностью изменили архитектуру разработки фронтенда ВКонтакте
Привет, Хабр! Меня зовут Егор Смирнов, я руководитель команды Backend for Frontend в VK. Одна из зон нашей ответственности — поддержка и развитие инфраструктуры для фронтенда ВКонтакте. Веб-версии ВКонтакте в 2026 году исполнилось 20 лет. За это время наш фронтенд прошёл путь от AJAX до современного веб-приложения. Раньше мы вручную манипулировали DOM, сборка иконок превращалась в приключение, а деплой и откат занимали по полчаса. К середине 2026 года мы выстроили масштабируемую архитектуру, в которой компоненты, сборка и деплой работают как единая система. Как мы полностью переработали архитектуру ВКонтакте за три последних года, расскажу в этой статье.
https://habr.com/ru/companies/vk/articles/1093910/
#ajax #производительность #архитектура #проектирование #performance #деплой #фронтенд #react #bff #ssg
Может ли робот написать merge request? Агенты фронтенда с GigaChat и без
Салют, Хабр! У GitHub есть GitHub Copilot Code Review, y GitVerse — GigaCode Agent… но мы не можем их использовать, так как это внешние решения, которым не хочется открывать свой код. Когда речь идёт об AI-агентах в разработке, путь большинства крупных компаний — создавать собственный велосипед с нужным количеством колёс и педалей. Меня зовут Аврора, я занимаюсь инфраструктурой фронтенда в SberDevices. Для упрощения работы мы реализовали систему агентов фронтенда, где скомбинировали два подхода: агентный цикл, где модель получает цель и инструменты, и детерминированный workflow, когда она выполняет отдельные ограниченные задачи. Сегодня расскажу о работе наших агентов: об ошибках фронтендеров по статистике AI-ревьюера, парсере для сужения контекста модели и функции системы, которая оказалась (внезапно) самой востребованной.
История HTML и CSS. Какие элементы и свойства ушли навсегда
Хабр, привет. Многие люди с интересом относятся к истории. Читают книги, рассматривают архитектуру городов, смотрят фильмы времени наших родителей. Мне кажется, веб достиг периода, когда мы можем с интересом поговорить о прошлом HTML и CSS. Сегодня я пришел к вам, чтобы оглянуться немного назад и вспомнить фичи, которые когда-то были частью веба. Возможно, некоторые из них вы когда-то даже использовали. Давайте посмотрим, что я вам подготовил.
https://habr.com/ru/companies/ruvds/articles/1089108/
#html #css #вебразработка #фронтенд #браузеры #вёрстка #устаревшие_технологии #legacy #ruvds_статьи
Если UI плагинный, почему BFF монолитный?
Модульная архитектура во фронтенде дает командам автономность: каждая пилит свой модуль и не ждет соседей. Потом появляется BFF, один на всех, и автономность начинает утекать обратно. Каждая новая ручка проходит через согласования, релизы приходится синхронизировать, узкое место просто переезжает с клиента на сервер. Привет, Хабр! Меня зовут Маргарита Козырева, я — сеньор-фронтенд в «Лаборатории Касперского», работаю в Kaspersky Security Center. В айти семь лет, значительная часть из них ушла на дизайн-системы, которые я строила с нуля. Мы решили сделать серверный слой таким же модульным, как клиент. В статье разбираю, из чего состоит платформа, что остается за командой, как модуль регистрируется в рантайме и какой ценой это дается.
https://habr.com/ru/companies/kaspersky/articles/1086338/
#bff #микрофронтенд #фронтенд #фронтендразработка #интерфейсы #ux
Задача со звёздочкой для фронтенда: выравниваем иконки с текстом
Расположить иконку рядом с текстом — с этой задачей сталкивался каждый фронтенд-разработчик. Вроде бы ничего сложного. Тогда почему с ней не могут справиться ни Apple, ни Microsoft, ни Google, ни другие техногиганты? Меня зовут Армен Аллахвердян , я фронтенд-разработчик из команды дизайн-системы Авито . В статье разберёмся, почему простая на первый взгляд задача вызывает столько проблем, и выясним, как надо и как не надо выравнивать иконки.
https://habr.com/ru/companies/avito/articles/1080464/
#текстовые_иконки #css #типографика #метрики_шрифта #дизайнсистемы #verticalalign #lineheight #выравнивание_текста #дизайнсистема #фронтенд
Почему баги кроссбраузерности до сих пор никуда не исчезли
Выкатили новую фичу, а потом бэкендер со своим Firefox пишет, что у него что-то не работает? Или пользователь с Safari жалуется на неудобства? Ничего страшного: поищу причину в интернете, починю баг и продолжу использовать для разработки Chrome </sarcasm>. В этой статье рассмотрим, почему проблемы кроссбраузерности никуда не пропали в 2026 году, и попробуем понять, как заранее определять появление ошибок.
https://habr.com/ru/companies/selectel/articles/1081954/
#selectel #кроссбраузерность #фронтенд #браузерные_движки #blink #webkit #gecko #webview #тестирование_вебприложений #отладка
Мы сделали свой UI Kit: 6 компонентов превратились в 30+, а одна ошибка сломала разметку во всех проектах
Мы сделали свой UI Kit: 6 компонентов превратились в 30+, а одна ошибка сломала разметку во всех проектах С чего всё начиналось Когда в проекте начинает появляться всё больше одинаковых элементов интерфейса, рано или поздно возникает вопрос: зачем каждый раз создавать один и тот же Button, Input или Select? Мы рассматривали готовые решения, в том числе Ant Design и Material UI, но они не закрывали наши требования. Нам требовался больший контроль над внешним видом и поведением компонентов, возможность детально адаптировать их под наши задачи и учитывать требования проекта к безопасности.
https://habr.com/ru/articles/1080784/
#javascript #typescript #uikit #ui #ui_kit #react #reactjs #программирование #фронтенд #фронтендразработка
CSS в 2026 году: где JavaScript уже не обязателен
Когда работаешь с такими масштабными продуктами, как мы делаем в VK, быстро начинаешь ценить код, который можно не писать. Особенно если речь о небольших сценариях: открыть поповер, анимировать появление блока или подстроить поле под контент. Ещё недавно для таких задач мы почти автоматически тянулись к JavaScript. Но за последние два года CSS сильно расширил свои возможности для задач, связанных с интерфейсом. Я Максим Кузнецов, занимаюсь оптимизацией производительности и улучшением стабильности веб-версий ВКонтакте. В этой статье расскажу, что уже можно использовать как альтернативу JS, что стоит попробовать аккуратно, а за чем пока лучше просто следить.
https://habr.com/ru/companies/vk/articles/1080386/
#css #без_javascript #разработка_сайтов #вебразработка #js #html #javascript #фронтенд #frontend
Публикуем секреты в Production без регистрации и SMS
Тесты зелёные, линтер молчит, pull request одобрен. Можно выкатывать — главное, чтобы ничего не упало, но мы ведь 100 раз протестировали, изучили pull request, запустили линтер и уверены в качестве кода. Но опасность поджидала там, где её совсем не ждали. Недавно мне попалась статья, в которой автор разбирал JavaScript на чужом сайте — просто просматривал Source‑файлы, которые сайт отдаёт браузеру. Он обнаружил там API-ключи, хранящиеся прямо в JS. Меня поразило, насколько легко их можно найти. Если любой посетитель может открыть вкладку Source и изучить содержимое файлов, то что увидит он в файлах моего сайта? О том, что я нашёл у себя, рассказывать не буду. Сегодня мы поговорим о том, что мало кто из разработчиков проверяет готовые чанки и исходники. А ведь именно там может скрываться много неожиданного. Вы уверены, что точно знаете, что содержится в вашем Production-артефакте? Не в .env.production и не в конфигах Vite, а в реальных строках и файлах, которые прошли минификацию. Чтобы вместе проверить это, я подготовил тестовый релиз, в который специально включил несколько различных секретов. Давайте посмотрим, что из этого утекло в итоговую сборку.
HTML и CSS помогут вам сделать дружелюбный интерфейс! Вот моя коллекция простых лайфхаков
Привет, Хабр. Я переживаю, когда вижу плохие интерфейсы. Мне не нравится, когда пользователю сложно или неудобно. У меня очень сильно подгорает от этого. Вместо обычного ворчания я делюсь мыслями о том, как исправить ситуацию. Больше всего мне нравится показывать, что HTML и CSS могут помочь в этой задаче. Я сделал такой выбор, потому что решения на основе этих технологий легко начать использовать или добавить в существующий проект. Даже не имеет значения, какой фреймворк используется. Вот давайте проверим это. Сегодня расскажу о нескольких подходах, а вы скажите, насколько просто их использовать. Я буду ждать вас в комментариях. А теперь давайте посмотрим, что я вам подготовил.
https://habr.com/ru/companies/ruvds/articles/1077870/
#html #css #фронтенд #доступность #вебразработка #ux #ui #ruvds_статьи
Скроллбар в 2k26
В вашей дизайн-системе могут быть особые требования к внешнему виду скроллбаров. К сожалению, нативные возможности стилизации весьма ограничены, поэтому, если вы сталкивались с подобными требованиями, единственный вариант — делать собственный компонент. Для этого нам нужно решить несколько задач: понять, когда надо показывать ползунок, какого он должен быть размера и где находиться, обновлять положение при прокрутке и тому подобное. Что, если я скажу вам, что в 2026 году JavaScript для всего этого нам больше не нужен? Не верю!
https://habr.com/ru/articles/1079750/
#css #scroll #scrollbar #scrolldriven_animations #anchor_positioning_api #container_queries #frontend #фронтенд #design_system #design
Как виджет для интернет-магазина чуть не спалил мой iPhone: Lottie vs видео-спрайты на телефонах
Казалось бы, что может пойти не так с легковесными векторными анимациями? Вектор в Lottie, JSON весит копейки. Но тестирование на реальном телефоне закончилось фиаско: через пару минут скролла чип раскалился до 42 °C, а интерфейс ушёл в троттлинг. Оказалось, что покадровый пересчёт кривых Безье в JS на мобильных экранах быстро превращает телефон в печку. В кейсе разбор того, как мы перешли на аппаратно декодируемые видео-спрайты, почему IntersectionObserver втихую крутил видео под непрозрачными модалками и как в итоге удалось сбить температуру обратно до стабильных 30 °C. Читать кейс
https://habr.com/ru/articles/1078644/
#lottie #видеоспрайты #web_performance #оптимизация #фронтенд #safari #ecommerce #анимация #троттлинг #виджет
Продуктовая гипотеза или баг фронтенда: как перестать угадывать почему пользователи не дошли до цели
Возьмём типичный отчёт воронки интернет‑магазина: «Каталог → Товар → Корзина → Оформление заказа → Оплата». До последнего шага дошло 38% сессий, остальные 62% потерялись между «Оформлением» и «Оплатой». Для продуктовой аналитики эти 62% — повод для гипотезы «форма оформления слишком длинная» и задачи на редизайн. Для команды разработки те же 62% — конкретная JavaScript ошибка. Но пока данные о конверсии и данные об ошибках лежат в разных системах, выбор между ними происходит наугад. Как перестать «угадывать» почему отвалились пользователи и какую в этом роль играет Customer Journey Map разберу в статье.
https://habr.com/ru/companies/proto/articles/1077812/
#customer_journey_map #фронтендразработка #фронтенд #мобильные_приложения #ошибки_в_коде #мониторинг_сайта #пользовательский_опыт #мониторинг #rum
Как мы победили рутину: строим spec-driven платформу для генерации email
410 вариантов писем, сотня микросервисов и до 15 файлов, которые приходилось править ради одной нотификации. Добавление письма превратилось в квест: создай компонент, подключи, опиши параметры, зарегистрируй — и молись, что ничего не забыл. Мы устали и автоматизировали это. Теперь описываем контракт письма в OpenAPI, а CLI генерирует весь boilerplate — от NestJS-артефактов до React-компонента с типизированными пропсами. Часы работы сжались до минут. Меня зовут Денис, я фронтенд-разработчик в ЮMoney. В этой статье расскажу, почему мы пришли к кодогенерации, как устроили процесс и что в нём изменилось для разработчиков, дизайнеров и тестировщиков. Материал будет полезен тем, кто работает с React, NestJS или TypeScript и хочет перестать писать однотипный код вручную. Особенно если поддержка UI-компонентов и API-слоя отнимает время, которое лучше потратить на реальную логику.
https://habr.com/ru/companies/yoomoney/articles/1076874/
#openapi #nestjs #react #автоматизация #specdriven_development #кодогенерация #reactjs #фронтенд
CSS задачи на 200 IQ
У вас бывает такое чувство, когда вы при выполнении работы упёрлись в какую-то проблему и что-то внутри подсказывает, что не может такого быть, чтобы у неё не было решения? Когда кажется, что уже всё пропало и мы столкнулись с фундаментальным ограничением реальности, но отказ принять это продолжает вести вас в дебри спецификаций, беседы на Github 10 летней давности и изучение статей гигантов уже прошедших этот путь и поделившихся с нами своими результатами? И вот спустя многие часы напряжённого скрипа извилин вы дописали очередную строчку, обновили страницу и вот оно, то, что вы хотели получить смотрит на вас с экрана? Это ощущение успеха, наверное, в той или иной степени знакомо каждому инженеру. В такие моменты мне, обычно, очень хочется поделиться результатом с коллегами и, по возможности, написать статью если это может быть полезно кому-то ещё. В этой записи я собрал 3 подобных ситуации, где в рамках нашей работы возникли решения, которые, насколько мне известно, довольно уникальны и в полной мере не были описаны раньше. Приглашаю вас разделить со мной радость обнаружения решения, которое казалось невозможным!
https://habr.com/ru/articles/1075950/
#css #scrolldriven_animations #shrinkwrap #puzzle #svg #mask #frontend #frontend #фронтенд #css_masking
SVG: почему иконка получает не тот размер
После экспорта из Figma иконка 24×24 может оказаться в браузере крошечной, огромной или размытой. Обычно файл при этом исправен — просто разные части цепочки смотрят на разные параметры. Разбираем систему координат, viewBox, контракты и ловушки в React.
https://habr.com/ru/articles/1074956/
#SVG #React #верстка #viewBox #фронтенд #дизайнсистема #SVG_в_React #Figma
Как Omit {T, K} растворил типы, или что такое дистрибутивность типов в TypeScript
Представьте ситуацию: вы выкатываете новую фичу, а бэкендер спрашивает вас: «Слушай, а почему вместо событий — пустой объект?». Вы в шоке: «Как так — пустой объект? У меня же TypeScript, всё типизировано, такого не могло быть!». Спойлер — могло. Меня зовут Денис Платонов, я старший разработчик интерфейсов в Телемосте и я отвечаю за on-premise развёртывание веб-клиента Телемоста в инфраструктуре заказчика. В этой статье я расскажу о том, как безобидный на первый взгляд Omit превратил наш аккуратный тип событий в пустой объект. Заодно разберём, как работает дистрибутивность типов в TypeScript и поделимся, чему нас научил этот кейс.
Как совмещать работу и учёбу: кейс студентки онлайн-магистратуры ИТМО в партнёрстве с Яндексом
Привет, меня зовут Кристина Меликова, я учусь в онлайн-магистратуре ИТМО в партнёрстве с Яндексом на программе «Фронтенд и бэкенд-разработка» и работаю бэкенд-разработчиком в компании YADRO. До того, как пойти в сферу IT, я уже успела получить другое высшее образование, но решила переквалифицироваться. В статье расскажу, как проходит обучение в онлайн-магистратуре и как я совмещаю его с работой по специальности.
https://habr.com/ru/companies/yandex_praktikum/articles/1071312/
#обучение_программированию #яндекс_практикум #итмо #нияу_мифи #магистратура #программирование #разработка #бэкенд #фронтенд #онлайнобразование
Astryx: дизайн-система, которой может пользоваться AI-агент
В прошлой статье про StyleX я разбирал, почему компилируемый CSS выглядит логичным продолжением ветки CSS-in-JS. Одно из главных свойств StyleX для меня — предсказуемость: стили описываются в ограниченной форме, которую можно анализировать ещё до запуска приложения. Это особенно важно в момент, когда код всё чаще пишет не только человек, но и AI-ассистент. Если инструмент допускает любую форму записи стилей, ассистент рано или поздно начнёт пользоваться всей этой свободой: добавлять магические значения, дублировать решения, обходить токены и постепенно размывать дизайн-систему. StyleX сужает пространство для таких ошибок. Теперь Meta открыла Astryx — дизайн-систему, построенную на React и StyleX. На первый взгляд это выглядит как релиз большой библиотеки: больше 170 компонентов, темы, тёмный режим, шаблоны, CLI, всё как мы любим. Но количество компонентов здесь не самое интересное. Astryx стоит рассматривать как следующий шаг после StyleX: если StyleX делает предсказуемыми стили, то Astryx пытается сделать предсказуемой работу с интерфейсом целиком — и для человека, и для AI-агента.
https://habr.com/ru/articles/1070514/
#вебразработка #дизайнсистемы #фронтенд #библиотеки #css #stylex
Разработка форм при помощи AI
Есть ли смысл тратить время на разработку форм с нуля, если есть возможность сгенерировать их? С каждым месяцем все больше людей склоняются к тому, что «не стоит». Но есть нюанс: вопрос безопасности. В этой статье мы поговорим о том, в чем заключаются угрозы работы с LLM для генерации, а также рассмотрим пример создания формы на базе DeepSeek.
Сложные сайты на вайбкоде: четыре лендинга, два пути к «дорогим» эффектам и 3D-логотип из спрайтов
TL;DR Я собрал в режиме вайбкодинга четыре лендинга — три для программ МФТИ (Школа Техпреда, конференция «Точка сборки», курс «ИИ Продакт-менеджмент» aimipt.ru ) и ещё один свой, личный. Вайбкодинг здесь — это когда код пишет агент под мою постановку задачи, а я ставлю рамки, правлю и проверяю результат. У всех четырёх есть слой «дорогих» визуальных эффектов: интерактивная вода на WebGL-шейдере с освещением, 3D-логотип Физтеха из тысяч частиц-спрайтов, живая 3D-башня из кубов, облако частиц, которое морфит форму по скроллу. К этому слою я пришёл двумя разными путями. На «Точке сборки» эффекты написаны руками на чистом WebGL — ноль анимационных библиотек. На остальных работает свой движок на Three.js: вынесен отдельными файлами, переиспользуется между сайтами и откатывается на 2D-canvas, если CDN не ответит. На личном лендинге я раскачал этот движок сильнее всего. Между «насмотренностью» и кодом стоит цепочка инструментов: сначала дизайн-система в формате DESIGN.md , из неё мокап в Claude Design, из мокапа handoff-бандл и только потом перенос в код. Ниже — оба пути на реальном коде, эта цепочка и грабли, на которые я наступил. Сразу про проверяемость, чтобы не выглядело как имитация пруфов. Репозитории этих лендингов закрытые — они клиентские. Всё, что ниже выглядит как имена файлов, их размеры и счётчики, — это моя рабочая копия, по ссылке вы её не откроете. Снаружи можно проверить живые страницы и чужой референс, который я разбираю. Код в статье — фрагменты из работающих файлов, приведены как есть.
https://habr.com/ru/companies/alpinadigital/articles/1066732/
#вайбкодинг #WebGL #Threejs #шейдеры #лендинг #Claude_Code #фронтенд #GLSL #анимация #AIагенты
Картинка грузится, а fetch к тому же хосту — нет: как CSP тихо сломала три интеграции
Полгода назад я закрыл замечание аудита «на сайте нет CSP» — прописал Content‑Security‑Policy с белым списком хостов, проверил, что ничего не отвалилось, и забыл. За три дня на прошлой неделе я нашёл три интеграции, которые эта политика убила молча. Ни одна из них не оставила следа на сервере. Страница, которая называет себя «в реальном времени», показывала одно и то же число десять секунд подряд — и показывала так всем, с того самого дня, как я включил CSP. Это заметка про то, почему такие поломки не видно, и про скрипт, который находит их все сразу.
https://habr.com/ru/articles/1066450/
#csp #contentsecuritypolicy #connectsrc #nextjs #отладка #мониторинг #фронтенд
Заметки фром реакт документейшен | React: грабли, о которые я спотыкалась. Часть 1
React я использую совсем недавно и вообще я бэкенд разработчик, но жизнь завела меня во фронтенд. Получилось так, что времени на обучение и курсы у меня не было, пришлось обучаться прямо в процессе. Мой принцип был "работает и ладно", но принципы нормального фронтенда явно отличались. Шишек я набила знатных с точки зрения чистоты и логики кода. Это статья для таких же новичков, как я. Представляю вам сборник граблей, о которые я спотыкалась сама, и решений к этим граблям, которые родились после нескольких часов дебага и внимательного изучения документации (спустя пол года во фронтенде пора бы, да?)
https://habr.com/ru/articles/1066444/
#React #useState #useEffect #useCallback #useMemo #useRef #Reactmemo #StrictMode #Concurrent_Mode #фронтенд
Почему фронтенд съедает больше времени, чем бэкенд
Статья про то, как построить приложение с AI-ассистентом и не застрять на самом неприятном месте, когда бэк готов, а интерфейс внезапно съедает недели. Почему современный фронтенд сложнее, чем кажется снаружи. Особенно если вы идёте через spec-driven development, пишете требования вместо кода и ждёте, что Claude, Cursor или Kiro быстро соберут работающий продукт. 👀 Внутри: перекос фронта и бэка по объёму кода, состояние кнопок и форм, дизайн-системы, локализация, accessibility, тысячи npm-зависимостей, скучные интерфейсы от LLM, Playwright MCP, Figma MCP, визуальные тесты и планирование проекта с нормальным запасом на UI-грабли. Заходите, читайте и делитесь своим опытом AI-разработки ❤️
https://habr.com/ru/companies/X5Tech/articles/1054646/
#aiассистенты #specdriven_development #vibe_coding #фронтенд #вебразработка #интерфейсы #playwright_mcp #дизайнсистема #accessibility #качество_кода
Почему хороший результат в разработке с ИИ начинается не с промпта
Хабр, привет! Меня зовут Сергей Бережной, я директор по взаимодействию с разработчиками в Яндексе и эксперт онлайн-магистратуры «Фронтенд-, бэкенд-разработка и ИИ-решения» ИТМО в партнёрстве с Яндекс Практикумом . Приёмная кампания в нашу онлайн-магистратуру уже идёт, программа рассчитана на опытных разработчиков и на тех, кто идёт с нуля. Поэтому, если хотите программировать на JavaScript, Python, Java или С++ — ждём вас. А в этой статье я хочу поговорить о том, почему работа с ИИ постепенно перестаёт сводиться к написанию промптов, зачем разработчику учиться мыслить процессами, а не отдельными запросами, и почему именно такой подход позволяет получать качественный результат.
https://habr.com/ru/companies/yandex_praktikum/articles/1058010/
#ии #промпт #промптинжиниринг #промптинг #разработка #фронтендразработка #бэкендразработка #фронтенд #бэкенд #нейросети
Каким инструментам разработки невозможно научиться по тьюториалам?
Хабр, привет! Меня зовут Илья Благородов, я занимаюсь разработкой уже более 30 лет, а ещё я — один из экспертов онлайн-магистратуры «Фронтенд-, бэкенд-разработка и ИИ-решения» ИТМО в партнёрстве с Яндекс Практикумом. Сегодня хочу поговорить о том, как правильно выбирать инструменты для разработки, почему разбираться в разных инструментах — не равно уметь их правильно применять и что с этим делать.
https://habr.com/ru/companies/yandex_praktikum/articles/1056622/
#тьюториал #бэкенд #архитектура #итмо #практикум #фронтенд #разработка #инструменты #инструменты_разработчика
LibRedirect - розширення для браузерів з відкритим кодом для автоматичного перенаправлення посилань на альтернативні, вільні фронтенди закритих вебресурсів.
Це не весь список, більше інформації на вебсторінці.
WebSite Codeberg GitHub Mastodon Firefox Addon
#browser #extensions #extension #addons #addon #браузер #розширення #libredirect #libreredirect #redirect #link #links #перенаправлення #посилання #автоматичне #автоматично #frontend #фронтенд #frontends #фронтенди
#фронтенд
Придумал сам себе проблему.
Перевёл все диалоговые окна на <dialog>.
Но у нас есть уведомления-тосты, с использованием Noty, который писался в мире без Top layer, через классический z-index: 999999.
Теперь эти тосты в случае ошибки в диалоговом окне выводятся под диалоговым окном.
Если переписать Noty на использование <dialog> всплывает другая проблема — браузер отключает все интеракции за рамками диалогового окна. То есть, пока на экране красуется уведомление, весь интерфейс становится неактивным.
В теории, такие штуки надо делать через Popover API, но он пока есть только в Chrome и Edge (и в Firefox за флагом).
Кажется, я опять откладываю внедрение <dialog> 😔