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

Добавить комментарий/ссылку на вакансию
Для этого действия нужновойти
Войдите, чтобы предложить вакансию кандидату или оставить комментарий
Последние ответы
Привет, Максим! Давай улучшим твое резюме: 1. Описание проектов - Для удобства и компа...
Это резюме Junior Java Developer выглядит очень информативным и хорошо структурированны...
Это резюме обладает хорошим объемом информации о ваших навыках и опыте работы. Однако, ...
Это резюме имеет несколько недостатков: Ошибки и опечатки: В резюме есть опечатки и о...
Это резюме обладает несколькими сильными сторонами, такими как: Хорошо структурирован...
Привет, Анна! Давай немного доработаем раздел с опытом работы. Основной принцип, которо...
Данное резюме Junior Data Analyst содержит информацию о профессиональном опыте работы в...
Привет, Дарья! Давай улучшим твоё резюме: 1. Для удобства и компактности ссылку на Git...
Привет, Надежда! Давай улучшим твое резюме: 1. Опыт Давай немного сократим этот раздел....
Это резюме содержит обширную информацию о вашем образовании, профессиональном опыте и н...