Frontend Developer
Основное
Казань
Не готов
Фронтенд-разработчик, имею коммерческий опыт в разработке, принимаю участие в Open-source проектах. Ищу офлайн работу в городе Казань.
Обо мне
Длительное время работал техническим специалистом 1С. В 2019г. закончил курсы по вёрстке в HTML Academy, после чего устроился верстальщиком. Помимо прохождения курсов Хекслета, для развития в отрасли, слушаю подкасты "Мысли и Методы" и "Веб-стандарты", изучаю профессиональную литературу, сейчас читаю "Грокаем алгоритмы" (Адитья Бхаргава).
Всегда хотел стать программистом, фронтенд мне интересен возможностью видеть результат своей работы, перспективностью, многообразием инструментов.
Люблю активный отдых, настольный теннис, подтягивания на турнике и пешие прогулки.
- JS
- React
- Redux Toolkit
- Vue
- PHP
- JEST
- Testing Library
- Webpack
- Docker
- Препроцессоры: PUG (ex-jade), SASS (SCSS), LESS
Знаком: с командной строкой, протоколом HTTP, микроразметкой Schema.org, pixel perfect, ally, подходами Graceful degradation и Progressive Enhancement, вёрсткой под ретина экраны, способами оптимизации загрузки сайта, базовой настройкой автоматизации gulp, гридами.
Имеется сертификат о завершении обучения по профессии Фронтенд-разработчик в Хекслете
Работа
Выполняю доработку и исправление текущих модулей проекта, а также переписываю legacy код на Vue JS, внедряю переиспользуемые компоненты vue, разрабатываю виджеты на Yii2, провожу код ревью и рефакторинг. Основной стек Javascript, JQuery, Vue JS, PHP, Yii2. При выполнении задач взаимодействую с другими членами команды Backend, Frontend-разработчиками, QA, дизайнером.
Достижения:
- внедрил автоматизированные тесты JEST и Testing Library
- повысил стиль кодирования в проектах, добавив и настроив линтеры кода ES Lint, PHP CodeSniffer
- разработал модуль для обвязки SVG, который сократил дублирование, кол-во кода сократилось в три раза
- написал модуль который парсит svg спрайт и показывает все svg проекта на странице в удобном виде с возможностью копирования в clipboard
- описал и добавил в проекты Makefile для часто используемых длинных команд
Tools:
- webpack
- docker
- gitlab
- jira
- trello
- confluence
Выполненные проекты
1. Brain Games (github)
Игры разума — набор из пяти консольных игр, построенных по принципу популярных мобильных приложений для прокачки мозга.
Выполненные работы:
Организовал файловую структуру, подключил непрерывную интеграцию (CI) Github Action, автоматически отслеживал качество кода сервисом CodeClimate, ESlint настроил по стандартам Airbnb.
2. Difference generator (github)
Вычислитель отличий — консольная утилита, определяющая разницу между двумя структурами данных. Утилита принимает входные форматы: yaml, json и генерирует отчет в неструктурированных форматах plain text, stylish и в структурированном json.
Выполненные работы:
Код построил в иммутабельном стиле. При написании кода использовал автоматическое тестирование JEST, тесты писал по технике TDD, работа с файловой системой велась с помощью функций NodeJS. Настроил Github Action (тесты и ESLint), чистоту и покрытие тестами проверял с помощью Code Coverage от Codeclimate. Для сравнения двух структур данных построил абстрактное синтаксическое дерево, далее различные форматы собирал на основе AST.
3. Page Loader (github)
Загрузчик страниц — это утилита командной строки, которая скачивает страницу из интернета вместе с содержимым (картинки, js, стили) давая возможность просмотра страницы без интернета.
Выполненные работы:
При работе над проектом глубоко проработал принципы написания асинхронного кода, а также работу с ошибками и исключениями. HTTP-запросы к ресурсам выполнял через axios, для отслеживания процесса выполнения асинхронного кода добавил логирование, при написании тестов асинхронного кода использовал мокинг с помощью библиотеки nock.
4. RSS Reader (github)
RSS Reader — сервис для агрегации RSS-потоков, с помощью которых удобно читать разнообразные источники, например, блоги. Он позволяет добавлять неограниченное количество RSS-лент, сам их обновляет и добавляет новые записи в общий поток.
Выполненные работы:
Приложение разработано на основе шаблона проектирования MVC, код проекта фокусируется на работе с чистым DOM, для вывода текста используется библиотека i18next, проект собран на Webpack, приложение задеплоено на Vercel, так же подключены Github Action и Code Climate. Каждый фид проходит валидацию, для пользователя отображается текущее состояние приложения, по загруженным фидам каждые 5 секунд происходит получение новых постов.
5. Чат Slack (github)
Чат разработан на React JS, в проекте используются: функциональные компоненты, хуки и redux-toolkit. Для сборки приложения используется webpack, валидация и работа с формами построена с помощью библиотеки Formik, вёрстка сделана на react-bootstrap. Работа с чатом использует протокол связи WebSocket, есть взаимодействие с REST API, роутинг развернут на стороне клиента, реализована авторизация и аутентификация.
Знаком: с командной строкой, протоколом HTTP, микроразметкой Schema.org, pixel perfect, ally, подходами Graceful degradation и Progressive Enhancement, вёрсткой под ретина экраны, способами оптимизации загрузки сайта, базовой настройкой автоматизации gulp, гридами.
Задачи:
- администрирование сервера (обновление сертификатов SSL, настройка nginx)
- вёрстка рекламных страниц
- правки на сайте
- обработка заказов интернет-магазина
- фотографирование товаров интернет-магазина
Задачи:
- вёрстка адаптивных макетов сайтов компании с поддержкой IE 11
- вёрстка email рассылок с поддержкой The Bat!, Microsoft Outlook и др. почтовых приложений
- создание простых анимаций
- расширение стандартного bootstrap (добавление новых часто используемых классов)
- микроразметка schema.org
Что было сделано дополнительно:
- вся новая верстка на проекте выполнялась на семантических тегах HTML 5
- доработана система миксинов для e-mail рассылок, ускоряющая время вёрстки
- создан веб-интерфейс UI-кита с готовыми компонентами для вёрстки
Используемые технологии и инструменты:
- pug (ex-jade)
- sass (scss), less
- соглашение по неймингу классов по методологии БЭМ
- bootstrap 4
- figma, Adobe Photoshop
- Git
- JavaScript (для модальных окон, dropdown и т.п.)
- jQuery (использовался для слайдеров)
- css animation & transition
Образование
Рекомендации
Резюме выглядит хорошо структурированным и содержит подробную информацию о выполненных проектах и опыте работы. Заявленные навыки веб-разработки, такие как JavaScript, React, Redux и тестирование с использованием JEST, также хорошо представлены. Кроме того, образование и дополнительные курсы также указаны.
Однако, следует учесть, что резюме довольно длинное и содержит много деталей о работе в других областях, что может отвлечь от основной темы. Рекомендуется сократить и упростить информацию, чтобы она была более лаконичной и легко воспринимаемой.
Также, стоит добавить информацию о достижениях и конкретных результатов в выполненных проектах, чтобы работодатель мог лучше понять вашу ценность и опыт.
В целом, резюме показывает хороший потенциал и опыт веб-разработки, но требует некоторого сокращения и уточнения информации.
Сопроводительное письмо
Уважаемый работодатель,
Я хотел бы представить свое резюме и выразить свой интерес к вакансии Фронтенд-разработчика в вашей компании. Я выпускник Хекслета по профессии Фронтенд-разработчик и обучаюсь с января этого года. У меня есть коммерческий опыт в верстке, а также выполненные проекты, которые я хотел бы поделиться с вами.
Один из моих проектов - Brain Games, состоящий из пяти консольных игр, построенных по принципу популярных мобильных приложений для прокачки мозга. Я организовал файловую структуру проекта, настроил непрерывную интеграцию с помощью Github Action и отслеживание качества кода с помощью сервиса CodeClimate. Также я настроил ESlint по стандартам Airbnb.
Еще одним моим проектом является Difference generator - консольная утилита, определяющая разницу между двумя структурами данных. Я построил код в иммутабельном стиле, использовал автоматическое тестирование с помощью JEST и написал тесты по методу TDD. Также я настроил Github Action и Code Climate для проверки качества кода и покрытия тестами. Для сравнения двух структур данных я построил абстрактное синтаксическое дерево и собирал различные форматы на основе AST.
Еще один мой проект - RSS Reader, сервис для агрегации RSS-потоков. Я разработал это приложение на основе шаблона проектирования MVC, фокусируясь на работе с чистым DOM. Приложение задеплоено на Vercel и подключены Github Action и Code Climate.
Кроме того, я имею опыт работы в компаниях Evels аккумуляторная компания и БИБОСС. В Evels аккумуляторная компания я работал администратором интернет-магазина, занимался администрированием сервера, вёрсткой рекламных страниц, обработкой заказов и другими задачами. В БИБОСС я работал фронтенд-разработчиком и HTML верстальщиком, занимался вёрсткой адаптивных макетов сайтов, созданием email-рассылок и другими задачами.
Я также обладаю знаниями в области командной строки, протокола HTTP, микроразметки Schema.org, pixel perfect, а также подходами Graceful degradation и Progressive Enhancement. У меня есть опыт в вёрстке под ретина экраны, оптимизации загрузки сайта, настройке автоматизации с помощью gulp и гридах. Также я знаком с JavaScript, React, Redux Toolkit, JEST, HTML, CSS и препроцессорами PUG, SASS, LESS. Я также имею опыт в вёрстке писем и работе с методологией БЭМ.
Я всегда хотел стать программистом, и фронтенд разработка меня привлекает своей возможностью видеть результат своей работы, перспективностью и многообразием инструментов.
Я прилагаю свое резюме и буду рад ответить на любые дополнительные вопросы. Меня можно связаться по телефону +7 (967) 465-80-42, по электронной почте live.leon@mail.ru или в Telegram @DamirEnikeev.
С уважением,
Ваше имя
Улучшенное резюме
Frontend Developer
Выпускник Хекслета по профессии Фронтенд-разработчик, обучаюсь с января этого года и имею коммерческий опыт в верстке. Ищу офлайн работу в городе Казань.
Выполненные проекты
1. Brain Games (github)
Игры разума — набор из пяти консольных игр, построенных по принципу популярных мобильных приложений для прокачки мозга.
Выполненные работы:
- Организовал файловую структуру
- Подключил непрерывную интеграцию (CI) Github Action
- Автоматически отслеживал качество кода сервисом CodeClimate
- Настроил ESlint по стандартам Airbnb
2. Difference generator (github)
Вычислитель отличий — консольная утилита, определяющая разницу между двумя структурами данных. Утилита принимает входные форматы: yaml, json и генерирует отчет в неструктурированных форматах plain text, stylish и в структурированном json.
Выполненные работы:
- Код построил в иммутабельном стиле
- Использовал автоматическое тестирование JEST
- Тесты писал по технике TDD
- Работа с файловой системой велась с помощью функций NodeJS
- Настроил Github Action (тесты и ESLint)
- Проверял чистоту и покрытие тестами с помощью Code Coverage от Codeclimate
- Для сравнения двух структур данных построил абстрактное синтаксическое дерево
- Собирал различные форматы на основе AST
3. RSS Reader (github)
RSS Reader — сервис для агрегации RSS-потоков, с помощью которых удобно читать разнообразные источники, например, блоги. Он позволяет добавлять неограниченное количество RSS-лент, сам их обновляет и добавляет новые записи в общий поток.
Выполненные работы:
- Приложение разработано на основе шаблона проектирования MVC
- Код проекта фокусируется на работе с чистым DOM
- Для вывода текста используется библиотека i18next
- Проект собран на Webpack
- Приложение задеплоено на Vercel
- Подключены Github Action и Code Climate
- Каждый фид проходит валидацию
- Пользователю отображается текущее состояние приложения
- Каждые 5 секунд происходит получение новых постов
4. Чат Slack (github)
Чат разработан на React JS, в проекте используются: функциональные компоненты, хуки и redux-toolkit. Для сборки приложения используется webpack, валидация и работа с формами построена с помощью библиотеки Formik, вёрстка сделана на react-bootstrap. Работа с чатом использует протокол связи WebSocket, есть взаимодействие с REST API, роутинг развернут на стороне клиента, реализована авторизация и аутентификация.
Знаком:
- Командная строка
- Протокол HTTP
- Микроразметка Schema.org
- Pixel perfect
- Ally
- Подходы Graceful degradation и Progressive Enhancement
- Вёрстка под ретина экраны
- Способы оптимизации загрузки сайта
- Базовая настройка автоматизации gulp
- Гриды.
Обо мне
Длительное время работал техническим специалистом 1С. В 2019г. закончил курсы по вёрстке в HTML Academy, после чего устроился верстальщиком. Помимо прохождения курсов Хекслета, для развития в отрасли, слушаю подкасты "Мысли и Методы" и "Веб-стандарты", изучаю профессиональную литературу, сейчас читаю "Грокаем алгоритмы" (Адитья Бхаргава).
Всегда хотел стать программистом, фронтенд мне интересен возможностью видеть результат своей работы, перспективностью и многообразием инструментов.
Люблю активный отдых, настольный теннис, подтягивания на турнике и пешие прогулки.
Контакты:
+7 (967) 465-80-42
live.leon@mail.ru
telegram @DamirEnikeev
Технические навыки:
- JS
- React
- Redux Toolkit
- JEST
- HTML, CSS
- Препроцессоры: PUG (ex-jade), SASS (SCSS), LESS
- Вёрстка писем
- Методология БЭМ, в части именования классов
- Bootstrap
Знаком:
- Командная строка
- Протокол HTTP
- Микроразметка Schema.org
- Pixel perfect
- Ally
- Подходы Graceful degradation и Progressive Enhancement
- Вёрстка под ретина экраны
- Способы оптимизации загрузки сайта
Добавить комментарий
Привет!
В описании информация немного скомкана. Лучше начать с интересов и мотивации, продолжить графиком работы, деньгами и локацией.
Если указываете подкасты и книги, то можно указать названия пары самых любимых.
ГитХаб совсем не активный. Не знаю, стоит его в таком случае указывать.
Работа:
А что было после апреля 2020?
Описание задач лучше разделить на сами задачи, основные достижения (они есть) и используемые технологии - вынести в отдельный блок из самого текста.
Добавить комментарий
Привет!
Все ок, но можно добавить информацию о том, как долго уже обучаетесь на Хекслете. И заголовок "Мои проекты" поменять на "Учебные проекты" или "Выполненные проекты", иначе можно подумать, что это лично ваши pet-проекты)
В остальном отичное резюме :)
Добавить комментарий