Опыт в сфере веб-разработки - с 2016 года Навыки, умения, владение технологиями: - Языки: HTML, CSS, JavaScript - CSS Flexbox, CSS Grid - БЭМ, CSS modules - Шаблонизаторы: Pug, Twig - Сборщики и таск-раннеры: Gulp/Webpack - Препроцессоры: Sass/Scss - Фреймворки: Vue.js (Vuex), React (MobX) - Опыт работы с библиотеками: jQuery, Bootstrap 3/4/4 native, Vuetify, MaterialDesign (React) - Опыт работы с бд: MySQL - Контроль качества кода: ESLint, TSLint, Prettier -------------------------------------------------------------------------------------------------- Патент на научную разработку (Vue.js, Vuex): https://tinyurl.com/y5jst36a Резюме HH: https://hh.ru/resume/879b038aff042b0ca00039ed1f546b5175644e Гитхаб: https://github.com/mderkach -------------------------------------------------------------------------------------------------- Личные проекты с применением React.js: 1) CAD для игрового сервера GTA V (в разработке) https://gitlab.com/skeev_/cad Стек: Webpack, React, MobX, Typescript, CSS modules, Node.js (Express + MySql) Библиотеки: React Material Table, Material UI Icons,Swiper, Chart.js Инструменты: ESLint, Stylelint, Prettier Загрузка страниц осуществляется через React Lazy CAD система, отображающая панель управления игровой фракцией (губернатор, полиция, медики и т.д.) Возможности системы: - найм/увольнение, установка зп - добавление фотографий - создание дел, историй болезеней, выписка штрафов, выдача документов, поиск по бд, архивация записей - отображение графиков изменения экономики за день/неделю/месяц 2) Приложение "Телефон" для игрового сервера GTA V (в разработке) https://gitlab.com/skeev_/phone стек: React, MobX, Node.js(Express + MySql) библиотеки: React Grid Layout, date-fns возможности: - голосовые вызовы (Mumble VoIP для Fivem) - смс - избранные контакты - фотографии для контактов - рингтон (сохраняется в LocalStorage) - обои для рабочего стола (сохраняется в LocalStorage) - смена обложки телефона (сохраняется в LocalStorage) - смена масштаба интерфейса (сохраняется в LocalStorage) - навигация с клавиатуры - drag'n'drop иконок на рабочем столе видео-демонстрация ранней версии: https://tinyurl.com/y22zgemq Примечание: в качестве образца использовалась ОС Andoid, была попытка применить Material UI, но решено отказаться в пользу собственных копий компонентов библиотеки выше из-за проблем с производительностью в рамках игры и CEF. Так же, проект будет подготовлен к публикации по завершению, с целью использования на других игровых серверах. 3) Модуль "Инвентарь" интерфейса игрового сервера по GTA V (в данный момент находится на стадии полного рефактора и перехода на Typescript,поэтому исходный код не прилагаю) Стек: React, Node.js(Express + MySql) Библиотеки: React DnD Видео: https://tinyurl.com/y5n35ayl (ранняя демо версия) Возможности: - Drag'n'Drop - Мердж итемов по набросу на аналогичный - Сплит стаков через Shift - Контекстное меню через ПКМ - Тултипы по наведению 4) Утилита парсинга XML для игрового сервера https://github.com/mderkach/FivemShopMetaCustom Стек: React, MobX, Node.js(Express) Библиотеки и инструменты: create react app, xml2js Приложение создано для расширения и добавления полей в XML-файле с последующей конвертацией .meta для игрового сервера Принимает на вход XML определенного формата, пользователь добавляет необходимые поля и сохраняет результат Создано было за пару дней и для слишком узкий личный целей, поэтому никаких оптимизаций рендеров не было произведено :)