Александр Артемьев

За время текущей работы я одновременно участвовал в 10 проектах, получая задачи с разных направлений, таких как Netti, Whichbingo, Vedonlyonti и создание полностью нового сайта Freebets. Это позволило мне развить умение эффективно распределять внимание между задачами и работать с различными командами.
Работал под руководством четырёх опытных специалистов, регулярно проходя подробные code review. В процессе работы я участвовал на всех этапах проверки качества: сначала через code review, затем с QA-менеджерами, и на последнем этапе — с главным менеджером.

Разработка сайтов и кастомизация WordPress

Основной упор делался на создание, настройку и поддержку сайтов на платформе WordPress. В рамках этих задач я:

• Разрабатывал и адаптировал темы для обеспечения современного дизайна и корректной работы на мобильных устройствах;
• Разрабатывал и интегрировал кастомные плагины для расширения функционала сайтов, включая взаимодействие с внешними API, настройку админ-панелей и управление пользовательскими данными;
• Реализовал поддержку мультисайтов для удобного управления проектами. Внёс изменения в админ-панель, добавив кнопку для быстрого перехода между сайтами внутри мультисайтовой структуры;
• Создал функционал для экспорта таблиц и интеграции данных с Google Sheets, разработав безопасный способ работы с таблицами через файлы, создаваемые в Google Account;
• Мигрировал контент с предыдущих сайтов с использованием кастомного плагина.
• Работал над кастомной авторизацией и добавлением различных ролей с возможностью настройки прав доступа для каждой роли.
  

Кастомные блоки Gutenberg

Я разработал более 50 уникальных блоков для редактора Gutenberg, используя React и TypeScript. Ключевые достижения в этой области:

• Создание динамичных и интерактивных элементов контента, обеспечивающих удобство и гибкость для конечных пользователей;
• Разработка общих компонентов, таких как React Select с поддержкой перетаскивания элементов с помощью @dnd/kit и множеством настраиваемых параметров;
• Создание кастомных edit-link для удобной работы с контентом;
• Подключение всех блоков к новому кастомному API через разработанный плагин для удобного взаимодействия.
• Оптимизация работы блоков с использованием хуков useMemo и useCallback для дорогостоящих функций и обработок;
  

Работа с базой данных и интеграция

Моими задачами было прямое взаимодействие с базой данных MySQL для:

• Оптимизации таблиц и написания сложных SQL-запросов;
• Интеграции данных с различными компонентами сайта;
• Разработки серверной части для обработки данных и их предоставления на фронтенд;
• Создания отдельного класса для улучшенного поиска по постам и блокам меню, позволяющего находить результаты по ключевым словам, целым фразам и наибольшему количеству совпадений.

Работа с Docker

Познакомился с Docker и собрал свою первую сборку. Это позволило оптимизировать рабочие процессы, улучшить изоляцию окружений разработки и упрощённо работать с контейнеризацией.

Оптимизация и новые идеи

Я внёс ряд улучшений в производительность сайтов:

• Оптимизация кода для повышения скорости загрузки страниц и минимизация ресурсов;
• Решение проблемы долгой загрузки в админ-панели путём сохранения URL изображений вместо повторных запросов каждого изображения при загрузке;
• Внедрение кеширования и улучшение безопасности сайтов;
• Доработка Webpack для оптимизации сборки и конфигурации;
• Настройка ESLint и работа с PHPCS для повышения качества кода на PHP;
• Внёс правки в структуру sitemap через разработанный кастомный класс.

Инновационные подходы и командная работа

• Активно применял хуки и action для кастомизации функционала и интеграции с внешними сервисами;
• Разработал общий компонент для работы с блоками, включая перетаскивание элементов с помощью @dnd/kit;
• Разработал класс для удобной работы с обновлениями блоков, включая их удаление, поиск и обновление атрибутов при рендере;
• Работал с различными полями ACF, внося доработки в существующие плагины и расширяя их функциональность;
• Регулярно взаимодействовал с другими разработчиками, дизайнерами и менеджерами проектов для достижения общих целей и соблюдения сроков;
• Добавлял новые поля в Customizer для расширения функционала настройки сайтов.

Взаимодействие с менеджерами и заказчиками

Регулярно взаимодействовал с менеджерами проектов и заказчиками из других компаний, часто на английском языке. Это включало обсуждение требований, согласование задач и представление выполненных работ. Для повышения своей компетенции в этой области я занимался изучением английского языка с профессиональным преподавателем, что позволило мне уверенно работать в международной среде.

Итог

Эта работа позволила мне:

• Углубить навыки работы с WordPress, React и TypeScript;
• Освоить разработку сложных кастомных решений, включая блоки для Gutenberg и плагины;
• Познакомиться с Docker и улучшить навыки контейнеризации;
  
• Научиться эффективно работать с большими проектами, мультисайтами и интеграциями с внешними сервисами.

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

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

Первый проект: сервис для размещения объявлений

В рамках этого проекта использовались технологии React, Redux и TypeScript. Мои задачи включали:

• Разработку и вёрстку множества страниц сайта;
• Настройку плейсхолдеров и добавление переводов для обеспечения многоязычной поддержки;
• Реализацию валидации форм для корректного ввода данных пользователями;
• Улучшение пользовательского интерфейса через доработку UI-компонентов;
• Оптимизацию библиотеки level design: доработка существующих компонентов и добавление нового функционала;
• Написание лёгких тестов для проверки корректности работы компонентов;
• Создание небольшой серверной части для поддержки функционала сайта;
• Рефакторинг кода для повышения его читаемости и удобства поддержки.

Второй проект: система управления экранным контентом

Этот проект базировался на Vue, TypeScript и Nuxt. Мои задачи включали:

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

Третий проект: онлайн-запись на медицинские услуги

В рамках данного проекта я занимался:

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

Четвёртый проект: форма для записи к специалисту

Этот проект реализовывался с использованием Material UI и React. Мои задачи включали:

• Создание интерфейса виджета с использованием компонентов Material UI для современного и профессионального внешнего вида;
• Оптимизацию взаимодействия интерфейса с пользователем.

Итог

Работа над этими проектами позволила мне:

• Получить разнообразный опыт в разработке как фронтенда, так и бэкенда;
• Улучшить навыки вёрстки, валидации форм, работы с UI-компонентами, написания тестов и рефакторинга кода;
• Изучить и применить на практике такие технологии, как React, Vue, TypeScript, Nuxt, Redux, Logux и Material UI.

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

За время работы я участвовал в более чем 100 проектах, получая задачи с разных направлений. Я создавал и верстал сайты с помощью Webpack и Gulp, собирая свои сборки для различных типов сайтов. Это дало мне уникальный опыт в управлении проектами разной сложности и тесном взаимодействии с заказчиками.

Работа в нескольких командах позволила развить навыки командной работы и решать различные задачи. Я активно общался с клиентами, внося правки и предлагая решения для реальных проблем, что повысило мои коммуникативные навыки и уверенность в работе с заказчиками.

Верстка и сборка сайтов:

Основной упор делался на верстку и сборку сайтов с использованием Webpack и Gulp для создания кастомных сборок. Я разрабатывал и адаптировал сайты под разные устройства, обеспечивая корректную работу интерфейсов. Для верстки использовал такие фреймворки, как React, Vue и нативный JavaScript, что позволило мне гибко подходить к решению задач в зависимости от требований проекта.

Работа с WordPress:

Активно работал с WordPress, выполняя следующие задачи:

• Натягивание верстки на WordPress, настройка и доработка существующих сайтов.
• Интеграция с API и разработка кастомных плагинов для расширения функционала сайтов.
• Миграция контента и создание инструментов для быстрого переноса данных с других платформ.
• Разработка кастомной авторизации и добавление различных ролей с возможностью настройки прав доступа для каждой из них.

Работа с API и базами данных:

Занимался интеграцией различных сервисов через API и работал с базами данных, включая создание сложных SQL-запросов и оптимизацию работы с данными.

Оптимизация и учучшения:

• Для оптимизации производительности сайтов и минимизации нагрузки на серверы.
• Разрабатывал сборки с использованием Webpack и Gulp, что позволяло повысить скорость загрузки сайтов и улучшить пользовательский опыт.
• Внедрял кеширование и решения для повышения безопасности.

Решения и работа с командой:

• Разрабатывал интерактивные компоненты с использованием React, улучшал функциональность сайтов с помощью хуков, а также создавал компоненты для работы с данными, включая перетаскивание элементов.
• Работал с кастомными полями и плагинами для интеграции с ACF.
• Работал в тесном сотрудничестве с дизайнерами, верстая макеты по Figma, Photoshop или Illustrator, что позволяло реализовывать точные визуальные концепты с учетом всех требований клиента.

Примеры действующих проектов:

• Агентство Согласования Перепланировки— Сайт компании, специализирующейся на согласовании перепланировок в Москве и Московской области. Предоставляет информацию о услугах, примерах работ и контактных данных.
  
• Изготовление стекла — Корпоративный сайт компании "NAYADA", предлагающей стеклянные перегородки и двери для офисов и интерьеров. Содержит каталог продукции, информацию о компании и реализованных проектах.
  
• Стоматология— Веб-сайт медицинского центра "MIA Clinic", предоставляющего широкий спектр медицинских услуг. Включает информацию о специалистах, услугах, ценах и онлайн-записи на прием.
  
• Тату салон— Сайт тату-студии "Art of Pain", предлагающей услуги татуировки и пирсинга. Содержит портфолио работ, информацию о мастерах и контактные данные.
  
• Новые технологии для агроферм - Интернет-магазин "Агро-Ферма", специализирующийся на продаже оборудования для животноводства. Предлагает каталог продукции, информацию о компании и условиях доставки.
  

Взаимодействие с заказчиками:

• Работал с заказчиками напрямую, обсуждая требования, задачи и предоставляя готовые решения.
• Это позволило мне не только развить технические навыки, но и научиться эффективно общаться с клиентами, выстраивать процессы и находить оптимальные решения для задач.

Итог

Эта работа позволила мне:

• Освоить сложные решения по сборке и оптимизации сайтов.
• Получить опыт работы с большими проектами, используя Webpack и Gulp.
• Научиться эффективно взаимодействовать с заказчиками, командой и внедрять улучшения в проекты.
• Развить уверенность в работе с клиентами и командой, что сделало меня более компетентным разработчиком.