Юлия Власова
Рейтинг
Рівень володіння мовами
Резюме
Цілеспрямована на правила та відкрита до інновацій і нових ідей.
Я працелюбай, швидко навчаюсь і завжди прагну вдосконалювати свої навички та досвід.
Початківець розробник. Технології, які я вже освоїла: HTML, CSS, JS, React, Redux, Git.
Навички та вміння
Програмування
-
HTML та CSS верстання
від 200 UAH за годину
-
Javascript та Typescript
від 200 UAH за годину
Портфоліо
-
WebStudio
Проект WebStudio - це двосторінковий сайт. Для його створення було використано такі технології: HTML, CSS, SASS. Ця робота була виконана для відпрацювання навичок створення розмітки та стилізації. Технології CSS використовують для анімації таких елементів, як кнопки, зображення та спливаючі елементи..
-
Event Planner
Event Planner - веб-додаток, який дозволяє користувачам планувати та організовувати події.
Event Planner має такі сторінки:
• Головна сторінка:
На цій сторінці користувачі можуть переглядати список найближчих подій.
… Є можливість сортувати події за різними критеріями, наприклад, за назвою, датою або пріоритетом. При ховері та фокусі на картку події з'являється кнопка,яка дає можливість перейти до більш детельного опису події(перехід до сторінки події). Також на сторінці є кнопка додавання нової події, при натисканні якої користувач переходить до сторінки створення події.
• Сторінка створення події:
На цій сторінці користувачі можуть заповнити форму з необхідною інформацією про подію, таку як назва, дата, час, місце, опис тощо.
• Сторінка події:
Відображається детальна інформація про конкретну подію. Є можливість користувачем обо повернутись до попередньої сторінки , або видалити подію, або редагувати. При натисканні на кнопку редагування застосунок переводить користувача на сторінку редагування події.
• Сторінка редагування події:
На цій сторінці користувачі можуть редагувати заповнену форму з інформацією про подію, таку як назва, дата, час, місце, опис тощо. Після збереження форми редагування користувач повертається автоматично до сторінки події.
У застосунку також реалізовано:
Пошук події - можливість шукати подію за назвою , скориставшись інпутом в хедері.
Пагінація на головній сторінці.
Підтримка різних мов -перемикач на українську та англійську.
Зі сторінки події по кліку на кнопку Video відкривається модальне вікно де користувач може подивитися відео про подію (поки дефолтне).
Верстка адаптивна та кросбраузерна - мобілка від 320px, планшет від 768px, десктоп від 1280px. Використовується підхід Mobile first. При верстці списку подій використовується алгоритмом CSS Grid.
При розробці використаний React, JS, TS(колендар). Форми створення та редагування події реалізована з валідацією за допомогою formik. Застосунок реалізовано без запитів та прив'язки до бекенду.
-
Filmoteka
Це командна робота. Я була одним із розробників, а також виконувала роль Scrum Master. Моєю частиною роботи була розмітка та стиль програми. А також скрипт, який виконує API запит і рендерить фільми в топі. Другий сценарій, який я розробила, відповідає за запит до сервера за іменем, введеним користувачем, і відтворення відфільтрованого списку.
Використані технології HTML, CSS, препроцесор SASS, Java Script, командна робота в GitHub у філіях. Голова бібліотеки: axios, lodash, movie-trailer, notiflix, tui-pagination, vanilla-back-to-top.
Активність
| Останні ставки 1 | Бюджет | Додано | Терміни | Ставка | |
|---|---|---|---|---|---|
|
Рефакторинг CSS стилів проекту. Видалити старі стилі. Оновити дизайн.
1000 UAH
|