Category : javascript

javascript
Frontend в 2025 году: тренды, которые изменят разработку

Всем привет! На связи руководители Frontend‑практики ГК Юзтех. В этой статье мы подводим итоги 2024 года и делимся нашими прогнозами на 2025 год. Приводим мнение трех экспертов по ключевым трендам фронтенд‑разработки и фреймворков, которые будут актуальными в следующем году.Angular: упрощение архитектуры и новые подходыАлександр Малиновский, руководитель практики Angular в ГК Юзтех, расскажет о том, как Angular продолжает эволюционировать, и последние версии фреймворка демонстрируют значительны…

  • суббота, 14 декабря 2024 г. в 00:00:06
javascript
Как устроен Next.js: разбираем ключевые особенности фреймворка на примере небольшого pet-проекта

На майской конференции React Conf 2024 команда React не только презентовала версию библиотеки React 19, но и рекомендовала использовать для старта новых JavaScript-проектов один из четырех фреймворков: Next.js, Remix, RedwoodJs или Expo. Позже аналогичная рекомендация появилась в официальной документации по React. Из этих фреймворков Next.js может похвастаться самым большим комьюнити, документацией и удобством. Если вы до сих пор его не освоили, то мы идем к вам!Привет, Хабр! В этой статье расс…

  • суббота, 14 декабря 2024 г. в 00:00:06
javascript
Вопросы к UI. Шаблон компонента. Введение

Не знаю как до вас донести это, и насколько осторожно следует подбирать слова.Мне больно от того, как сейчас происходит создание пользовательских интерфейсов, а существующие подходы кажутся каким‑то недоразумением. И поймите, речь обо всех платформах — веб, мобилки, десктоп. Будучи разработчиком, и исследуя «новые» способы реализации UI, сквозь годы опыта смотришь на все это дело с тяжелым вздохом, мотаешь головой из стороны в сторону, и все что хочется — захлопнуть крышку ноутбука и заняться ч…

  • пятница, 13 декабря 2024 г. в 00:00:13
javascript
Бот за 15 минут на генераторах

Представьте, что бизнесу срочно понадобился небольшой бот, например, для сбора данных или генерации картинок или постов. В голову сразу приходит стандартная идея — пишем бота на бэкенде, дальше со стороны клиента просто делаем запрос на отправку сообщения и получаем ответ от бота, который показываем нашему пользователю. Но не тут‑то было — бизнес говорит, что денег и времени на бэкенд нет, а бот нужен был ещё вчера. Что же делать? Логичное решение — максимально упростить бота и написать его на …

  • пятница, 13 декабря 2024 г. в 00:00:12
javascript
OffscreenCanvas в JavaScript: разгоняем графику до максимума

Привет, Хабр! Сегодня разберёмся с тем, что такое OffscreenCanvas, зачем он нужен и как правильно его использовать.OffscreenCanvas — это API, которое позволяет рендерить графику в отдельном потоке Worker, не блокируя основной поток, где обрабатывается интерфейс.Технически это достигается за счёт разделения UI и вычислений:Canvas вне DOMOffscreenCanvas работает независимо от DOM. У него нет прямого визуального представления в интерфейсе. Это "виртуальный холст", который не участвует в бр…

  • пятница, 13 декабря 2024 г. в 00:00:11
javascript
Назначение личного менеджера для клиента на сайте с CMS WordPress

Задача: Клиенты интернет-магазина текстильной продукции должны быть распределены между менеджерами равномерно, при этом заявки должны поступать напрямую на телефон или почту менеджера.Проблема: из-за массовых заявок время обработки возросло. Часто клиенты оставляют заявки на многих сайтах и забывают об этом, что увеличивает нагрузку на старшего менеджера, распределяющего задачи вручную.Решение: Автоматизация назначения менеджеров, чтобы пользователь связывался с конкретным сотрудником, минуя пр…

  • пятница, 13 декабря 2024 г. в 00:00:09
javascript
Пришем Realtime для Multiple-page application в микросервисной архитектуре

Исходный код, разобранный в статье, опубликован в этом репозиторииЧастое явление в вебе — полная перезагрузка приложения при переходе между страницами. При этом соединение WebSocket разрывается, а новая подписка устанавливается только после начала выполнения загруженного JavaScript, что занимает как минимум секунду. Во время перезагрузки страницы сообщения, отправленные через WebSocket, не будут получены клиентской частью приложения.Отказоустойчивая архитектура для RealtimeАналогичная проблема …

  • пятница, 13 декабря 2024 г. в 00:00:09
javascript
Разбираем стандарты нейминга на примерах

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

  • четверг, 12 декабря 2024 г. в 00:00:05
javascript
Бот на генераторах — когда нет времени и ресурсов

Представьте, что бизнесу срочно понадобился небольшой бот, например, для сбора данных или генерации картинок или постов. В голову сразу приходит стандартная идея — пишем бота на бэкенде, дальше со стороны клиента просто делаем запрос на отправку сообщения и получаем ответ от бота, который показываем нашему пользователю. Но не тут‑то было — бизнес говорит, что денег и времени на бэкенд нет, а бот нужен был ещё вчера. Что же делать? Логичное решение — максимально упростить бота и написать его на …

  • четверг, 12 декабря 2024 г. в 00:00:05