Category : javascript

javascript
Зачем нам Node.js или Angular на бэкенде

Всем привет! Меня зовут Александр, я разрабатываю low-code платформу Eftech.Factory в компании Effective Technologies. В этой статье я хочу поделиться тем, как и почему в стеке нашего продукта появился Node.js. Рассмотрим одно из основных преимуществ Node.js (внезапно это JavaScript) и то, как он помогает нам сэкономить время в два раза на разработку и сопровождение.Из-за названия статьи может возникнуть путаница: чаще всего, когда речь идет об Angular на бэкенде, подразумевается Server Side Re…

  • пятница, 8 ноября 2024 г. в 00:00:03
javascript
Тестирование фронтенд компонентов с jest-dom на видимость пользователю

Решаем проблему с тестирование элемента что он виден пользователю или не виден.ПредпосылкиРазработчики react-testing-library рекомендуют нам писать тесты так, как если бы код работал как у пользователя. А это значит что нужно вызывать пользовательские события, проверять что пользователь видит тот компонент, который должен.Для тестирования компонентов мы используем библиотеку react-testing-library с testing-library/jest-dom, в рамках которого мы проверяем показывается тот или иной компонент на с…

  • четверг, 7 ноября 2024 г. в 00:00:07
javascript
Работа в «песочнице» с торговым роботом на Московской бирже

Перед тем как использовать торгового робота на живых деньгах хочется всё протестировать на демо-счете (или «песочнице»). Это когда программные ошибки не имеют особой стоимости.Я планирую использовать робота на Московской бирже, через АПИ одного из брокеров. Чтобы частному инвестору начать торговать на бирже нужен брокерский счет. Однако минимальное число российских брокеров имеют свои API (на текущий момент я знаю только ФИНАМ, Алор, Тинькофф Инвестиции). По субъективным причинам я выбрал ра…

  • среда, 6 ноября 2024 г. в 00:00:04
javascript
Как сделать один плагин сразу для всех сборщиков фронтенда?

Здравствуйте, товарищи! Сегодня мы снова поговорим про тулинг для фронтенда. В этот раз обсудим разработку плагинов для сборщиков, таких как: Webpack, Vite, esbuild и подобных. За основу мы возьмем Unplugin.Короткий ответ на вопрос из заголовка: пока никак. Чуть более длинный - изображен на обложке. А в качестве полноценного ответа, предлагаю вам эту статью. Попробуем хотя бы приблизиться к заявленному результату.Сразу стоит уточнить: это не туториал, а скорее case-study.С чего все началосьЯ де…

  • среда, 6 ноября 2024 г. в 00:00:03
javascript
Знакомьтесь: input, output и model. Новые функции в Angular

Привет всем! Меня зовут Егор Молчанов, я разработчик в компании Домклик.Хочу рассказать вам о новых функциях Angular: input(), output() и model(). Они появивились сравнительно недавно и обещают в скором времени заменить привычные нам декораторы @Input и @Output. Разберëм, что они собой представляют, как использовать на практике, и как связаны с концепцией сигналов. Поехали!Для чего были добавлены?Последние обновления Angular направлены на полную замену Zone.js новой системой Signals.В версии An…

  • среда, 6 ноября 2024 г. в 00:00:02
javascript
JavaScript: структуры данных и алгоритмы. Часть 6

Привет, друзья! В этой серии статей мы разбираем структуры данных и алгоритмы, представленные в этом замечательном репозитории. Это шестая часть серии, в которой мы начинаем разбирать алгоритмы. Сегодня мы поговорим об алгоритмах для работы с множествами. Код, представленный в этой и других статьях серии, можно найти в этом репозитории. С вашего позволения, я не буду рассказывать о математических алгоритмах, соответствующий код вместе с комментариями и тестами можно найти в директории math. И…

  • вторник, 5 ноября 2024 г. в 00:00:02
javascript
Zod. Основные преимущества и неочевидные кейсы использования

Zod — это TypeScript библиотека для валидации и создания схем данных, позволяющая определять строгие типы на этапе разработки. Она значительно упрощает управление типами и обеспечивает безопасность данных в приложениях. В отличие от других решений для валидации данных, Zod написан на TypeScript и позволяет использовать строгую типизацию как на этапе компиляции, так и на этапе выполнения.Для простых структур можно задать валидацию буквально в одной строке:const userSchema = z.object({ name: z.…

  • понедельник, 4 ноября 2024 г. в 00:00:05
javascript
Сравнение способов отрисовки спрайтов в canvas

ВведениеНе так давно помогал брату сделать проект для курсовой. Необходимо было создать клиент - серверное приложение, и решено было создать небольшую браузерную игру с мультиплеером. Курсовая была сдана успешно, а у меня появилось желание сравнить различные возможные методы отрисовки изображений HTML5 Canvas, с целью найти оптимальные решения. Моё исследование было проведено из любопытства и не предлагает чего-то революционного, однако информация в статье может быть полезна, или, в крайнем слу…

  • понедельник, 4 ноября 2024 г. в 00:00:04
javascript
Как использовать npm без опаски

Не ходите в npmjs.com напрямуюЧтобы избежать уязвимостей нулевого дня, MITM, и всевозможных «подарочков» от активистов и хакеров, можно проксировать и кэшировать реестр npm на уровне собственной инфраструктуры.Готовые решения вроде Verdaccio и Nexus добавят слой безопасности, ускорят установку пакетов и позволят хостить свои приватные пакеты бесплатно в неограниченном количестве. При желании, можно реализовать свой npm‑прокси так, чтобы в него попадали только версии пакетов старше, скажем, двух…

  • воскресенье, 3 ноября 2024 г. в 00:00:08