Category : javascript

javascript
Собираем метрики Node.js приложений в PM2 с экспортом в Prometheus

Ни для кого не секрет что для устойчивой и надежной работы node.js приложений необходимо проводить мониторинг их работы и делать полезные выводы глядя на их метрики. Это означает, что вы способны получать информацию о состоянии до возникновения проблем, таким образом, предотвращая сбои.В этой статье я хотел бы рассказать о способе сбора статистики из node.js приложений, которые запущены в PM2, и экспорт этих данных в Prometheus.Когда вы просто запускаете node.js приложение через команду node a…

  • суббота, 17 февраля 2024 г. в 00:00:14
javascript
Ты наконец-то поймешь асинхронность в JS

Привет, друзья! Сегодня мы поговорим о том, что такое асинхронность в JavaScript и как она работает. Это одна из тех вещей, которые кажутся сложными, но на самом деле довольно просты, как только разберешься.Понятие асинхронности и синхронностиСинхронный код - это код, который выполняется последовательно, один за другим. Ничего сложного, просто пошаговое выполнение. Для примера, вот как может выглядеть синхронный код:console.log('Шаг 1'); console.log('Шаг 2'); console.log('Ш…

  • суббота, 17 февраля 2024 г. в 00:00:13
javascript
Меняем формат розыгрышей призов в Telegram-чатах

Привет, Хабр! Меня зовут Денис, и сегодня я расскажу вам о проекте, над которым я и мой друг работали последние 7 месяцев. Называется он PLAY365 — и это игровой (и не только) бот для групповых чатов Telegram.В посте будет много информации: об истории создания бота, этапах, основных функциях, а также о том, с какими трудностями мы столкнулись и как их преодолели (конечно же, с примерами кода).С чего все началосьРозыгрыши всевозможных призов в больших чатах обычно проходят очень скучно. Все запи…

  • суббота, 17 февраля 2024 г. в 00:00:12
javascript
Интеграция React и AngularJS через Webpack Module Federation

Почему пишу об этом?Представьте себя в ситуации, когда вы вступаете в проект с задачей развивать огромное легаси приложение, созданное пять лет назад на первой версии Angular. Это приложение напоминает забытый кладезь, о функционировании которого уже никто в компании не имеет представления. В его недрах скрыта система авторизации и множество модулей, управляющих бизнес-логикой, все это сплетено в единую структуру с помощью уже не самого актуального инструмента сборки – Gulp. Как будто этого бы…

  • суббота, 17 февраля 2024 г. в 00:00:12
javascript
Как создать YouTube GIF Maker с использованием Next.js, Node и RabbitMQ

Полный код проекта можно найти на github, а по этой ссылке посмотреть демо-версию приложения. Краткий обзорИдеяИдея приложения — дать пользователям возможность создавать GIF-файлы из видеороликов с YouTube. Для этого нужно просто указать ссылку на нужное видео, а также задать время начала и окончания GIF.Функциональные возможности приложенияСоздание GIF из видео на YouTube с определённым временным диапазоном.Предварительный просмотр результата перед выполнением фактической конвертации.Проектир…

  • четверг, 15 февраля 2024 г. в 00:00:16
javascript
AI не только подбирает партнеров в Тиндере — он еще и планирует свидания на 14 февраля

Перевод и адаптация статьи Fast Company выполнены ProductStar специально для Хабра Мы попросили чат-ботов с искусственным интеллектом спланировать свидание на День святого Валентина. Они оказались на удивление полезными. Оказалось, что AI знает толк в любви — или, по крайней мере, в том, как спланировать романтический вечер. День святого Валентина достаточно запутан для нас, людей. Представьте, насколько запутанным он может быть для искусственного интеллекта.Хотя генеративный ИИ призван пост…

  • четверг, 15 февраля 2024 г. в 00:00:15
javascript
Total.js и интеграция с ИИ

Динамика приложений с искусственным интеллектом продолжает сеять вопросы по выбору “удачного” фреймворка, который мы могли бы использовать при создании. Поскольку именно от нашего выбора в принципе и зависит продолжительность жизни нашего детища.В этой статье я бы хотела обратиться к одному старенькому фрейморку, рассмотреть его особенности и фичи, которые способные выделить его на фоне другого софта. Так ли он хорош? А если хорош, то почему? Не буду затягивать с буквами во вступлении и предла…

  • четверг, 15 февраля 2024 г. в 00:00:15
javascript
Больше библиотек богу библиотек или как я переосмыслил i18n [next.js v14]

Для интернационализации сделаны десятки по-своему потрясающих библиотек, такие как i18n, react-intl, next-intl. Все они отлично справляются со своей задачей - добавляют переводы в приложение или на сайт. Большинство из них проверены, отлажены и стабильно поддерживаются.Но все они устарели.Ведь всё это время развивалось и экосистема реакта. Так, последняя версия next.js включила крупные обновления из react.js - cache, taint, новые хуки и, конечно же, серверные компоненты. Команда самого React.j…

  • среда, 14 февраля 2024 г. в 00:00:13
javascript
Об одном способе веб-скрапинга сайтов, защищенных Cloudflare

Сразу оговорюсь, что описанное ниже носит исключительно информационно-образовательный характер, и не имеет целью нанесение какого-либо ущерба компаниям, использующим защиту из заголовка статьи. По этим же причинам фокусировка статьи именно на том, как получить заветный html «как из браузера» в автоматизированном режиме, и здесь не будет идти речь о каких-то массовых распараллеливаниях через proxy и VPN, подкладываниях отпечатков ("finger prints") браузеров и т д. Ещё сразу отмечу, что …

  • понедельник, 12 февраля 2024 г. в 00:00:13