Front-end разработка:
- анализ, декомпозиция, оценка задач и их сопровождение от момента постановки, до установки на прод стенды, проработка кейсов совместно с аналитиком, дизайнером и архитектором
- распределение задач и контроль за работой front-end разработчиков на проекте
- проектирование архитектуры фронтовых приложений
- разработка группы front-end приложений (подсистем) в рамках одного проекта
- взаимодействие с dev-ops инженерами по вопросам реализации CI/CD и инфраструктуры на проекте
- взаимодействие с back-end разработчиками, создание swagger спецификации для проектируемых back-end сервисов
Чего удалось достичь
- Выстроить процесс front-end разработки на проекте (проксировать через себя задачи front-end разработчикам)
- Разработать архитектуру и реализовать новые SPA приложения с использованием Angular 6 + NgRx
- Избавиться от самописной неподдерживаемой библиотеки с легаси кодом от аутсорсеров, в пользу PrimeNg и группы микро библиотек
- Наладить процесс взаимодействия с дизайнером при разработке макетов, на начальных этапах дизайнер получает экспертизу со стороны фронта, что позволило упростить и ускорить как разработку, так и проектирование
Front-end разработка:
Админ-панель для управления навигационными решениями
технологии:
Angular 5, SASS, Webpack, RxJS
задачи:
- переписывание и расширение функционала старой админки (PHP + JQuery) заново с использованием нового стека.
результаты:
- Разработано мультимодульное SPA приложение, легко масштабируемое за счет нового стека и новой архитектуры
- Взаимодействие с API вынесено в отдельные сервисы и разделено на слои в соответствии бизнес логики.
- Для работы с картами была использована библиотека Leafle, путем наследования, был создан компонент, кастомизированный под нужды проекта
- При разработке для взаимодействия компонентов и API, а также в формах был использован RxJs
Дополнительно:
- Настройка CI с использованием Jenkins, Docker.
- Распределение обязанностей между разработчиками в ходе выполнения задач
- Участие в проектировании REST API
- Конфигурация Nginx
Front-end разработка:
Мобильное приложение IOS/Android
технологии:
Ionic1, AngularJS, SASS, Gulp
задачи:
- исправление багов
- внедрение нового функционала
результаты:
- исправлено множество багов в верстке и функциональности
- созданы и внедрены новые контроллеры и директивы (реализация перевода денег на банковский счет; страница с информацией о приложении)
- доработка существующих контроллеров (реализована проверка статуса платежа после каждой транзакции; переработан раздел со штрафами, вместо вывода приходящей HTML разметки реализован разбор JSON и его вывод в соответствии с созданным шаблоном)
- написание Gulp-тасков для автоматизации сборки приложения в зависимости от платформы
Мобильное приложение Money transfer IOS/Android
технологии:
Ionic3, Angular5, SASS, Webpack, RxJs
задачи:
- создание моноприложения для денежных переводов с карты в наличные (получение в пункте приема)
результаты:
- разработана архитектура приложения
- сверстан интерфейс по макетам
- созданы компоненты с использованием реактивных форм, нативных плагинов (сканирование карты камерой, проверка состояния интернет соединения, чтение информации из телефонной книги, отправление данных о переводе через соцсети и т.д.), реализованы обработка и вывод ошибок, валидация форм
- созданы сервисы для взаимодействия с REST API с использованием RxJs, в них реализовано разделение обработки запросов и ответов сервиса на несколько слоев в зависимости от статуса ответа (т.е. требуют действия пользователя или действия функционала приложения).
Сайт leadermt
технологии:
AngularJS, SASS, Gulp
задачи:
- исправление багов
- внедрение нового функционала
результаты:
- исправлено множество багов в верстке и функциональности
- созданы и внедрены новые контроллеры и директивы (реализация перевода денег на банковский счет; директива с курсами валют на главной странице)
- доработка существующих контроллеров (реализована проверка статуса платежа после каждой транзакции; отказ от захардкоженых на клиенте средств оплаты — переработка компонентов для получения с.о. с сервера; переработан раздел со штрафами, вместо вывода приходящей HTML разметки реализован разбор JSON и его вывод в соответствии с созданным шаблоном)
- верстка новых элементов сайта (раздел курсов валют; баннер для рекламной акции и т.д.)
Сайт РКО
технологии:
Pug, JS, jQuery, SASS, Gulp
задачи:
- составление технического задания для другого разработчика
- исправление багов и поддержка
результаты:
- составлено техническое задание: описаны основные требования (поддержка сборки нескольких стендов test/stage/prod в зависимости от переменных окружения); определен четкий стек технологий (что упростило дальнейшую поддержку сайта);
- внесены некоторые доработки в функциональность сайта;
- работа проверена на соответствие т.з. и принята
- написаны инструкции на yaml для Gitlab CI
Сайт moneysend
технологии:
Angular5, SASS, Webpack, RxJs
задачи:
- внедрение нового функционала
результаты:
- созданы и внедрены новые компоненты (реализация перевода денег с карты в наличные)
- верстка элементов сайта (этапы платежа)
Дополнительно:
- Работа с Jira (Agile) + Confluence,
- Git (gitflow) + Gitlab CI,
- Взаимодействие с RESTfull API,
Прикладная информатика