НАЙБІЛЬША ШКОЛА ПРОГРАМУВАННЯ
ТА АНГЛІЙСЬКОЇ МОВИ
ДЛЯ ДІТЕЙ В УКРАЇНІ
ТА АНГЛІЙСЬКОЇ МОВИ
ДЛЯ ДІТЕЙ В УКРАЇНІ
+ 38 (093) 170-74-40
Web
Creators
Creators
Завдання
Створити інтерактивний вебзастосунок на HTML, CSS, JavaScript на тему марсіанської бази.
Це не просто сторінка в інтернеті. Твій застосунок має бути динамічним та живим — зі зміною тексту, появою або зникненням блоків та обов'язковою реакцією на дії користувача. Сторінка не повинна перезавантажуватися під час роботи, уся магія відбувається "на льоту".
Це виклик для справжніх веб творців, де кожен клік має значення. Застосунок повинен повністю відповідати марсіанській атмосфері завдяки кольорам, шрифтам та зображенням.
Це не просто сторінка в інтернеті. Твій застосунок має бути динамічним та живим — зі зміною тексту, появою або зникненням блоків та обов'язковою реакцією на дії користувача. Сторінка не повинна перезавантажуватися під час роботи, уся магія відбувається "на льоту".
Це виклик для справжніх веб творців, де кожен клік має значення. Застосунок повинен повністю відповідати марсіанській атмосфері завдяки кольорам, шрифтам та зображенням.
А якщо ти ще зовсім новачок і сумніваєшся в своїх силах — запевняємо, ментори на наших вебінарах зможуть навчити тебе всьому необхідному для створення свого першого проєкту!
Що саме треба зробити?
Створити інтерактивний вебзастосунок HTML, CSS, JavaScript на тему "Місія Марс: перша база"
Це може бути (на вибір):
- інтерактивний квест
- мінігру про базу
- інтерактивну мапу або дашборд
Проєкт обов'язково має містити:
- правильну структуру файлів (розмітка, стилі, скрипти)
- сучасну верстку (Flexbox, Bootstrap тощо)
- роботу з даними через змінні, масиви або об'єкти
- візуальний відгук на дії без перезавантаження (наприклад, червоний індикатор при нестачі ресурсів)
Що оцінюється?
Програмна реалізація та логіка
робота коду без помилок у консолі складність логіки, правильне використання масивів/об'єктів
Інтерфейс та візуальний стиль
марсіанська атмосфера дизайну, зручність взаємодії, акуратність верстки
Креативність та ідея
оригінальність задуму, "фішки", гумор та унікальні механіки
Чистота коду
зрозумілі назви змінних (наприклад, energyLevel), правильні відступи, наявність коментарів
Скрінкаст проєкту
демонстрація роботи застосунку + пояснення коду та розуміння власної реалізації
Що оцінюється?
Програмна реалізація та логіка
робота коду без помилок у консолі складність логіки, правильне використання масивів/об'єктів
Інтерфейс та візуальний стиль
марсіанська атмосфера дизайну, зручність взаємодії, акуратність верстки
Креативність та ідея
оригінальність задуму, "фішки", гумор та унікальні механіки
Чистота коду
зрозумілі назви змінних (наприклад, energyLevel), правильні відступи, наявність коментарів
Скрінкаст проєкту
демонстрація роботи застосунку + пояснення коду та розуміння власної реалізації
Головне в цьому завданні — показати свої навички та зробити зручний працюючий продукт.
Кілька порад перед стартом: спочатку добре продумай логіку, слідкуй за чистотою коду і не бійся додавати власні ідеї в дизайн. Пам'ятай, що помилки під час розробки — це абсолютно нормально, саме так ми вчимося і стаємо крутими спеціалістами.
Бажаємо натхнення та чистого коду! Віримо у твої сили.
Пам’ятай: