♂️Про мене

Привіт!

Я — Олексій, фронтенд-розробник з практичним досвідом у HTML, CSS, JavaScript та Git.

У своїх проектах реалізовував адаптивні інтерфейси, теми, DOM-події, таймери та аудіо. Створював
онлайн-резюме, таймер-застосунок, публікував на GitHub Pages, налаштовував Git LFS.

Працюю структуровано, фокусуюсь на результаті — без шаблонних рішень. Люблю коли код
зрозумілий, а комунікація — людяна.

Портфоліо:
[olexiy1974.github.io/resume](https://olexiy1974.github.io/resume)

1. Интерактивне резюме — структура, скили, блок «Моїпроекти»— GitHub Pages | GitHub

Опис проекту на GitHub — https://github.com/Olexiy1974/resume

Сторінка для демонстрації — https://olexiy1974.github.io/resume/

2. Таймер занимацієюи мультімедиа — управління таймером, звукове оформлення— GitHub Pages |
GitHub

Опис проекту на GitHub — https://github.com/Olexiy1974/timer

Сторінка для демонстрації — https://olexiy1974.github.io/timer/

3. Mary Cleaning — сервисний лендінг — адаптивна верстка, структура,

блоки послуг, відгуки, команда, аудіо, відео— Демо

Сторінка для демонстрації — https://singular-buttercream-d57725.netlify.app/

4. Бандерогусь — тематичнасторінка— патриотична стилізація, форма підписки, гумор

Сторінка для демонстрації — https://vocal-llama-849601.netlify.app/

5. Промо-лендинг (Bose стилізація) — товари, переваги, адаптивний лендінг — Демо

Сторінка для демонстрації — https://admirable-sawine-5a4863.netlify.app/

6. Альтернативне онлайн-резюме —
лаконична подача — Netlify

Сторінка для демонстрації — https://myinternetresume.netlify.app/

GitHub: [github.com/Olexiy1974] (https://github.com/Olexiy1974)

Вирішення проблеми невидимої кнопки Submit в платіжній формі

Ситуація:
Під час верифікації профілю на Weblancer через онлайн-форму я зіткнувся з
проблемою: кнопка Submit не відображалась у браузері Google Chrome, хоча її
наявність була підтверджена у DOM через DevTools.

Діагностика
та аналіз:

• Через Chrome DevTools виявив наявність тега кнопки у HTML-структурі, але він був відсутній у рендерингу сторінки.
• Проаналізував CSS-стилі елемента та батьківських блоків — зокрема padding, margin, та розміри контейнерів, які впливали на макет.
• Визначив, що кнопка не потрапляє у макет сторінки через надмірні внутрішні відступи та брак вільного місця у viewport.

Рішення:

• Включив режим повноекранного перегляду сторінки (fullscreen), що спричинило повторну побудову макету (reflow) всієї сторінки та її елементів.
• Завдяки новому viewport макет сторінки був перерозподілений, і об'єкт кнопки Submit отримав достатньо місця для відображення.
• Кнопка з’явилась на сторінці, і транзакція була успішно завершена.

Підсумок:

Визначив і усунув причину рендерингової помилки, пов’язаної з невдалим розміщенням кнопки в
макеті.
Доказав, що браузер не рендерить елемент, якщо він не входить у layout-tree, і
продемонстрував знання принципів DOM, layout, reflow та впливу viewport.

Примітка:

Це була помилка розробника платіжної форми, яка не врахувала крайні умови viewport при верстці.

Послуги, які пропоную:

• Верстка односторінкових сайтів (HTML/CSS)

• Адаптація під мобільні пристрої

• Додавання інтерактиву через JavaScript (таймери, перемикач теми)

• Створення онлайн-резюме та портфоліо

• Публікація на GitHub Pages

• Налагодження репозиторіїв та фіксація багів

---

Що можу зробити для замовника:

• Чітко зрозуміти задачу й реалізувати її без зайвих ітерацій

• Працювати структуровано, в терміни, без затримок

• Написати чистий, адаптивний код

• Спілкуватись просто, конструктивно і по справі

• Надати результат “раз — і якісно”

---

Контакт:

Email: [email protected]

Telegram: @OlexiyFront

---

Готовий до нових задач та співпраці.
Пишу реальний код для реальних людей — без фальші та без зайвого.