HTML-верстальщик

Контакты


Контакты доступны после входа на сайт

Описание

Ищу удалённую работу на полный день.

Закончил обучение HTML-верстке от Skillbox.

Одни из моих учебных проектов за время прохождения курса:

  1. Адаптивный и кроссбраузерный лендинг – “High-pass”.
    https://baranovstas.github.io/high-pass/

  2. Адаптивный и кроссбраузерный лендинг – “Blanchard”.
    https://baranovstas.github.io/blanchard/

Результаты:
● применяя JavaScript, реализовал интерактивность и плавные скроллы (c requestAnimationFrame)
● при помощи CSS преобразовал HTML-разметки в стилизованные лейауты, включая flex- и grid-вёрстку + анимации на keyframes
● осуществил адаптивные вёрстки, отзывающиеся под разные разрешения из-за медиа-запросов и относительных единиц измерения (%, vw)
● обеспечил кроссбраузерность благодаря простановке префиксов и normalize.css
● повысил доступность для пользователей, применяющих скринридеры, добавляя семантические теги header, nav, footer, main, section и другие
● увеличил скорость загрузки сайтов, используя формат webp, сжатие изображений, минимизацию файлов и теги picture

Стеки:
High-pass – JavaScript, HTML, SCSS, Gulp, яндекс-карта
Blanchard – JavaScript, HTML, CSS, Gulp, яндекс-карта, Swiper JS, jQuery accordion, inputmask.js, just-validate.js, choices.js, simplebar.js

  1. Todo-list на чистом JavaScript. https://baranovstas.github.io/todo-list/

Результаты:
● в кратчайшие сроки создал список дел с применением готовых компонентов из библиотеки Bootstrap
● внедрил возможность для браузера запоминать дела, которые добавляются и удаляются, и их статус «сделано/не сделано» при помощи localStorage

Стек: JavaScript, Bootstrap, localStorage

Навыки

● JavaScript – опыт работы с основами, ES5 и ES6+
● HTML – применяя указанный язык разметки, выполнил 4 проекта – 3 из них по макетам (Figma и Photoshop)
● CSS
● Gulp – автоматизировал задачи при помощи данного таск-менеджера
● Адаптивная вёрстка
● Кроссбраузерная вёрстка
● Семантическая вёрстка
● Препроцессор SCSS – ускорил процесс стилизации с помощью переменных, миксинов, вложенностей и шаблонов
● Оптимизация сайта
● Git – использование команд git clone, git status, git add, git commit и git push для публикации проектов в открытых репозиториях
● Методология БЭМ – опыт именования классов, переиспользования кода и разделения сайтов на независимые блоки

Далее планирую освоить работу с клиентской частью через JavaScript, изучить библиотеку React и расти, как frontend-разработчик.

Образование


Сибирский Федеральный университет - Электроника и наноэлектроника
Сентябрь 2017 - Апрель 2020

О себе
Начальные знания английского языка

Комментарии


Добавить комментарий
Для этого действия нужновойти

Рекомендации

Ожидает подтверждения
1

Добрый день!
В принципе, все достаточно хорошо написано, но я бы все-таки предложила:

  1. Разделила результаты в точки зрения задач и технологии, с помощью которых эти результаты были достигнуты.
  2. Стек технологий описать по принципу: ЯП, фреймворк, контроль версий, ОС, остальное.
  3. Не поняла, почему проекты в одном месте, а Todo-list на чистом JavaScript - в другом. Какая логика?
  4. В навыках не стоит давать подробные описания, типа такого "Gulp – автоматизировал задачи при помощи данного таск-менеджера" - люди, которые будут смотреть твое резюме и так знают, что Gulp — это менеджер для автоматизации рутинных задач. То же самое с остальными описаниями.
  5. Я бы еще добавила пункт про мотивацию: почему ты хочешь заниматься версткой, почему интересен фронтенд.

Добрый день.1 и 2 пункт не понял,поподробнее пожалуйста? "Разделила результаты в точки зрения задач и технологии"? "Стек технологий описать по принципу: ЯП,фреймворк,контроль версий,ОС,остальное"?

Станислав Баранов04-11-2021 05:13:01

Добавить комментарий/ссылку на вакансию
Для этого действия нужновойти
Войдите, чтобы предложить вакансию кандидату или оставить комментарий
Последние ответы
Резюме выглядит впечатляюще. Оно хорошо структурировано, содержит подробное описание оп...
Это резюме представляет вас как кандидата с опытом работы в области инженерии и проекти...
Привет, Алиса! Отличное резюме получилось, ты молодец))
Резюме Junior QA инженера содержит много информации, однако есть несколько аспектов, ко...
Это резюме содержит много повторяющегося текста и не содержит достаточно информации о в...
Резюме имеет некоторые сильные стороны, такие как: Хорошо структурированная информаци...
Привет, Инга! Давай улучшим твое резюме: 1. Контакты Давай разместим короткую ссылку н...
Привет, Константин! Давай улучшим твое резюме: 1. Имя и фамилию резюме переведи, пожал...
Это резюме содержит много полезной информации о ваших навыках и опыте работы. Однако, е...
Это резюме содержит много лишней информации, которая не имеет отношения к вакансии Fron...