Ну и что же я наделал: проекты и работы

Фулстечил мощно в этом проекте. Из аккуратного дизайна сверстал библиотеку компонентов. Собирал блоки, экраны и страницы. Переехал с чистого Vue на Nuxt. Из монорепы разделил проект на три отдельных: профиль клиента, профиль исполнителя и бэкенд — API и админка на Nova. Писал контроллеры для API, сервисы для сторонних зависимостей и в структуре проекта старался следовать DDD (Domain Driven Design). Поднял и настроил версионное CI/CD каждого проекта из GitHub Actions.

Задача-вызов в проекте: создание аккуратной универсальной админки контент-менеджеров для создания любых типов мероприятий.

Внутри темы WP — интеграции для оплат, CRM и маркетинга, работа с вебхуками. Стал активно в этом проекте использовать telegram-ботов для уведомлений о заказах и оплатах в эквайрингах. В какой-то момент внедрил API Tilda, чтобы собранные лэндосы в тильде могли «интегрироваться» в созданные страницы через WP, но использовать всё окружение самой страницы: открыть форму оплаты, например.

Написал функцию на JS, которая умеет разбивать аккуратно свёрстанный текст шаблона договора в HTML на «искусственные блоки» по формату А4. Габариты листа задаются буквально в CSS, например: .a4 { width: 210mm; height: 297mm; }. У каждого листа есть атрибут contenteditable, чтобы в превью-режиме можно было отредактировать смысловую часть перед сохранением в PDF или печатью.

Быстро и аккуратно собрали проект по итерациям: менторил верстальщика, который собирал первый прототип в статике, после готовая вёрстка превратилась в тему для WordPress. Уже внутри темы дорабатывались админские функции для контент-менеджеров команды проекта.

В 2021 году я переехал в квартиру-коммуну, где жили двенадцать людей и каждый день праздник. Квартиру нашёл благодаря группе FFF. Решил написать админам, познакомиться и сделать что-то полезное, познакомился с Марфой и Асей и вместе поработал над сайтом экспертов FFF-сообщества.

Маленькое уютное агентство с тонкой душевной организацией для помощи в единственной совершенно прикладной задаче в сфере онлайн-образования — генерации сертификатов, дипломов или бэйджей для учеников и студентов, и всяческой автоматизации этого рутинного процесса контент-менеджерам и бизнесу.

• Шаблоны для AliInCome и для «Центра роста»,
• сателлит рекламного модуля в кабинете МТС,
• промо-лэндос для IcoHolder,
• сайт и диджитал-штуки для ПП-блогера @green__mila (сдано в архив),
• сайт видеопродакшена PromoPult.TV (на фотках в галерее есть я),
• эксперименты с несколькими контент-проектами на примере сайта «Лекарственные растения»,
• сайт агентства контент-маркетинга «Альфа-Контент»,
• справочный центр Click.ru,
• почтовые и новостные рассылки для MaxTarget,
• сайты-документаций API для Click.ru и PromoPult.

В командах PromoPult, WebArtex и Click.ru сверстал весь джентльменский комплект писем: системные письма, транзакционные, массовые рассылки, новости, письма для рассылок в блогах.

Пример шаблона с базовым набором адаптивных UI-блоков: ui.html.

Вся смысловая часть отдельного письма изменяется через Markdown-файлы. Всё это подружено с шаблонизатором на сервере. Собираются шаблоны с помощью «Печкина» — gulp-стартер для вёрстки писем.

Задача была в превращении огромной дизайн-системы после редизайна в статичный прототип и внедрение этого всего на взрослый, большой проект со сложной системой внутренней шаблонизации.

Сложный многостраничный проект. Большой редизайн портала: от личного кабинета до каждого урока и вебинара внутри.

Первым появился блог PromoPult: настроил рабочее окружение для песочницы, ревью и деплоя, сверстал статичный прототип и превратил в WordPress-тему. Позже шаблон стал клонироваться для других самостоятельных проектах.

На Хабре опубликовал пост с рассказом о сделанном: «Как организовать разработку и поддержку блога на WordPress в 2К19 году и не налажать».

Очень нравится работать с контент-проектами: дружить с редакцией, делать классную админку, добавлять фичи для переплетения контента. Работая в «Пульте» сделал несколько изданий для разных сервисов.

Взаимодействовал с распределённой командой в работе над адаптацией старого, сложного проекта. Адаптировали постепенно: сначала только статичную часть, потом личный кабинет.

Прекрасное всё в проекте: познакомился именно тут с лучшей командой, научился и научили работать в команде, поработал с десятком новых технологий и стеков, обновил личные кабинеты пользователя и заказчика, участвовал в создании лучших писем для уведомлений и рассылок, сделали большой редизайн и переехали на React-стек.

Большой сложный модуль, встраиваемый в разные сервисы, модули CMS и CRM. Верстал прототип первой версии и поддерживал новые штуки проекта: темизации для встраиваемого контекста, общую систему компонентов и структуру. Позже проект был переписан на стек Vue.

SPA с выверенными до десятых миллисекунд анимацией отдельных компонентов для единой картины поведения всего экрана. Отдельная логика поведения ссылок для десктопа и мобильных устройств.

Объёмный проект с большим количеством страниц, экранов и вариаций состояний компонентов. Дизайнеру нравились скошенные углы в 30° — я закопался и упоролся в clip-path в CSS и придумал несколько разных трюков для управления и адаптации блоков с этим визуальным эффектом.

Придумал и сделал проект, как ответ на вопрос «а где поесть в городе N определённой здоровой кухни», ну и ещё с React, API и со всем связанным разобрался. Проект заморожен, но кажется, хочу найти поддержки для развития и роста проекта.

Ещё вот забавное: помню, как высыпал на стол целую копилку десятирублёвых монет и долго их правильно фотографировал. Всё для кнопки «Поддержать проект».

В ноябре 2023 продал проект.

Маленький JS-сниппет для понимания порядка картинок в HTML-экспорте Google Docs. Выручает при контент-вёрстке: посты, рассылки, письма — Google Docs именует картинки при экспорте хаотично.

Простой скрипт для поиска самых упоминаемых слов в тексте. Есть список исключений (предлоги-союзы там всякие). Создавал при работе с контент-проектами.

Собственный инструмент для вёрстки писем. Помогает с шаблонизацией (Nunjucks) и инлайном стилей.

Упростил одинаковую рутинную часть начала работы над проектами: структура, лучшие практики в стилях, разметке, аккуратные готовые сниппеты для разметки и компонентов.

Придумал страницу, с которой быстрее, проще и привычнее — скинуть ссылку, где будут просто два числа размера экрана и попросить сделать скрин при тестировании и для дебага. Спасает нервы, экономит время.

Сделал простое браузерное расширение, которое открывает совершенно пустую идеальную вкладку: без логотипа, формы поиска, закладок и контролов учётной записи гугла, безо всяких ссылок на другие сервисы гугла. Поддерживает системную тёмную тему оформления. Положительно влияет на производительность на слабой технике.

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

В 2015+ году придумал и создал городской портал (ссылка на вебархив). Проект был закрыт через два года.

Сообщества во всех социальных сетях развиваются, функционируют и растут до сих пор, благодаря ребятам из дружественного местного рекламного агентства и прекрасной редакции.

Краеведческий сайт сдан в архив и с 2015 года пока никак не развивается. Если вам хочется купить сайт или домен (мои домены: troitsk74.ru, троицк74.рф и troitsk74.com) или любой другой интерес к проекту — напишите мне.