Фрилансеры › Руслан Туралинов

На сайте Wordpress стояла задача
- вывести данные из JSON строки в виде карточек с плавно раскрывающимися блоками "Детали"
- создать фильтр по нескольким параметрам
- разбить записи на страницы с удобной пагинацией

Данная задача интересна тем, что нужно оперировать с большим количеством данных настраивая для них различные фильтра, выводить данные в нужном формате (к примеру дату нужно было трансформировать в формат "осталось n часов и n минут", придумывать различные условия для того или иного вывода, взаимодействовать различными методами массивов, c коллекциями Set и т.д)

Конечно же для плавно раскрывающегося блока была применена библиотека jQuery.

В целом проект оказался весьма увлекательным, да и сама верстка не заставила скучать!)

Примененные технологии:
- HTML
- CSS
- JavaScript (jQuery)

Видео: https://www.youtube.com/watch?v=pE0LPSUaYdA

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

Стек: HTML, CSS, Javascript
Иконки: fontawesome

Видео: https://youtu.be/-5rwKg34hOM

Задача:
Создать интерактивный конструктор шкафа, который в последующем будет использован для калькулятора расчета стоимости. Нужно было проделать работы на стороне фронтенд-части. Настроить анимацию движения двери и динамическое обновления элементов.

Было очень интересно продумывать функционал.

Применил HTML,CSS и конечно же язык программирования JavaScript!

Видео: https://youtu.be/FKnCQsxFwmI

Стояла задача создать автокалькулятор, для расчёта итоговой стоимости определённого товара, зависящий от нескольких параметров.

В данной задаче были задействованы:
- HTML
- CSS
- JavaScript (JSON, async, await, Promise, map)
- MySQL
- PHP

Создана база данных с таблицами параметров, цен.

Реализован рендеринг DOM-структуры посредством JavaScript.

Запрограммирован функционал расчёта итоговой стоимости при изменений хотя бы одного из параметров .

Создана админ панель для (CRUD) редактирования/добавления/изменения всех параметров и цен.

Применен принцип нормализации базы данных MySQL.

Задача:
- Сверстать 2 страницы по Bootstrap 4
- Добавить функционал расчета итоговой стоимости при изменений опции количества и размера продукта
- При клике по кнопке, реализовать функционал отправки выбранных данных на почту клиента и администратора сайта
- Сделать переход на страницу подтверждения заказа

Использовал:
- html5/css3
- Bootstrap 4
- JavaScript
- PHP

Стояла задача:
1. Поправить блок с ползунком выбора диапазона дат, так как при просмотре с мобильных устройств, ползунок сужался и не был удобен в использовании.

2. А также устранить ошибки в построении графика: некоторые выбранные блоки не подсвечивались как выбранные.

Задача решена, работа проверена во всех современных браузерах, в том числе и в мобильных устройствах.

В работе были применены:
JavaScript(jQuery)

Задача:
Выполнить функционал выбора даты - должны прокручиваться при scroll колесиком мыши дни с датой, часы и минуты (то есть три элемента прокрутки).

Реализовал данный функционал с помощью библиотеки moment.js.

И конечно же без основного и стандартного стека технологий задачу выполнить практически было бы невозможно:
- html
- css
- javascript + jQuery

Нужно было кастомизировать карту от Google Maps:

- настроить карту под углом 45 градусов.
- добавить кастомный маркер.
- сверстать и добавить информационное окно.
- запрограммировать обработчик при клике на маркер (должно открываться/закрываться информационный блок)
- сверстать и заменить кнопки управления, в данном случае кнопки "Уменьшить/Увеличить" и кнопка "Повернуть карту на 90 градусов".

Верстка осуществлялась на HTML/CSS(Flexbox).
Необходимый функционал был реализован на языке JavaSctript.
Также на этапе программирования появилось необходимость использовать библиотеку JQuery для перехода по дереву DOM, чем я и воспользовался.
В целом задача была очень интересной.

Задача:
Сделать адаптивную контактную форму, к ней прикрутить API от сервиса Sendpulse, чтобы данные отправлялись в адресную книгу данного сервиса.

Проект был очень интересным, так как мне очень нравится сам процесс создание форм для сайта с интеграцией сторонних систем.

Были использованы следующие технологии: JS(JQuery)/PHP/API/AJAX.

Первым делом изучил документацию API от Sendpulse, разобрался в API запросах, сверстал форму, затем приступил к программированию данной формы, запрограммировал обработчики события при отправке формы и валидацию формы на стороне клиента. Дополнительно как вы видите была использована сторонняя библиотека для вычисления интернационального кода для номера телефона пользователя по IP.

Для всех форм на этой странице нужно было сделать отправку заявок по API в партнерку.

Проблема состояла в том, что для некоторых API не отправлялись данные, которые описаны как обязательные в API-документации партнерки.

Решение - отправлять их как скрытые поля формы.

Реализовал отправку посредством AJAX, получил успешный ответ от сервера.

Задача состояла решить проблему с отправкой отзывов и выровнить карточки товара