Skip to content
View efiand's full-sized avatar
💭
Creating values
💭
Creating values

Block or report efiand

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
efiand/README.md

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

Наставничество

Передам свой богатый практический опыт:

  • В рамках программы «Фронтенд-разработчик» от HTML Academy (перед покупкой не забудьте прийти ко мне за скидкой).

  • Индивидуально как самозанятый - подробности здесь.

Условия для новичков

Вижу смысл вкладывать время и силы только в перспективных учеников:

  1. Пройди всю бесплатную часть тренажёров HTML Academy.

  2. Осознай важность соблюдения стиля кода.

  3. Ожидаю, что ты проникся первыми двумя пунктами и применил навыки по вёрстке и программированию и уже сверстал что-нибудь (например, страничку-визитку).

  4. Ожидаю, что ты умеешь читать, и поэтому не придёшь ко мне в личку по вопросам учёбы без выполнения этих условий (контакты ты уже нашёл на этой странице).

💬 О себе

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

  • 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 для Links Sape и Serpzilla - самых крупных платформ линкбилдинга.
    • Разработка и поддержка лендингов компании.
    • В качестве техлида и архитектора разрабатываю общую библиотеку Vue-компонентов, SCSS-модулей, TS-модулей, плагинов для Vite, настроек линтеров. Внедрил автогенерацию типов на основе Open API.

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

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

Pinned Loading

  1. cookbook cookbook Public

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

    Vue

  2. well well Public

    Карточный пасьянс «Колодец».

    JavaScript 2 1

  3. pixelperfect-tool pixelperfect-tool Public

    Pixel perfect tool for development mode.

    JavaScript 4 2

  4. stylelint-order-htmlacademy stylelint-order-htmlacademy Public

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

    JavaScript 2 3

  5. shared shared Public

    A set of common modules (components, configurations, utilities) for any project

    JavaScript

  6. vite-boilerplate vite-boilerplate Public template

    Базовая сборка для нативных и vue-проектов

    JavaScript