Юлія

Досвід роботи
Frontend Developer (Freelance / Project-based)
Липень2024 - Теперешній час

- Створення та запуск адаптивних сайтів з нуля.
- Написання чистого та зрозумілого коду на JavaScript та React.
- Верстка макетів будь-якої складності, що чудово виглядають на
смартфонах та комп’ютерах.
- Тестування сайтів на різних пристроях та самостійне виправлення помилок
у коді.

dev-NFT

Створила повністю адаптивний та інтерактивний вебсайт з нуля, що
демонструє ключові навички верстки та клієнтської розробки.

ЮЛІЯ СТУПАК Адаптивна верстка: Розробила повністю адаптивний макет сайту з
використанням HTML, CSS (SCSS), що забезпечує коректне відображення
Frontend Developer та зручність використання на пристроях різного розміру (від мобільних до
десктопів).
Інтерактивна розробка: Реалізувала комплекс інтерактивних елементів за
Frontend Developer з фокусом на якісну допомогою чистого JavaScript, включаючи:
верстку та створення адаптивних - Таби (Tabs)
лендінгів. Створюю чистий, - Слайдер
- Модальне вікно
кросбраузерний код (HTML5,
- Акордеон
CSS3/SCSS) та працюю з базовим
- Dropzone для роботи з файлами.
JavaScript для інтерактивності сайтів.
Дизайн та Анімація: Додала CSS-анімацію для підвищення динаміки та
Маю 12-річний юридичний досвід, що візуальної привабливості дизайну.
забезпечує залізну дисципліну, увагу до
найдрібніших деталей та чітке виконання Технології: HTML, CSS, SCSS, JavaScript, DropzoneJS.
ТЗ у визначені терміни. Швидко
опановую нові інструменти. Закінчила Посилання:
профільний курс із Frontend-розробки Демо: https://dev-nft.vercel.app/
(Lemon School), де закріпила технічну Репозиторій (GitHub): https://github.com/StupakYuliia/dev-NFT
базу на реальних проектах. Націлена на
dev-Hosting-Company
створення продуктів, які зручні для
користувача та ефективні для бізнесу.
Адаптивний лендинг для хостингової компанії на React. Відпрацьовано
створення та перевикористання модульних компонентів (ContentBlock.js,
Контактна інформація WhyUsCard.js).

Telegram: https://t.me/Yuliia_St33 - SCSS та Чиста Верстка: Модульна стилізація, використання змінних та
Email: [open contact info](look above in the "contact info" section) @mixin.
- Шапка (Header): Створена на CSS Grid; для мобільних адаптована в
інтерактивне бургер-меню.
GitHub: https://github.com/StupakYuliia
- Інтерактивність: Реалізовано таби в банері та кастомний toggle
(перемикач цін) на JavaScript.
Навички - Секція відгуків: Складна логіка — CSS Grid для десктопу та Bootstrap-
слайдер для мобільних.
- HTML/CSS
- JavaScript Технології: React, JavaScript (ES6+), SCSS, Bootstrap, CSS Grid, Vercel.
- Знання CSS препроцесорів (Sass)
- React Посилання:
- TypeScript Демо: https://dev-hosting-company.vercel.app
- Адаптивний дизайн Репозиторій (GitHub): https://github.com/StupakYuliia/dev-Hosting-Company
- Кросбраузерна сумісність
- Git
Front-end Developer (Project-based)
- Figma
Розробка Landing Pages: Верстка сторінок на основі техзавдання (iGaming
- БЕМ методологія
ніша).
- Gulp
AI-assisted Development: Використання Cursor AI для генерації та корекції
- Bootstrap коду, що значно прискорює процес розробки.
Робота з іноземним контентом: Верстка та оформлення сторінок з
використанням іспанської мови (локалізація блоків).
Відповідність макету: Точне відтворення візуальної структури бренду та
елементів інтерфейсу.

Технології: HTML5 (Semantic), CSS (Flexbox, Grid), JavaScript, Mobile-First.

Посилання:
Демо: https://cursor-ai-landing-project.vercel.app/
Репозиторій (GitHub): https://github.com/StupakYuliia/cursor-ai-landing-project