Юлія

Освіта
Lemon school, курс Front-end (HTML/CSS +JS)
липень 2024 - грудень 2024

Досвід роботи

dev-NFT (Навчальний проєкт)

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

Адаптивна верстка: Розробила повністю адаптивний макет сайту з
використанням HTML, CSS (SCSS), що забезпечує коректне відображення
та зручність використання на пристроях різного розміру (від мобільних до
десктопів).

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

Лендинг, створила на основі макету з Figma. Розробила для демонстрації
навичок професійної стилізації (SCSS), гнучкої верстки та застосувала
Контактна інформація React для створення модульних компонентів.
Telegram: https://t.me/Yuliia_St33
Електронна адреса: SCSS та Чиста Верстка:
- Ефективно застосувала SCSS, впроваджуючи змінні та @mixin для
[відкрити контакти](див. вище в блоці «контактна інформація»)
модульності та уникнення дублювання коду.
- Верстку Header реалізувала з використанням CSS Grid для створення
гнучкого та адаптивного розташування елементів.
GitHub: - Застосувала React для створення секції why-us. Розробила багаторазові,
https://github.com/StupakYuliia незалежні компоненти (ContentBlock.js, WhyUsCard.js), підтверджуючи
розуміння принципів компонентної розробки.
- Реалізувала складну інтерактивну функціональність у секції Pricing,
впровадивши перемикач (Toggle Switch), який динамічно змінює ціни між
Особисті якості місячною та річною оплатою. Логіка повністю реалізована на JavaScript.

- Відповідальна Технології: SCSS, React, JavaScript, HTML, CSS Grid.
- Самостійна
- Пунктуальна Посилання:
- Цілеспрямована Демо: https://dev-hosting-company.vercel.app
- Уважна до деталей Репозиторій (GitHub): https://github.com/StupakYuliia/dev-Hosting-Company
- Орієнтована на результат
- Швидко навчаюсь Front-end Developer (Project-based)

Розробка Landing Pages: Верстка сторінок на основі техзавдання (iGaming
Навички ніша).
AI-assisted Development: Використання Cursor AI для генерації та корекції
- HTML/CSS коду, що значно прискорює процес розробки.
Робота з іноземним контентом: Верстка та оформлення сторінок з
- JavaScript
використанням іспанської мови (локалізація блоків).
- Знання CSS препроцесорів (Sass) Відповідність макету: Точне відтворення візуальної структури бренду та
- React елементів інтерфейсу.
- Адаптивний дизайн
- Кросбраузерна сумісність Технології: HTML5 (Semantic), CSS (Flexbox, Grid), JavaScript, Mobile-First.
- Git
- Figma Посилання:
Демо: https://cursor-ai-landing-project.vercel.app/
- БЕМ методологія
Репозиторій (GitHub):
- Gulp
https://github.com/StupakYuliia/cursor-ai-landing-project
- Bootstrap