НАЙБІЛЬША ШКОЛА ПРОГРАМУВАННЯ
ТА АНГЛІЙСЬКОЇ МОВИ
ДЛЯ ДІТЕЙ В УКРАЇНІ
+ 38 (093) 170-74-40
Технічні вимоги
Web Senior
"Фентезі: інтерактивна пригода"
Привіт, Senior вебчарівник! 🧙‍♀️
Мене звати Володимир, я твій ментор у номінації Web Senior на цьому хакатоні. Дуже радий бачити тебе серед учасників! Ти вже маєш хорошу базу знань і досвіду, і я впевнений — цього разу ти створиш справжнє диво! ✨
Твоя задача — не просто зробити сайт, а створити справжню інтерактивну пригоду. Я допоможу тобі на вебінарах розібратися у всіх складних моментах і підкажу, як зробити дійсно унікальний проєкт.

Важливо:
Не хвилюйся, якщо щось здається складним або незрозумілим. На вебінарі я все поясню і допоможу! 😉 Головне — бажання творити і не боятися пробувати нове!

Що треба виконати:
Що саме треба зробити?
Правильна структура на HTML: можна створити як багатосторінковий сайт, так і одну сторінку, яка динамічно змінюється за допомогою JavaScript.
Анімації: на CSS та/або JavaScript, щоб додати "магії" твоєму сайту.
CSS-стилі в окремому файлі (обов'язково). Використання флексбоксів або позиціювання буде крутою перевагою!
Писати код можна у таких онлайн-редакторах як codepen.io, plnkr.co, jsfiddle.net або у редакторі VSCode на комп’ютері. Інструкція зі встановлення VSCode тут.
Обов’язкова наявність JavaScript-коду: обробка подій, робота зі сторінками, динамічний контент.
Тобі потрібно створити інтерактивний вебдодаток на тему Fantasy із використанням HTML, CSS та JavaScript.
Це може бути сайт-квест з фантастичним сюжетом і різними варіантами розвитку подій або навіть квіз на фентезі-тематику. Твоя фантазія — головна рушійна сила!

Дизайн-макет у Figma: якщо сплануєш вигляд сайту заздалегідь — це буде великим плюсом.
Важливо: твій сайт обов'язково має бути опублікований.
Можна скористатися, наприклад, GitHub Pages.
Для здачі роботи потрібно буде надіслати:
  • посилання на репозиторій на GitHub
  • посилання на опублікований сайт.
Про все це докладніше розкажу на вебінарах, не хвилюйся! 😉
Що оцінюється?
Оригінальність та креативність ідеї.
Відповідність номінації та темі Fantasy:
вебдодаток з використанням JavaScript.
Грамотність коду:
якісний код на HTML, CSS, JavaScript.
Якість JavaScript-інтерактиву:
Складність та функціональність.
Анімації:
їхня плавність і логічність (CSS та JavaScript).
Коментарі до коду:
Пояснення логіки роботи основних частин коду.
Використання фішок, що будуть на наших вебінарах.
Не бійся виходити за межі звичних ідей і експериментувати! Створи такий проєкт, яким сам пишатимешся!
Успіхів і натхнення! 🪄
Пам’ятай: