Добро пожаловать на страницу моего портфолио!

Здесь я собрал примеры кода моих работ. Большинство проектов, которыми я занимался, носили “закрытый” характер. И, соответственно, в общий доступ я их выкладывать не имею права. Так что… как-то так… :-)

Файлы проектов и скрипты размещены на Github. Ссылка на них в описании к каждому проекту. Как ведут себя скрипты можно посмотреть, нажав на название проекта. Там ссылка, да-да… :-)

Нативный JS

Шахматы

Скрипт отрисовки шахматной доски с фигурами.
Задача: отрисовать шахматную доску с фигурами.
Решение: вместо изображений фигур, использован специальный шрифт.
Файлы проекта на Github
Выполнено на js.

Мини-галерея

Скрипт мини-галереи.
Задача: создать скрипт простой фото-галереи.
Решение: использован addEventListener.
Файлы проекта на Github
Выполнено на js.

Мини-магазин

Скрипт обновления корзины.
Задача: создать скрипт, обновляющий данные в корзине.
Решение: при нажатии на кнопку “Купить” в блоке товара производится автоматический подсчет количества добавленных позиций товаров и их общая стоимость. Использовано addEventListener.
Файлы проекта на Github
Выполнено на js.

Небольшая менюшка

Скрипт генерации меню.
Задача: создать скрипт с использованием JavaScript.
Решение: использован принцип ООП.
Файлы проекта на Github
Выполнено на js.

Мини-игра

Небольшая игра - кликер.
Задача: создать небольшую игру с использованием JavaScript.
Решение: игра создана с помощью addEventListener и функций.
Файлы проекта на Github
Выполнено на нативном js.

Мини-блог

Простой мини-блог.
Задача: создать блог с использованием JavaScript.
Решение: блог создан с использованием ES6, Webpack, Babel, Node.js. На сервисе Firebase была создана БД с постами. Фунционал блога позволяет создавать посты, получать их из БД и добавлять в избранное.
Файлы проекта на Github
Выполнено на нативном js.

Vue.JS

Форма

Простая форма на Vue.js.
Задача: создать форму на Vue.js и подготовить данные для отправки на сервер.
Решение: форма создана с использованием @click, v-for и v-model.
Файлы проекта на Github
Выполнено на нативном vue.js.

Ad project SPA

SPA объявлений
Задача: Создать SPA объявлений
Решение: Проект создан с использованием Vue.js + Vuetify. Роль backend`а выполняет Google Firebase.
Функционал:

регистрация и авторизация пользователей,
размещение и редактирование своих объявлений,
размещение заявки на покупку

Файлы проекта на Github
Выполнено на Vue.js + Vuetify

Нативный PHP

Кодировщик

Скрипт изменения кодировки данных таблицы БД.
Задача: реализовать изменение кодировки (cp1251 -> utf-8) данных в таблице с 1 млн. записей.
Решение: организована выборка данных в цикле с установленным лимитом. Производится вставка перекодированных данных в новую таблицу одним запросом. Использовано PDO.
Файлы проекта на Github
Выполнено на нативном php.

Верстка

Landing page обучающего курса

Верстка сайта обучающего курса (landing page)
Задача: сверстать одностраничный сайт обучающего курса
Решение: сайт сверстан по технологии БЭМ, с применением jQuery и SCSS. Также использованы изображения в формате webp и owlCarousel
Файлы проекта на Github Выполнено с помощью html5, css3, jQuery.