ABCDEFGHIJKLMNOPQRSTUVWXYZ
1
Ціль проєкту Створити проєкт використовуючи пройдений матеріал
2
Мета1. Закріпити набуті навички на практиці 2. Продемострувати отримані знання
3
Завдання для створення сторінки
4
Верска хедеру. Написати скрипт зміни теми веб-сторінки (без збереження на клієнті)
5
Верстка модального вікна. Реалізація відкриття модального вікна привітання користувача по кнопці та закриття по кнопці/бекдропу/ESC. Вставити ім'я, яке введе користувач в хедер.
6
Верстка секції з карточками інтерактивної частини сайту, лише пуста картка. Контент карток створює кожен виконавець своєї гри окремо за допомогою js. Кожна картка повинна мати унікальний ідентифікатор. Написати скрипт який буде створювати картки по кількості завдань, використовуючи масив об'єктів, де будуте зберігатися вся інформаці. Реалізувати фільтр інтерактивних завдань по категорії зі списку, який розгортається при натискані на 'Інтерактив'
7
Верстка футеру. Реалізація відкриття модального вікна після підписки та закриття по кнопці/бекдропу/ESC.
8
Задачі які повинні бути реалізовані
9
1Написати програму яка буде перевіряти чи рік народження користувача був високосним.
10
2Написати програму де компютер загадає число від 1 до 10 і запропонує користувачу вгадати його Користувач вводить свій варіант і отримує результат (Виграв чи ні) Вивести результат в форматі "Вітаю ви вгадали число (тут варіант компютера)" або "Ви програли, компютер загадав (тут варіант компютера)"
11
3Написати гру Камінь-Ножиці-Папір, де комп'ютер загадує своє значення потім користувач вводить свій варіант і далі ми бачимо результат на екрані хто виграв. Додати лічильник результату.
12
4Написати програму, яка буде знаходити суму, різницю, множення та ділення двух чисел. Користувач вводить 2 числа потім вводить знак операції і отримує результат в форматі "Сумма чисел a i b = результат ".
13
5Написати програму, яка отримає від користувача число (кількість хвилин) та виведе на екран рядок в форматі години та хвилини. Наприклад 70 покаже 1:10, 450 покажет 7:30, 1441 покажет 24: 1
14
6Google динозаврик
15
7Створити поле довільних розмірів з м'ячем в межах поля. Нехай м’яч переміщається при натисканні на поле, туди, де був клік. Вимоги:
- Центр м’яча повинен збігатися з курсором миші (якщо це можливо без перетину країв поля);
- CSS-анімація бажана, але не є обов’язковою;
- М’яч у жодному разі не повинен перетинати межі поля;
- При прокручуванні сторінки нічого не повинно ламатися;
Нотатки:
- Код повинен уміти працювати з різними розмірами м’яча та поля, не прив’язуватися до будь-яких
- фіксованих значень.
- Використовуйте властивості event.clientX/event.clientY, щоб вирахувати координати миші при кліці.
16
8Написать программу, де користувач вводить 3 числа, після вводу всіх чисел йому на екрані показуєнайбільше з них. Додатково потрібно перевірити чи введені символи являються числами взагалі.
17
9Зробити слайдер зображень - перелистування зображення по кнопкам вліво та вправо, якщо зображення закінчилися, кнопка повиння зникнути або стати неактивною
18
10Данно масив з обєктами. Виконати всі поставлені задачі використовуючи функціональні методи масивів

отримати масив вчених що народилися в 19 ст
знайти суму років скільки прожили всі вченні
Відсортувати вчених по алфавіту
Відсортувати вчених по кількості прожитих років
Видалити з масива вчених що народилися в 15 або 16 або 17 столітті
Знайти вченого який народився найпізніше.
Знайти рік народження Albert Einstein
знайти вчених прізвище яких починається на літеру С
Видалити з масива всіх вчених імя яких починається на A
Знайти вченого який прожив найбільше і вченого який прожив найменьше
Знайти вчених в яких співпадають перші літери імені і прізвища
Дізнатися чи всі вченні працювали в 19 столітті
19
20
21
Дані для рендеру карток
22
const games = [
{
id: 1,
name: 'Високосний калькулятор',
category: 'numerical',

},
{
id: 2,
name: 'Вгадай число',
category: 'numerical',

},
{
id: 3,
name: 'Камінь-Ножиці-Папір',
category: 'game',

},
{
id: 4,
name: 'Калькулятор',
category: 'numerical',

},
{
id: 5,
name: 'Калькулятор часу',
category: 'numerical',

},
{
id: 6,
name: 'Google динозаврик',
category: 'game',

},
{
id: 7,
name: 'Футбол',
category: 'game',

},
{
id: 8,
name: 'Найбільше число',
category: 'numerical',

},
{
id: 9,
name: 'Наша команда',
category: 'acquaintance',

},
{
id: 10,
name: 'Вчений',
category: 'acquaintance',

},
]
23
Дані для роботи з вченими
24
const scientists = [
{
name: "Albert",
surname: "Einstein",
born: 1879,
dead: 1955,
id: 1
},
{
name: "Isaac",
surname: "Newton",
born: 1643,
dead: 1727,
id: 2
},
{
name: "Galileo",
surname: "Galilei",
born: 1564,
dead: 1642,
id: 3
},
{
name: "Marie",
surname: "Curie",
born: 1867,
dead: 1934,
id: 4
},
{
name: "Johannes",
surname: "Kepler",
born: 1571,
dead: 1630,
id: 5
},
{
name: "Nicolaus",
surname: "Copernicus",
born: 1473,
dead: 1543,
id: 6
},
{
name: "Max",
surname: "Planck",
born: 1858,
dead: 1947,
id: 7
},
{
name: "Katherine",
surname: "Blodgett",
born: 1898,
dead: 1979,
id: 8
},
{
name: "Ada",
surname: "Lovelace",
born: 1815,
dead: 1852,
id: 9
},
{
name: "Sarah E.",
surname: "Goode",
born: 1855,
dead: 1905,
id: 10
},
{
name: "Lise",
surname: "Meitner",
born: 1878,
dead: 1968,
id: 11
},
{
name: "Hanna",
surname: "Hammarström",
born: 1829,
dead: 1909,
id: 12
}
];
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100