Меня зовут Юрий

Я Frontend-разработчик

Портфолио Про меня
photo

Про меня

Меня зовут Юрий

Приветствую Вас на своем личном сайте-портфолио.

Веб разработкой я начал заниматься несколько лет назад. Это моё хобби. Мне нравится когда из горы непонятного текста и символов получается красивый и рабочий результат. Позже я решил перейти на другой уровень, и начать применять мои знания и умения с пользой для других.

Любой заказ выполняю только качественно и в срок, так как занимаюсь любимым делом.

Ниже будет информация о том, что я умею и чем занимаюсь.

web-dev
Web-разработка
Вёрстка красивых и современных веб-страниц с полной адаптивностью под любые устройства
web-dev
Создание SPA приложений
Создание SPA React-приложений с использованием библиотеки Redux React rotur dom и других. А также приложений на Next.js c SSR

Опыт

Чем я буду полезен

Образование

  • icon

    Udemy

    Курсы по Web-разработке
    На протяжении нескольких лет, занимаюсь на одной из самых популярных образовательных площадок в мире. Окончил ряд курсов по веб разработке, такие как:
    • Полный курс по Docker
    • React + Next.js 13 - с нуля. TypeScript, Hooks, SSR и Grid
    • Курс по современному TypeScript
    • Курс по React + Redux
    • Посадка верстки и создание тем на CMS WordPress
    • Практический JavaScript (Продвинутый уровень)
    • Полный курс по JavaScript
    • Курс WEB-Разработчика
    • Курс по версте, изучение HTML и CSS
  • icon

    Самостоятельная работа

    Изучение документации и простомотр интерсных видео
    Прохождение курсов это только напрвление по изучению. Основное обучение проходило в практике при создании тестовых проектов, а также изучении необходимой докупентации.

Опыт работы

  • icon

    ООО МКДГ

    Программист (Frontend-разработчик)
    Март 2022 — по настоящее время
    Создание SPA и PWA приложений, разработка на TypeScript. Верстка и создание сложных функционалов на нативном JS, например: многоступенчатые формы обратной связи, получение и обработка информации с изменением контента и уведомлением пользователя.
  • icon

    Диджитал агентствоо

    Ноябрь 2021 — март 2022
    Верстал большое количество сайтов. Вся всерска была адаптивня, PerfectPixel с точной проверкой выполненой работы и анимацией. Срочные правки верстки и тем Wordpress.
  • icon

    Фриланс

    Работа на фриланбирже
    Выполняю заказы на биржах фрилансеров, а так же приходят заказы от друзей и знакомых. На биржах очень удобная система рейтингов, благотаря чему каждый работкик отображается объективно в зависимости от своих профессиональных качеств.

Навыки

Что я использую в работе

html5

HTML5

Именно он создает каркас вашего сайта или приложения, а пятая версия позволит мне создавать более SEO-оптимизированную структуру вашего продукта
css3

CSS3

Этот язык стилей позволяет мне создавать абсолютно любой внешний вид вашего сайта или приложения. Все ограничивается только вашей фантазией!
SASS/SCSS

SASS/SCSS

Препроцессор CSS. Используется для того, чтобы упростить и структурировать код, а также позволяет работать быстрее за счет сокращенного синтаксиса
js

JavaScript

Этот язык программирования позволяет оживить все что угодно: слайдеры, окна, подсказки, вкладки, получение данных от сервера и многое другое
js

TypeScript

Это строго типизированный язык программирования, основанный на JavaScript. Помогает избегать ошибок во время разработки.
react

React

Эта библиотека позволяет создавать web-приложения, что позволяет создать максимально интерактивный продукт именно под ваши цели
react

Next.js

фреймворк на JavaScript, использующий React для построения Server Side Render-приложений (SSR) и статически-генерируемых сайтов.
redux

Redux

Redux хранит состояние всего вашего приложения в одном месте, включает данные из вашего API, состояния навигации, информацию о пользователе, переключенное состояние кнопки и т.д.
GULP

Gulp

Gulp - это инструмент для автоматизации рутинных задач, которые возникают при веб-разработке, что позволяет сильно ускорись выполнение задания
git

Git

Git — это система управления версиями. У Git основная задача: хранить информацию о всех изменениях в вашем коде, начиная с самой первой строчки.
Создание сайтов
100%
Точность и пунктуальность
99%
Современные иснтументы
87%
Креативность
53%
Soft skills
65%

Портфолио

Мои работы

altetsa
Адаптивная верстка

Верстка сайта портфолио

Адаптивная верстка сайта

Адаптивная верстка сайта согласно макета. Достаточно сложный и красивый дизайн. В работе ипользовано Flexbox, SCSS. Сборка осуществлялась при помощи планировщика GULP(минимизация кода и изображений).
kapusta
SPA React TS

Задание с собеседования

Frontend часть интернет магазина

Тестовое задание с собеседования. За 2 дня(установленный срок выполнения) сделано:
  • Навигация осуществляется при помощи react-router-dom
  • Стор реализован при помощи Redux Toolkit
  • Запросы данных осуществлялись через Axios
  • Управление потоком данных сделано при помощи RTK Query
  • Для стилей: sass и css-modules. sass/scss увелтчтвает скорость написания стилей, а css-modules улучшают изалированность.
  • Реализовано 2 вида пагинации
  • Сделана сортировка по цене
  • Сделана корзина с подсчетом количества товара в ней и общей стоимости
kapusta
Верстка и WordPress

Верстка и посадка на CMS Wordpress сайта йоги

Верстка и посадка на CMS Wordpress сайта йоги

Адаптивная и кросбраузерная верстка с посадкой на CMS Wordpress. Создано динамическое меню с возможностью редактирования, динамическое выведение постов, возможность изменять и создовать блоки и страницы через админпанель, подключены яндекс карты, можно редактировать форму для братной связи через админ панель, а так же красивая анимация с котами, котрые рандомно появляются с каждой перезагрузкой страницы.
kapusta
Адаптивная верстка

Верстка
многостраничного сайта

Верстка многостраничного образовательного сайта

Сложная адаптивная и кросбраузерная верстка. В этом проекте нет контейнера из-за разного размещения элементов в секции. Огромное количество отделых элеменов. Большое внимание уделено адаптиву - адекватное и пропорциональное отображение элементов на всех устройствах.
nep
Адаптивная верстка

Верстка
многостраничного сайта

Верстка многостраничного сайта энергетической компании

Адаптивная верска многостраничного сайта с анимацией и интерактивными элементами. На старницах контактов и партнерства имеются формы с валидацией.
oqualis
Адаптивная верстка

Верстка многостраничного сайта онлайн курсов

Адаптивная верстка многостраничного сайта

Адаптивная верстка многостраничного сайта онлайн-курсов согласно макета. В работе ипользовано Flexbox, Grid, SCSS. Сборка осуществлялась при помощи планировщика GULP(минимизация кода и изображений). Реализована отправка почты при помощи почтовика PHP Mailer, а также модальные окна. При помощи нотивного JavaScript созданы табы и мобильное меню.
Адаптивная верстка

Верстка сайта мебели

Адаптивная верстка сайта мебели

Адаптивная верстка сайта согласно макета. В работе ипользовано Flexbox, SCSS. Слайдер создан с использованием Slick-слайдер. Сборка осуществлялась при помощи планировщика GULP(минимизация кода и изображений). При клике на "кпровати" в меню откроется страница товара.
pulse
Адаптивная верстка

Адаптивная верстка сайта по методологии БЭМ

Адаптивная верстка сайта по методологии БЭМ

На сайте использован Slick-слайдер. Реализовано переключение табов. Установлены Яндекс карты. Реализованиы модальные окна, валиация форм и маска ввода для номера, а также отправка форм на почту припомощи PHP Mailer. Добавлена анимация с ипользованием библиотек Animation CSS и WOW.JS. Вся сбока осуществлялась при помощи планировщика GULP(минимизация кода и изображений).
window
Интерактив

Интерактив на сайте по остеклению балконов

Интерактив на сайте по остеклению балконов

Реализовано табы, всплывающие модальные окона, валиация и отправка форм при помощи AJAX. Сделана форма-калькулятор. Реализован обратый таймер акции. Простая форма показа изображений. Модульная структура JS-фйлов собиралась при помощи Webpack, для кросбраузерности - Babel.
uber
Адаптивная верстка

Адаптивная верстка с использованием Bootstrap

Адаптивная верстка с использованием Bootstrap

Адаптивная и кросбраузерная верстка с использованием библиотеки Bootstrap, препроцессора SASS, вендерных префиксов, иконочный шрифт Font Awesome.
wp2
Верстка

Верстка сайта с использованием Flexbox

Верстка сайта с использованием Flexbox

Простая верстка сайта с использованием технологии Flexbox. Верстка на чистом HTML и CSS, без использования препроцессоров и библиотек. Сброс стилей normalize.css.
Спасибо за сообщение!
Я скоро с Вами свяжусь
up