Giter Site home page Giter Site logo

E-mail   •   Telegram   •   Linkedin   •   Хабр Карьера   •   HH   •   HTML Academy   •   NPM

💬 О себе

Фронтенд-разработчик широкого профиля:

  • Vue, Nuxt
  • Svelte, Sveltekit
  • Twig/Nunjucks/Pug/Handlebars/XSLT, Vanilla JS

Есть некоторый опыт в бэкенде (SSR, API):

  • Node, PHP, SQL

🎓 Обучение и первые подработки

В 2017 г. окончил Санкт-Петербургский политехнический университет по специальности «Компьтерный дизайн». В университете познакомился с веб-разработкой и после выпуска поступил на фронтенд-разработчика в HTML Academy, где моими преподавателями по вёрстке были известные спикеры и опытные разработчики, передавшие мне опыт в семантике, доступности, БЭМ, адаптивности.

Этот опыт помог сразу стартовать в коммерческой разработке: уже после первой ступени обучения верстал и немного оживлял лендинги и сайты-визитки. Изучив основы PHP в той же Академии, я смог делать небольшие, но полноценные сайты «под ключ», реализовывая обработку заявок или сбор комментариев.

Следующие ступени обучения в HTML Academy дали сильную базу в Javascript и браузерных API, после чего я мог легко оживлять создаваемые лендинги и даже написал небольшую карточную игру well.

⛏ Опыт работы

  1. Фронтенд-разработчик в AFFINAGE

    Август 2018 — Февраль 2019

    • Разработка с нуля реактивных приложений для финансовых инструментов и интернет-магазинов (Vue, Nuxt).
    • Интерактивные анимации (GSAP, Three.js) и интерфейс для конфигурирования 3D-анимаций.
    • Разработка mock API и интеграция с бэкендом (GraphQL).
    • Интеграция платёжных систем (Яндекс.деньги), интерактивных карт (leaflet).

    Работа на аутсорсе дала большое разнообразие сложных кейсов.

  2. Наставник в HTML Academy

    Январь 2018 — …

    • Навыки кодревью по критериям и кодгайдам укрепили привычку писать чистый код самому, закрепили знение лучших практик.
    • Навыки визуального тестирования прокачали внимательность к деталям, владение Pixelperfect.
    • Разъяснение базовых знаний по разметке, CSS и Javascript расширило и углубило компетенции.
    • Внедрение инструментов по валидации разметки, БЭМ, документации и стилей, проверке pixelperfect помогло эффективнее проверять и рабочий код.
  3. Фронтенд-разработчик в ИнЭкс

    Июнь 2019 — Декабрь 2021

    • Для портала РЖД активно участвовал в создании высоконагруженных страниц и личных кабинетов, организации UI-kit, внедрении компонентного подхода и оптимизации сборки фронтенд-приложений. Некоторые решения приватной части интерфейса на чистом Javascript не имеют аналогов и позволяют эффективно решать логистические задачи грузоперевозок с визуализацией больших объемов данных.
    • Выполнял конфигурирование модульных API с помощью разработанной в компании headless CMS, участие в определении доработки функционала ядра системы.
    • Участвовал в разработке реактивного административного интерфейса РЖД с использованием Vue, разрабатывая специфические компоненты управления для сопряжения нескольких частей бизнес-логики. Создавал кастомные дополнения к визуальному редактору. Участвовал в разработке концепции и интерфейса разделения ролей в системе.
    • Покрывал решения автотестами (cypress), участвовал во внедрении TDD.
  4. Старший фронтенд-разработчик в Sape

    Октябрь 2023 — …

    • Разработка высокоинтерактивных компонентов SPA для Sape Links - самой крупной платформы линкбилдинга.
    • Разработка главной страницы sape.ru (досрочная сдача функционала) и поддержка лендингов компании.

Примеры работ

Большая часть кода недоступна для просмотра из-за NDA, но ниже можно увидеть некоторые работы 👇

Andrey N Efimov's Projects

4horses-landing icon 4horses-landing

Сборка однофайлового лендинга на Vite с шаблонизацией на чистом JS.

antarctic icon antarctic

Вёрстка лендинга «Круизы в Антарктику»

api icon api

Набор API для прикладных задач

beeshop icon beeshop

Демо интернет-магазина на vue3

big-trip icon big-trip

Веб-приложение для планирования путешествия.

cat-energy icon cat-energy

Демо вёрстки интернет-магазина корма для кошек.

cookbook icon cookbook

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

cybersquatting icon cybersquatting

Заглушка для продажи неактуальных доменов.

device icon device

Интернет-магазин гаджетов.

gllacy icon gllacy

Сайт магазина мороженого.

gulp-remark-lint icon gulp-remark-lint

Gulp task using remark and remark-lint to lint markdown files and output stylish results

gulp-static icon gulp-static

Сборка для создания статического сайта на gulp.

map-touch-demo icon map-touch-demo

Прототип выдвижных табов на карте с использованием Vue.js

mishka icon mishka

Проект «Мишка» от HTML Academy

questionnaire icon questionnaire

Шаблон стилизованной анкеты веб-разработчика.

sedona icon sedona

Сайт туристического городка.

stylelint-order-htmlacademy icon stylelint-order-htmlacademy

Настройки проверки сортировки CSS-свойств с помощью stylelint по актуальному кодгайду HTML Academy.

supergym icon supergym

Вёрстка сайта фитнес-центра в Омске

typoteka icon typoteka

Серверная часть (API, SSR) небольшого блога.

unimodal icon unimodal

Модальное окно с произвольной разметкой и стилизацией.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.