Logo

Logo

Avatar photo

Front-end web developer

Прыпышный Александр

Приветствую! Меня зовут Александр, я front-end разработчик. Специализируюсь на решении таких задач как:

  • Кросс-браузерная, семантическая, адаптивная и отвечающая стандартам W3C верстка PSD-макетов с использованием HTML и CSS
  • CSS и JavaScript-анимация DOM-элементов
  • Программирование клиентской части
  • Создание одностраничных веб-приложений
  • Отладка и тестирование скриптов и приложений

На данный момент в работе я использую такие инструменты:

  • HTML5
  • CSS3, Flexbox, Grid Layout, SASS, Bootstrap
  • JavaScript
  • Lodash, jQuery, React, React Hooks, Redux, JSX, JSON, Babel
  • Git, GitHub
  • Node.js, Gulp, Create React App, Autoprefixer, Uglify, Sourcemaps
  • Linux, Visual Studio Code, Sublime Text, Emmet
  • Photoshop, Avocode, PSDetch, Sketch, Figma, Zeplin

Мои работы

Amazing world react

Данное одностраничное приложение построено на базе React с использованием Redux для управления состоянием. Для разработки были использованы следующие технологии:

HTML5, CSS 3, Flexbox module, Java Script, React, React Hooks, Redux, Node.js, Create react app, Git

Wonder world react

Данное одностраничное приложение построено на базе React с использованием маршрутизации. Для разработки были использованы следующие технологии:

HTML5, CSS 3, Flexbox module, Java Script, React, React Hooks, React Router, Node.js, Create react app, Git

Сайт автозапчастей

В данной работе реализован адаптивный дизайн (от 320px и выше), разметка и таблицы стилей соответствуют стандартам W3C. При обработке форм реализована их валидация на стороне клиента. Для разработки данной страницы были использованы следующие технологии и инструменты:

HTML5, CSS 3, Flexbox module, SASS, JavaScript, Git, Node.js, Gulp, Babel, Uglify, Autoprefixer, Photoshop

Tattoo Studio landing page

Данная страничка сайта тату-салона была создана согласно данного макета, соответствует стандартам W3C, является адаптивной с анимированными элементами. Для разработки были использованы следующие технологии:

HTML5, CSS 3, Flexbox module, Grid layout, SASS, Java Script, jQuery, Git, Node.js, Gulp, Babel, Autoprefixer, Sourcemaps, Photoshop, PSDETCH

Recipes Landing Page

Данная страничка сайта рецептов была создана согласно данного макета, соответствует стандартам W3C, является адаптивной с анимированными элементами. Для разработки были использованы следующие технологии:

HTML5, CSS 3, Flexbox module, SASS, Java Script, jQuery, Git, Node.js, Gulp, Babel, Autoprefixer, Sourcemaps, Photoshop, PSDETCH

BlueRex Landing Page

Данная лендинг-страница была создана согласно данного макета, соответствует стандартам W3C, является адаптивной с анимированными элементами. Для разработки были использованы следующие технологии:

HTML5, CSS 3, Flexbox module, SASS, Java Script, Git, Node.js, Gulp, Babel, Autoprefixer, CSSmin, Sourcemaps, Photoshop, Avocode

Лендинг с grid layout

Адаптивная страничка, разметка и таблицы стилей которой соответствуют стандартам W3C. Для разработки данной страницы были использованы следующие технологии и инструменты:

HTML5, CSS 3, SASS, Grid layout, Java Script, Git, Node.js, Gulp, Babel, Autoprefixer, Photoshop

Портфолио

Данный сайт-портфолио соответствует стандартам W3C, является адаптивным с анимированными элементами. Для разработки были использованы следующие технологии:

HTML5, CSS3, SASS, Flexbox module, Bootstrap 4.5, Java Script, jQuery, Git, Node.js, Gulp, Babel, Autoprefixer, Sourcemaps, Photoshop

LearnXpert Landing Page

Данная лендинг-страница была создана согласно данного макета, соответствует стандартам W3C и является адаптивной. Для разработки были использованы следующие технологии:

HTML5, CSS 3, SASS, Flexbox module, Grid layout, Git, Node.js, Gulp, Autoprefixer, Sourcemaps, Photoshop, PSDetch

Ondulin landing page

Данная лендинг-страница соответствует стандартам W3C и является адаптивной с анимированными элементами. Для разработки были использованы следующие технологии:

HTML5, CSS 3, SASS, Flexbox module, JavaScript, Git, Node.js, Gulp, Autoprefixer, Babel, Photoshop

Roulette game

Для разработки были использованы следующие технологии:

HTML5, CSS 3, Flexbox module, Grid layout, SASS, Java Script, PIXI.js, TexturePacker, Git, Node.js, Gulp, Babel, Autoprefixer, Uglify

Калькулятор

Данное приложение является стандартным калькулятором. HTML и CSS соответствуют стандартам W3C. При разработке были использованы следующие технологии:

HTML5, CSS 3, Flexbox, Java Script, React, Redux, react-redux, Git, Node.js, Create React App, Photoshop

Секундомер с React.js и Redux

Секундомер с возможностью измерения интервалов. HTML и CSS соответствуют стандартам W3C. При разработке были использованы следующие технологии:

HTML5, CSS 3, Flexbox, Java Script, React.js, Redux, React Hooks, Git, Node.js, Create React App, Photoshop

Секундомер с React.js

Секундомер с возможностью измерения интервалов. HTML и CSS соответствуют стандартам W3C. При разработке были использованы следующие технологии:

HTML5, CSS 3, Flexbox, Java Script, React.js, React Hooks, Git, Node.js, Create React App, Photoshop

Визуализация некоторых макроэкономических показателей

Данное приложение предоставляет возможность просматривать некоторые экономические данные в табличном и визуализированном виде по выбранному году. В приложении использована библиотека Amcharts для визуализации данных. HTML и CSS соответствуют стандартам W3C. При разработке были использованы следующие технологии:

HTML5, CSS 3, Flexbox, Amcharts, Java Script, React, Git, Node.js, Create React App, Photoshop

Игра Крестики-Нолики

За основу данного приложения был взят пример во Введении на официальном сайте JavaScript-библиотеки React и модифицирован добавлением дополнительного функционала. HTML и CSS соответствуют стандартам W3C. При разработке были использованы следующие технологии:

HTML5, CSS 3, Flexbox, Java Script, React, Git, Node.js, Create React App

Лендинг Studio

Адаптивная страничка, разметка и таблицы стилей которой соответствуют стандартам W3C. Для разработки данной страницы были использованы следующие технологии и инструменты:

HTML5, CSS 3, Git, Photoshop

Лендинг сайта по изготовлению скульптур

Адаптивная страничка, разметка и таблицы стилей которой соответствуют стандартам W3C. Для разработки данной страницы были использованы следующие технологии и инструменты:

HTML5, CSS 3, Flexbox module, Git, Photoshop

Конфигуратор ПК

Приложение позволяет создать индивидуальную конфигурацию ПК с автоматическим расчетом цены в гривне и пересчетом в долларах США по текущему курсу НБУ. Курс валют подтягивается с сервера НБУ. При создании данного приложения были использованы следующие технологии:

HTML5, CSS 3, Flexbox module, Java Script, jQuery, Git, Node.js, Gulp, Babel, Autoprefixer, Photoshop

Шахматы

Приложение с возможностью перемещения элементов drag and drop. При создании данной страницы были использованы следующие технологии и инструменты:

HTML5, CSS 3, Java Script, Git, Photoshop

Календарь

Приложение с возможностью просмотра любого выбранного года. При создании данной страницы были использованы следующие технологии и инструменты:

HTML5, CSS 3, SASS, Java Script, Git, Node.js, Gulp, Babel, Photoshop

Таблица данных с сортировкой

Таблица с возможностью сортировки по любому полю по возрастанию или убыванию. При создании данной страницы были использованы следующие технологии и инструменты:

HTML5, CSS 3, Java Script, Git, Photoshop

Слайдер с автоматической прокруткой

Слайдер с автоматической прокруткой. При создании данной страницы были использованы следующие технологии и инструменты:

HTML5, CSS 3, Java Script, Git, Photoshop

Футбол

Футбольное поле для игры с мячом. При создании данной страницы были использованы следующие технологии и инструменты:

HTML5, CSS 3, Java Script, Git, Photoshop

Страничка технической документации

Адаптивная страничка технической документации, разметка и таблицы стилей которой на 100% соответствуют стандартам W3C. При создании данной страницы были использованы следующие технологии и инструменты:

HTML5, CSS 3, Git

Страничка c опросной формой

Страничка с опросной формой, разметка и таблицы стилей которой на 100% соответствуют стандартам W3C. При создании данной страницы были использованы следующие технологии и инструменты:

HTML5, CSS 3, Git

Страничка о Нормане Борлоге

Адаптивная страничка, в структуре которой использован Flexbox модуль, разметка и таблицы стилей на 100% соответствуют стандартам W3C. При создании были использованы следующие технологии и инструменты:

HTML5, CSS 3, Git

About Kiev site

Данная о Киеве имеет адаптивный дизайн. Для разработки были использованы следующие технологии:

HTML5, CSS 3, Flexbox module, Java Script, Git, Photoshop

Контакты