home.social

#фронтендразработка — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #фронтендразработка, aggregated by home.social.

fetched live
  1. React 19.3: что реально поменялось и почему это важно

    Если следить за React только по крупным релизам, легко пропустить момент, когда библиотека тихо меняет направление. React 19.3 — как раз такой случай. Сам релиз вышел 9 сентября 2026 года. И я хочу поделиться парой моментов из этого обновления. Рассмотрим пару хуков это ViewTransition и Fragment Refs . Еще, что я могу выделить, это новые возможности для SSR , Server Components и работы с браузерными API .

    habr.com/ru/articles/1095298/

    #html #css #js #ts #фронтэнд #фронтенд #react #фронтэнд_javascript #фронтендразработка #фронтенд_технологии

  2. Скам расправил плечи: как ИИ открыл возможности для мошенников в ИТ-найме

    Сейчас в ИТ-сфере довольно турбулентно и непредсказуемо: экономическая нестабильность, массовые увольнения, сокращение общего числа вакансий, повсеместное внедрение ИИ, который угрожает заменить разработчиков. Все заставляет переживать работников интеллектуальной сферы. Совокупность всех описанных факторов распространило на рынке огромное число скам-вакансий. Не удивительно, ведь злоумышленники всегда играли на чувствах и опасениях жертв, а текущая ситуация создает огромные возможности для подобных действий. Сегодня я хочу уделить внимание конкретному виду таких схем, которая напрямую затронула и меня.

    habr.com/ru/articles/1094498/

    #безопасность #найм #скам #безопасность_в_сети #фронтенд #фронтендразработка

  3. Если UI плагинный, почему BFF монолитный?

    Модульная архитектура во фронтенде дает командам автономность: каждая пилит свой модуль и не ждет соседей. Потом появляется BFF, один на всех, и автономность начинает утекать обратно. Каждая новая ручка проходит через согласования, релизы приходится синхронизировать, узкое место просто переезжает с клиента на сервер. Привет, Хабр! Меня зовут Маргарита Козырева, я — сеньор-фронтенд в «Лаборатории Касперского», работаю в Kaspersky Security Center. В айти семь лет, значительная часть из них ушла на дизайн-системы, которые я строила с нуля. Мы решили сделать серверный слой таким же модульным, как клиент. В статье разбираю, из чего состоит платформа, что остается за командой, как модуль регистрируется в рантайме и какой ценой это дается.

    habr.com/ru/companies/kaspersk

    #bff #микрофронтенд #фронтенд #фронтендразработка #интерфейсы #ux

  4. Мы сделали свой UI Kit: 6 компонентов превратились в 30+, а одна ошибка сломала разметку во всех проектах

    Мы сделали свой UI Kit: 6 компонентов превратились в 30+, а одна ошибка сломала разметку во всех проектах С чего всё начиналось Когда в проекте начинает появляться всё больше одинаковых элементов интерфейса, рано или поздно возникает вопрос: зачем каждый раз создавать один и тот же Button, Input или Select? Мы рассматривали готовые решения, в том числе Ant Design и Material UI, но они не закрывали наши требования. Нам требовался больший контроль над внешним видом и поведением компонентов, возможность детально адаптировать их под наши задачи и учитывать требования проекта к безопасности.

    habr.com/ru/articles/1080784/

    #javascript #typescript #uikit #ui #ui_kit #react #reactjs #программирование #фронтенд #фронтендразработка

  5. Продуктовая гипотеза или баг фронтенда: как перестать угадывать почему пользователи не дошли до цели

    Возьмём типичный отчёт воронки интернет‑магазина: «Каталог → Товар → Корзина → Оформление заказа → Оплата». До последнего шага дошло 38% сессий, остальные 62% потерялись между «Оформлением» и «Оплатой». Для продуктовой аналитики эти 62% — повод для гипотезы «форма оформления слишком длинная» и задачи на редизайн. Для команды разработки те же 62% — конкретная JavaScript ошибка. Но пока данные о конверсии и данные об ошибках лежат в разных системах, выбор между ними происходит наугад. Как перестать «угадывать» почему отвалились пользователи и какую в этом роль играет Customer Journey Map разберу в статье.

    habr.com/ru/companies/proto/ar

    #customer_journey_map #фронтендразработка #фронтенд #мобильные_приложения #ошибки_в_коде #мониторинг_сайта #пользовательский_опыт #мониторинг #rum

  6. Эра инженерной зрелости: как выглядит стек JS-разработки в 2026 году глазами сообщества

    Хайп-цикл фронтенда, кажется, наконец-то выдохся. Мы вышли из фазы бесконечного переизобретения колеса, где каждый месяц появлялся «убийца React», и вошли в эпоху убийцы Fable инженерной зрелости. Сегодня опытного инженера сложно впечатлить очередным фреймворком: ценность сместилась в сторону предсказуемости, скорости поставки (delivery) и снижения когнитивной нагрузки. Привет, меня зовут Павел Востриков, и я — архитектор веб-направления в «Лаборатории Касперского». В этой статье хочу разобрать JS-экосистему как набор инженерных компромиссов. На HolyJS Spring 2026 мы предложили 120+ инженерам оценить свой реальный стек. Получившийся радар мог быть просто списком библиотек, но в итоге вышел срезом того, как выглядит рациональный подход к коду в 2026 году. Мы видим, как разработчики массово идут в сторону предсказуемой скорости масштабирования решений и инженерной гигиены.

    habr.com/ru/companies/kaspersk

    #javascript #вебприложения #фронтендразработка

  7. [Перевод] Как связать дизайн-токены Figma с кодом — Часть 1

    Дизайн-токены — источник истины для визуальных свойств вашей дизайн-системы: цвета, типографика, отступы и так далее. Вместо того чтобы задавать основной цвет отдельно в CSS-стилях и отдельно в дизайне, вы задаёте его один раз в Figma и распространяете оттуда.

    habr.com/ru/articles/1075052/

    #css #bootstrap #дизайнсистема #фронтендразработка #ui_библиотека #angular #scss

  8. Свой проект, команда и код‑ревью: как Школа программистов hh.ru знакомит студентов с культурой реальной разработки

    Привет! Меня зовут Гриша Евдокимов, я тимлид в техническом департаменте hh.ru и уже несколько лет участвую в организации Школы программистов. Этой осенью мы запускаем её в 17-й раз — и сегодня я хочу разобрать ловушку, с которой сталкивается почти каждый начинающий разработчик. Представим: ты студент технической специальности, умеешь писать код. Но на работу без опыта не берут, а опыт негде взять без работы. Замкнутый круг, в котором даже толковый студент на собеседовании выглядит слабее, чем он есть. Университет даёт алгоритмы, математику и умение думать. А командного опыта, код‑ревью и навыка спроектировать и развернуть свой сервис — почти нет, хотя именно об этом часто спрашивают на собеседовании. Школа программистов — как раз про то, как закрыть этот разрыв. За 7 месяцев ученики проходят путь от «решаю задачки на парах» до «мой код работает в проде, и я понимаю, как устроена разработка в большой компании». Как устроено наше обучение — подробно рассказал в этой статье.

    habr.com/ru/companies/hh/artic

    #обучение_программированию #обучение_онлайн #курсы_программирования #курсы_java #школа_программирования #школа_backend #бэкендразработчик #фронтендразработка #обучение

  9. Почему хороший результат в разработке с ИИ начинается не с промпта

    Хабр, привет! Меня зовут Сергей Бережной, я директор по взаимодействию с разработчиками в Яндексе и эксперт онлайн-магистратуры «Фронтенд-, бэкенд-разработка и ИИ-решения» ИТМО в партнёрстве с Яндекс Практикумом . Приёмная кампания в нашу онлайн-магистратуру уже идёт, программа рассчитана на опытных разработчиков и на тех, кто идёт с нуля. Поэтому, если хотите программировать на JavaScript, Python, Java или С++ — ждём вас. А в этой статье я хочу поговорить о том, почему работа с ИИ постепенно перестаёт сводиться к написанию промптов, зачем разработчику учиться мыслить процессами, а не отдельными запросами, и почему именно такой подход позволяет получать качественный результат.

    habr.com/ru/companies/yandex_p

    #ии #промпт #промптинжиниринг #промптинг #разработка #фронтендразработка #бэкендразработка #фронтенд #бэкенд #нейросети

  10. Почему ИИ не снимает ответственность с разработчика: что изучать, чтобы оставаться актуальным специалистом

    Привет, Хабр! Меня зовут Илья Благородов, я 30 лет в разработке, в том числе — выступаю экспертом в онлайн-магистратуре «Фронтенд-, бэкенд-разработка и ИИ-решения» ИТМО в партнёрстве с Яндекс Практикумом. В этой статье я хочу поговорить о том, как я использую ИИ в разработке и почему, несмотря на это, больше программирую. А ещё — чем IDE отличается от ИИ и почему ИИ не заменит хороших специалистов.

    habr.com/ru/companies/yandex_p

    #фронтендразработка #бэкендразработка #агентная_разработка #вайбкодинг #архитектура_приложений #разработка_приложений #магистратура #итмо #онлайнобразование

  11. Пишем свой Web3 мессенджер

    Сразу оговорюсь, что данная статья не сгенерирована средствами нейросети, и я, как автор, являюсь единственным идейным вдохновителем данного проекта. Любые попытки уличить меня в фальсификации будут расценены как политическое или конкурентное давление. Что такое мессенджер Существует отдельный вид программного обеспечения призванный решать задачи коммуникации между пользователями. Будь то простой обмен текстом или пересылка медиа данных особого значения не имеет. Каждое приложение решает определенный круг задач отличающий одно приложение от другого своим уровнем функциональности. По сути, все мессенджеры являются частью облачных сервисов и для их работы необходимо наличие более или менее устойчивой сети интернет. Возможно, в будущем появятся мессенджеры работающие по иным принципам, но сейчас имеем то что имеем. Что такое Web3 Это в первую очередь технология подразумевающая управление данными на сторонних вычислительных комплексах или блокчейнах, где каждая операция имеет высокий уровень защиты и доверия со стороны пользователей. Также это инструмент для работы с криптовалютой и NFT (уникальный цифровой сертификат подтверждающий право владения цифровым или физическим активом. Быть или не быть На данный момент мессенджеры претерпели революционную реформу. Такие приложения уже перестают быть просто приложениями, они плавно перерастают в инструмент политической воли их владельцев. Создатели мессенджеров предлагают людям не просто инструмент общения, но площадку для навязывания собственной воли их владельцев. Вот список наиболее распространенных мессенджеров владельцы которых являются лидерами собственной идеологии:

    habr.com/ru/articles/1051134/

    #мессенджеры #пишем_мессенджер #web3 #криптовалюта #смартконтракты #бэкендразработка #фронтендразработка #сокеты #интернет #видеосвя

  12. Браузерные расширения от А до П, где П — публикация в Google Store

    Всем привет! Меня зовут Александр, я продуктовый инженер в KTS . Недавно мы разрабатывали AI-копайлот для сервис-деска в виде расширения на Chrome. Копайлот подсказывал оператору ответы для клиента на основе контекста диалога, истории обращений и базы знаний компании. Уже на старте стало понятно, что разработка расширений сильно отличается от привычной фронтенд-разработки. Основная сложность была не столько в реализации конкретных фич, сколько в архитектуре: где должен жить тот или иной код, как организовать взаимодействие между частями расширения и как не заложить проблемы на будущее. Дополнительно добавились нюансы интеграции в страницу и ограничения, связанные с публикацией в Chrome Web Store. Поударявшись о всевозможные подводные камни, я решил написать эту статью. В ней я разберу ключевые этапы разработки и публикации, покажу удачные и неудачные подходы и на что стоит обратить внимание, если вы планируете делать браузерное расширение со сложной логикой. Сразу задам фрейм: в статье речь пойдет именно о расширениях для Chrome (Manifest V3), хотя многие подходы будут применимы и к другим браузерам на базе Chromium.

    habr.com/ru/companies/kts/arti

    #расширения #расширения_chrome #расширения_браузеров #extensions #browser_extensions #typescript #javascript #фронтендразработка #фронтенд

  13. Назад в будущее UI-kit: как мы перевели живую библиотеку на дизайн-токены и ничего не сломали

    UI-kit, которым пользуются несколько продуктовых команд, нельзя просто отправить в будущее и переписать под новый дизайн. За ним тянется прошлое: старые CSS-переменные, публичный API, кастомизации у потребителей и независимые релизные циклы. При этом бренд уже меняется, дизайнеры приносят новую палитру, типографику, motion, скругления и тёмную тему и всё это нужно аккуратно посадить на компоненты, которые продолжают работать в продакшене. Привет, Хабр! Меня зовут Амир, я Senior Vue.js Frontend Developer в экосистеме Лукоморье . Уже шесть лет я развиваю фронтенд большой внутренней ERP-платформы, в том числе внутренний UI-kit: около 50 компонентов на Vue 3 и TypeScript, которыми пользуются несколько продуктовых команд в Ростелекоме. В этой статье расскажу, как мы устроили для UI-kit такое «назад в будущее»: в одной долгоживущей ветке sova провели редизайн поверх работающих компонентов, сохранили публичный API для команд-потребителей и перевели визуальный слой на новую архитектуру. Мы внедрили 3-tier-систему дизайн-токенов, собрали pipeline на Style Dictionary и Tokens Studio for Figma, оставили старые CSS-переменные через legacy-алиасы, а заодно закрыли несколько долгов библиотеки: типизацию шаблонов, встроенный SVG-спрайт на 816 иконок, утилиту темизации и вынос runtime-зависимостей с сокращением бандла с 940 до 150 КБ. Материал будет полезен инженерам дизайн-систем, фронтенд-архитекторам и тимлидам, которые поддерживают UI-kit для нескольких продуктовых команд и думают, как провести редизайн без поломки потребителей. Внутри — код, архитектурные решения, компромиссы и честные выводы по итогам миграции.

    habr.com/ru/companies/lukit_ru

    #uikit #дизайнтокены #лукоморье #фронтенд #фронтендразработка #фронтенд_разработка #фронтэнд_javascript #vuejs #vuejs #javascript

  14. Как я превратил хаотичные формы во Vue в типизированную модель данных (AdaptForm)

    Как из миксинов для валидации форм вырастает полноценная TypeScript-библиотека с плагинами, масками и 500+ скачиваниями в неделю. История рефакторинга, архитектурных решений и работы над ошибками длиной в 10 месяцев.

    habr.com/ru/articles/1044380/

    #валидация_форм #валидация_полей #pydantic #библиотека #типизация #фронтенд #фронтендразработка #npm_пакеты #typescript #javascript

  15. Не ошибка выжившего: как я стал разработчиком в 2020-м — и как использовать мой опыт сегодня

    Я не мечтал попасть в IT. У меня вообще не было ощущения, что это «моя история». Но в какой-то момент появилась возможность, которой я просто воспользовался, — и дальше всё закрутилось. Меня зовут Максим Никитин, я техлид разработки в крупном банке и выпускник курса

    habr.com/ru/companies/yandex_p

    #обучение #вебразработка #вебразработчик #фронтенд #фронтендразработка #фронтендразработчик #карьера_в_it #карьера_итспециалиста #трудоустройство #трудоустройство_в_it

  16. Не прячьте интерфейс в код: защищаем внешний вид как промобразец, изобретение и товарный знак

    Проблема — копируют интерфейс, а код переписывают. Регистрация ПО не поможет, потому что она защищает бэк, а фронт так и остается беззащитным. Представьте: вы делаете мобильное приложение год, создали уникальный плиточный интерфейс с плавными переходами. Конкурент скриншотит каждый экран, переписывает и выпускает клон. Ваша регистрация программы для ЭВМ поможет? Нет, она бессильна, код-то разный. Но есть три законных способа наказать плагиатора: зарегистрировать сам визуальный образ (промышленный образец), способ переключения (изобретение), фирменный элемент или весь интерфейс (товарный знак).

    habr.com/ru/articles/1039420/

    #защита_приложений #защита_дизайна #фронтенд #фронтендразработка #бэкенд #бэкендразработка #интерфейсы #защита_интерфейса #патент #интеллектуальная_собственность

  17. Почему мало просто перейти на SwiftUI и Compose: заглядываем под капот перезапуска приложения Бургер Кинг

    Когда старый монолит начинает мешать процессам в разработке, первое, что обычно приходит в голову командам — это переезд на новый стек. Логика понятна: сделаем новый UI, почистим код, а дальше и разработка пойдет бодрее. Чаще всего такое решение — очень дорогая иллюзия. Потому что в бигтехе проблема обычно не в UI, а в связности компонентов, зависимости фронта от бэка, сложных релизах и фичах, которые требуют синхронной работы команды. Мы — разработчики Surf, Android и iOS команды: Светлана Сорокина, Антон Бояркин и Алексей Рябков. Когда начали работать с Бургер Кинг над трансформацией приложения, столкнулись с похожей историей. Поэтому мы решили переписать архитектуру так, чтобы разные подрядчики могли нормально работать вместе, а продукт — развиваться быстрее.

    habr.com/ru/articles/1034430/

    #мобильная_разработка #мобильные_приложения #бигтех #бургер_кинг #фронтендразработка #разработка_под_android #разработка_под_ios #перезапуск #архитектура_приложений #процесс_разработки

  18. Как я создавал платформу для внутренних торгов мебелью и почему для этого выбрал PocketBase + Nuxt 3

    Привет, Я Ваня Демидов, разработчик Selectel. Осенью наша компания решила запустить платформу, на которой сотрудники могли бы купить ненужную офисную мебель. Например, ту, что перестала подходить к обновленному дизайну переговорок, кофе-пойнтов или рабочего спейса. В этой статье я расскажу, как создавал такую платформу и поделюсь опытом использования Nuxt3 и Pocketbase.

    habr.com/ru/companies/selectel

    #selectel #nuxtjs #pocketbase #базы_данных #разработка #фронтендразработка #петпроект

  19. Работа с легаси кодом: не переписывать, а приручить

    Привет, Хабр! Я Валерий Маланин, фронтенд-разработчик в команде Modus BI. И по опыту знаю, что каждый разработчик хотя бы раз мечтал попасть на проект, где всё с нуля. Свежий стек, понятная архитектура, аккуратные модули, тесты, документация и никаких комментариев в духе «не трогать, иначе всё упадёт». В таком проекте легко писать новый код и приятно разбираться в старом. Но в реальности всё обычно выглядит иначе. Команда приходит в продукт — а там React 16, Webpack 2, компонент на две тысячи строк, круговые зависимости и ни одного теста. И это не исключение, а обычная картина для живой системы, которая давно работает в проде. Любой проект со временем накапливает легаси. Бизнес торопит и заставляет срезать углы. Команда меняется, и вместе с ней уходит контекст старых решений. Технологии устаревают, а код остаётся. В итоге систему становится страшно менять, потому что никто до конца не понимает, что сломается после очередной правки.

    habr.com/ru/companies/modusbi/

    #legacy #legacyкод #рефакторинг #strangler_fig #археология_кода #модульность #фронтендразработка #фронтенд #frontend #webpack

  20. Добавим приставку нейро: взгляд на интеграцию LLM в продукт со стороны фронтенда

    Привет, это Андрей Мелихов, ведущий разработчик интерфейсов в Yandex Cloud. Я работаю в команде DataLens — BI‑системы для визуализации больших наборов данных на дашбордах и графиках. В прошлом году в DataLens появился чат‑интерфейс: пользователь общается с ИИ‑ассистентом, который строит графики, пишет формулы и решает аналитические задачи. В рамках работы над этим продуктом, который получил имя Нейроаналитик, мы пошли не совсем очевидным для многих путём и перераспределили ответственность между командами фронтенда и бэкенда. В статье хочется поделиться этим опытом: внутри вы найдёте демо‑проект в репозитории, чтобы самим увидеть нашу идею изнутри.

    habr.com/ru/companies/yandex/a

    #datalens #bi #фронтендразработка #бэкендразработка #llm

  21. Добавим приставку нейро: взгляд на интеграцию LLM в продукт со стороны фронтенда Привет, это Андрей Мелихов, ...

    #datalens #bi #фронтенд-разработка #бэкенд-разработка #llm

    Origin | Interest | Match
  22. Добавим приставку нейро: взгляд на интеграцию LLM в продукт со стороны фронтенда Привет, это Андрей Мелихов, ...

    #datalens #bi #фронтенд-разработка #бэкенд-разработка #llm

    Origin | Interest | Match
  23. [Перевод] Ты не можешь построить жизнеспособную дизайн-систему на Tailwind — Часть 1

    Tailwind отлично работает для быстрого прототипирования, но становится проблемой когда проект растёт. Разбираю три подхода к построению дизайн-системы на Tailwind — CVA, CSS-переменные и @utility — и объясняю почему каждый из них не решает проблему комбинаторного взрыва вариантов.

    habr.com/ru/articles/1020132/

    #css #tailwind #дизайнсистема #фронтендразработка #ui_библиотека #scss #less

  24. Знакомство с командой платформы веб

    У каждого сервиса в Иви есть свои хранители. У веба — команда «Гамбит», которая делает так, чтобы сайт оставался тем самым местом, с которого начинается путь зрителя в мир контента. Они не просто пишут код, а выстраивают целую экосистему, где скорость, стабильность и забота о пользователе переплетаются с экспериментами, AI-инструментами и собственным мерчем. В этой статье Дмитрий Абраменко, технический менеджер платформы веб, приоткроет завесу тайн своего направления и расскажет больше о команде.

    habr.com/ru/companies/ivi/arti

    #фронтенд #фронтендразработка #команда #интервью

  25. Пропадающая граница в sticky-таблице: баг CSS-рендеринга, найденный в React-проекте

    Всем привет, на связи снова я — Дмитрий, React-разработчик. Сегодня хочу рассказать об интересном баге, который был замечен в большой и сложной таблице. Проблема заключается в том, что в таблице на React с колонками, у которых есть свойство position: sticky , иногда пропадала граница между соседними ячейками по вертикали. Причём проявлялась она не всегда и носит случайный характер. Забавно, что изменение масштаба страницы (Ctrl + колесико мыши) мгновенно возвращает исчезнувший бордер. При этом в CSS все прописано и никуда не исчезает — это чисто визуальный баг рендера.

    habr.com/ru/companies/gnivc/ar

    #sticky #css #html #react #баги #браузер #фронтенд #фронтендразработка #frontend #frontendразработка

  26. Пропадающая граница в sticky-таблице. Баг CSS-рендеринга, найденный в React-проекте Всем привет, на связи снова я — ...

    #sticky #css #html #react #баги #браузер #фронтенд #фронтенд-разработка #frontend #frontend-разработка

    Origin | Interest | Match
  27. DOM-дерево — как не запутаться в ветвях объектной модели документа

    Бывало такое: смотрите вы на красивую страницу интернет-магазина, открываете консоль разработчика (ту самую, по F12 или через правый клик), а там — лес из тегов, который вообще не похож на то, что вы видите глазами? Привет, Хабр! Меня зовут Александр Дудукало, я автор

    habr.com/ru/companies/selectel

    #javascript #selectel #dom #html #javascript_hacks #элементы_страницы #сайты #веб_разработка #фронтендразработка

  28. Аудит доступности Wildberries. Может ли незрячий пользователь купить Бэтмобиль?

    После Приорбанка я думал, кого взять следующим для небольшого публичного аудита. Недавно минула пора праздников, и что-то мне подсказывает, что многие делали покупки в онлайн-маркетах, чтобы приобрести подарки близким. Этот период — высокий сезон для таких приложений. Они зарабатывают много денег в это время, но и нагрузка на инфраструктуру идёт колоссальная. Мой личный топ из всех популярных онлайн-маркетов — это Wildberries . Я люблю этот сервис и активно им пользуюсь. Мне кажется, это уже хороший повод посмотреть, насколько он доступен людям с различными ограничениями. Безусловно, это очень популярная платформа в странах СНГ, но это, конечно же, не значит, что она одновременно и доступна на 100%. Сразу хочу оговориться: я не пытаюсь подчеркнуть какой-то изъян платформы. В конце концов, у каждого продукта свои бизнес-приоритеты, и доступность (если она не обязательна с точки зрения законодательства) — это личное дело каждого бизнеса. К примеру, мой продукт тоже не удовлетворяет всем критериям доступности, да и многие другие, на которых я работал. При том что моя личная аналитика прошлого года показала, что 20% моей пользовательской базы меняют размер шрифта для лучшего восприятия, но не факт, что есть хотя бы один (я бы сказал, его и нет) кто использует продукт, будучи полностью незрячим, со скринридером. Часто интерес к этой теме больше у юридических фирм. Понимая лазейки в законах, они сами находят «жертву» — компанию, не удовлетворяющую требованиям. Затем находят людей с ограничениями, от имени которых подают многомиллионный иск и зарабатывают себе деньги. При том что сами люди с ограничениями этими продуктами могли вовсе и не пользоваться.

    habr.com/ru/articles/988756/

    #retail #accessibility #доступность #фронтендразработка #frontend #html #css

  29. Chrome DevTools: подробный гайд

    Привет, Хаброчане! Если вы думаете, что Chrome DevTools нужны только для того, чтобы посмотреть на ошибку в консоли или скопировать путь к элементу, вы используете лишь малую часть их возможностей. На самом деле, это рабочая среда, которая должна быть открыта у фронтенд-разработчика постоянно. С её помощью можно не только искать баги, но и проектировать интерфейсы, тестировать поведение на разных устройствах, анализировать производительность и вносить правки в код прямо из браузера. Этот гайд поможет вам перестать воспринимать DevTools, как панель для отладки и начать использовать их как основной инструмент для ежедневной работы.

    habr.com/ru/companies/timeweb/

    #фронтенд #фронтендразработка #вебдизайн #webразработка #webпрограммирование #браузеры #хром #devtools #инструменты_разработчика #timeweb_статьи

  30. Рецензия на книгу «Современные фронтенды на базе HTMX»

    Фронтенд переживает очередной виток переосмысления технологий. После десятилетия доминирования SPA-подхода, React-подобных экосистем и инструментального «комбайна» из Webpack/Vite/TypeScript/Redux появляются идеи возврата к простоте. Это о том, чтобы минимизировать JavaScript, отдать больше задач на сервер и перестать городить frontend + backend там, где это не нужно. В этом контексте библиотека HTMX стала одним из заметных феноменов последних лет.

    habr.com/ru/companies/ssp-soft

    #разработка_сайтов #фронтендразработка #фуллстек #htmx #springboot #crud #spa #книга_по_фронтенд

  31. Гид по Git — глазами бывшего джуна

    Привет, на связи Ксюша, миддл-разработчик Surf. Миддлом я стала недавно. Когда я пришла в компанию, я, конечно, знала, что такое Git. Ну, по крайне мере, я так говорила. Как-то я, по чистейшей случайности, разумеется, перезаписала чужую ветку. А потом потратила часов 6, чтобы вернуть всё «как было». Благо, помог наш лид, который показал, что делать. Так я и поняла, что Git — совсем не плохое слово из трёх букв. И теперь несу для всех, кто точно так же начинает свой путь в Git, подробную и понятную инструкцию работы с ним. Го разбираться. Читать дальше

    habr.com/ru/companies/surfstud

    #гит #гитхаб #git #gitlab #джун #работа_с_git #разработка #мобильная_разработка #фронтендразработка #бэкендразработка

  32. Отображение Excel в React: экспериментальный прототип с merge и изначальной структурой

    Снова на связи я –Дмитрий, React-разработчик, и в этот раз мы поговорим о создании фундамента для дальнейшей разработки. Идея — сделать компонент в реакте, который сможет отобразить файл Excel в обычной HTML-таблице со всеми слияниями ячеек, форматированием, несколькими строками заголовка и полностью сохранённой структурой. Казалось бы, задача простая: берёшь любую библиотеку, читаешь файл и показываешь. На практике всё оказалось гораздо интереснее.

    habr.com/ru/companies/gnivc/ar

    #excel #react #reactjs #html #frontendразработка #frontend #xlsx #javascript #фронтенд #фронтендразработка

Share on Mastodon

Enter the server where you have an account.