Arswarog.ru - Еще один блог разработчика

Обо мне

Mon, 03 Aug 2026 12:00:00 +0300

Обо мне

Евгений Лубяной

T-Shape эксперт, со специализацией во frontend

Проектирую и создаю уникальные решения

Правильное выставление границ позволяет получать надежный результат, особенно в эпоху AI

Знаю как применять (и как не применять) разные 3х и 4х буквенные аббревиатуры:

SOLID, DRY, APO, KISS, LOD, REP, ADP, SDP, SAP…

Опыт работы

Т-Банк

Старший разработчик Июнь 2021 — Июль 2026 (5 лет и 2 месяца)

Работая в технической команде, мы создавали и поддерживали инструментарий (библиотеки) для целого подразделения

Event Loop NodeJS: Part 1

Tue, 08 Jun 2021 06:41:57 +0300

Event Loop NodeJS

NodeJS отличается от других платформ тем, как обрабатываются события ввода/вывода, или проще I/O. NodeJS рекламируют как “Не блокирующая, событийно управляемая платформа на базе движка JavaScript V8” (да, именно от V-образного 8-цилиндрового двигателя название и было взято).

Что все это значит? Что значит “не блокирующий” и “событийно управляемый”? Ответы на все эти вопросы лежат в основе ядра NodeJS - цикле событий (Event Loop). Это первая статья из серии где будет объяснено что такое Event Loop, как он работает и как это влияет на разработка.

LAMP сервер для разработки (без PHP на хосте)

Fri, 17 Jul 2020 10:13:05 +0300

В этой статье я расскажу как можно быстро поднять связку PHP + MySql используя Docker на компьютере без установки чего-либо на хост (docker, конечно, уже должен быть установлен)

Требования

легкость в использовании
возможность запуска нескольких сайтов
легкость развертывания нового сайта
общий сервер базы данных для всех сайтов
запуск одной строкой
доступ к исходному коду сайта
возможность использования разных версий PHP

В результате потребуется запустить общие для всех сайтов сервисы (это можно поставить в автозапуск)

Монорепозиторий с Lerna для Angular

Wed, 29 Jan 2020 11:54:11 +0300

Последовательность действий

Создаем приложение для ng new monorepo --createApplication=false

npx lerna init

ng g lib first

Изменим путь где lerna будет искать пакеты на путь где angular хранит свои проекты

{
  "packages": [
    "projects/*"
  ],
  ...
}

Теперь папку packages, автоматически созданную lerna, можно удалить rm -r packages

И создадим пару библиотек ng g lib first ng g lib second

Если требуется, меняем имена пакетов в библиотеках

Паттерны проектирования

Thu, 05 Dec 2019 20:47:39 +0300

Паттерны проектирования или шаблоны проектирования — это типичные способы решения некоторых типичных проблем.

Википедия описывает их следующим образом:

Шаблон проектирования, или паттерн, в разработке программного обеспечения — повторяемая архитектурная конструкция, представляющая собой решение проблемы проектирования, в рамках некоторого часто возникающего контекста.

Не стоит преувеличивать значение паттернов и применять везде и в обязательном порядке. Однако и приуменьшать их значение тоже не стоит. Это методы решение частых задач и эти методы являются опытом других разработчиков.

Установка скрытой reCaptcha от Google

Thu, 31 Jan 2019 21:04:55 +0300

Google предоставляет замечательное средство для борьбы со спамом — reCaptcha

Обычно это просто галочка «Я не робот»

Однако есть возможность не делать даже этого — Invisible reCAPTCHA проверяет пользователя в фоне и только если возникли сомнения отображает окно с дополнительным подтверждением

Подключить невидимую рекапчу очень просто:

Создаем контейнер и подключаем скрипт

1
2
3

<div id="recaptcha"></div>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadReCaptchaInvisible&render=explicit"
        async defer></script>

Настраиваем и пару функций для удобной работы

var g_cfg = {
  'sitekey': 'your-api-code',
  'theme': 'dark',
  'size': 'invisible',
  'callback': 'grecaptcha_callback',
};

// храним идентификатор
var recaptcha_id;

// функция которую мы вызовим что бы проверить
function gcaptcha_check(callback) {
  window.grecaptcha_callback = callback;
  window.grecaptcha.execute(recaptcha_id);
}

// если требуется обновить рекапчу, например для еще одной проверки пользователя
function gcaptcha_reset() {
  window.grecaptcha.reset(recaptcha_id);
}

// колбек для самой рекапчи
window.onloadReCaptchaInvisible = function () {
  recaptcha_id = grecaptcha.render('recaptcha', g_cfg)
};

Изначально reCaptcha отображает свой логотип в правом нижнем углу страницы

Алиасы в git

Sun, 04 Nov 2018 22:00:12 +0300

В GIT есть очень удобная функциональность для создания кратких команд:

`1`	`git config --global alias.имя_алиаса команда`

Например, очень удобная команда:

`1`	`git log --oneline --graph`

Создающая вывод в терминале всего дерева коммитов

Очень удобно сделать сокращение такой команды

git l

для этого надо выполнить

`1`	`git config --global alias.l log --oneline --graph`

или улучшенный вариант

`1`	`git config --global alias.l log --oneline --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr)%C(bold blue) <%an>%Creset' --abbrev-commit`

выдающий такой результат

Как я писал фреймворк Dunai

Fri, 03 Aug 2018 22:13:13 +0300

Начало

Давным давно, в далекой галактике, при использовании NodeJS джедаю стало сложно следить за кодом и зависимостями.

Но он помнил, он видел магию автоматического внедрения зависимостей, так как был в клане Angular.

И вот, молодой джедай, воодушевленный могуществом TypeScript решил познать черную магию декораторов, он хотел понять как эта магия работает…

И пошел странствовать в поисках мудрости — пошел в гугл, попал на хабр, все узнал.

Конец.

Прелюдия

По моему мнению на чистом JavaScript слишком неудобно писать сложные приложения, и TypeScript позволяет значительно упростить эту задачу.

Шпаргалка по Python

Mon, 30 Jul 2018 22:26:12 +0300

На pythonworld.ru нашел отличную шпаргалку

Сохраняем цветной вывод консоли

Mon, 25 Jun 2018 22:19:25 +0300

Бывают случаи, когда требуется сохранить вывод приложения в консоли со всеми плюшками, такими как цвет текста, жирный шрифт и т.д. Для таких случаев есть интересная программа, написанная на Cи — aha, так же доступная в AUR ArchLinux

Просто перенаправляем ей вывод программы Например, сохраним в html справку самой программы:

`1`	`$ aha -h \| aha > out.html`

Или настроим результат, добавим черный фон (--black) и включим использование таблицы стилей вместо inline стилей (-s)

Использование React вместе с Typescript

Mon, 25 Jun 2018 19:57:11 +0300

Использование React вместе с TypeScript

TypeScript замечательный язык, по моему мнению, это будущее JavaScript. И хотя приходится больше писать кода, типизация, подсказки статический анализ типов — это огромные помощники программисту, особенно в больших проектах.

Стартовый шаблон

Для быстрого создания React + TypeScript Microsoft подготовила хороший инструмент, который работает вместе с привычным react-scripts, автоматически настраивает тестовое окружение и создает шаблон теста.

Так же TypeScript нативно понимает JSX, без каких-либо надстроек, что не может не радовать.