Category : javascript

javascript
Мониторинг Web Vitals через Яндекс.Метрику: пошаговое руководство

Web Vitals — набор метрик от Google, которые показывают, насколько быстро и стабильно загружается ваш сайт, как плавно отображается контент и насколько оперативно интерфейс реагирует на действия пользователя.В этой статье вы найдёте пошаговую инструкцию по интеграции Web Vitals в проект, отправке метрик в Яндекс.Метрику и настройке отчётов для оперативного мониторинга. Благодаря этому вы сможете своевременно выявлять и устранять «узкие места» в работе приложения ещё до появления жалоб пользоват…

  • пятница, 23 мая 2025 г. в 00:00:07
javascript
От Lerna до ModuleFederation

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

  • пятница, 23 мая 2025 г. в 00:00:05
javascript
Как я создал мини-реддит на базе Telegram

Недавно мне пришла идея воссоздать механику Reddit внутри Telegram. Телега — отличная и популярная платформа для общения и ведения блогов, но, на мой взгляд, это ужасное место для создания настоящих сообществ.До этого я никогда не писал ботов или мини-аппов. У меня был только некоторый опыт в веб-разработке. Давно хотел разобраться, как всё это работает... И вот появилось немного свободного времени, звёзды сошлись и я запилил свой мини-Реддит в Телеге :)Что не так с сообществами в ТелеграмВ тел…

  • пятница, 23 мая 2025 г. в 00:00:05
javascript
История одного компонента

Введение в любой фреймвок начинается с написания одного простого компонента. Чаще всего этим компонентом будет "счетчик нажатий". Это своеобразный "hello world" в мире фронтенд разработки. Именно поэтому я и возьму его за основу данного материала.Когда-то давно я задался вопросом: можно ли создавать фронтенд также легко как в React, но без ререндера и скрытых слоев для вычисления состояния и обновления DOM, а только лишь с помошью конструкций самого языка JavaScript?Решение этог…

  • четверг, 22 мая 2025 г. в 00:00:09
javascript
Среда выполнения JavaScript простым языком: движок, Event Loop и очереди задач

Привет, с вами снова я – Дмитрий, React-разработчик, хотелось бы сегодня затронуть тему среды выполнения JS. Многие знают, другие уже подзабыли, а новички — вовсе не в курсе. В общем, эта статья точно найдёт своих читателей. Постараюсь простыми словами и по делу.Что такое среда выполнения JavaScript?Среда выполнения JavaScript, также её называют runtime — это окружение, в котором выполняется JS-код. Оно включает в себя: движок JavaScript (например, V8 или SpiderMonkey), который компилирует и ис…

  • четверг, 22 мая 2025 г. в 00:00:08
javascript
Погружение в grammY: разработка Telegram-бота с TypeScript и Docker

Привет, Хабр! В предыдущей статье о библиотеке grammY мы подробно разобрали основы создания Telegram-ботов на JavaScript. Кажется, настало время погрузиться в тему глубже и научиться добавлять более сложные фичи. Мы подготовил пару инструкций по этой теме. В этой части разберем, как подключить базу данных и настроить регистрацию пользователей. А еще заложим фундамент, чтобы в будущем сделать интерактивное меню и подключить платежный модуль. По итогу у нас получится бот с простым, но рабочим о…

  • четверг, 22 мая 2025 г. в 00:00:07
javascript
Асинхронность в JavaScript, как использовать в web разработке на React, цепочка промисов и параллел…

Асинхронные операции в JavaScriptМинимум об асинхронностиАсинхронный код в отличие от синхронного позволяет выполнять длительные операции продолжая работать приложению, не зависая когда идет обращение к серверу с фронтенда или когда идет выборка данных на сервере из базы данных.Что же позволяет коду так работать?. Когда я 2022 г. увлекся разработкой на React (это JavaScript библиотека) и начал разрабатывать сайт с тестовыми погодными данными используя OpenWeatherMap, первое с чем столкнулся по …

  • среда, 21 мая 2025 г. в 00:00:10
javascript
Clojure — стабильность по определению

Недавно мне попался следующий твит от OneHappyFellow:Кажется, я понял, что меня настолько напрягает при программировании на языках с динамической типизацией. Дело в том, что никогда нет уверенности, будет ли конкретная библиотека работать определённым образом, и не сломается ли код при очередном минорном обновлении версии.— One Happy Fellow (@onehappyfellow) 5 мая 2025Этот тезис меня заинтересовал. Дело в том, что по работе мне в основном приходится иметь дело с Clojure. Это динамический язык, …

  • среда, 21 мая 2025 г. в 00:00:09
javascript
Как Армия и open-source помогли мне стартануть карьеру

Если ты в кризисе — не накручивай опыт. Создай его. Это бесплатно⚠️ Не трать время на чтение, если тебе здесь не откликнетсяДо open-sourceПосле open-sourceСейчасВременной период2014-2016с 20172025Возраст23-252633ПолМальчикМужчинаЗафисит от результатов спринтаРольРазнорабочийFront-end разработчикЛидер платформы по построению интерфейсов (неколько десятков команд)Эмоциональное состояниеОтчаяниеВоодушевлениеПривязанное к релизному циклуЯ и HRыОтказы и тишинаЗавал предложенийНе в поиске, переодичес…

  • среда, 21 мая 2025 г. в 00:00:08