Відмінності між версіями «Завдання JavaScript»
Матеріал з Вікі ЦДУ
(→J4) |
м |
||
| (не показані 5 проміжних версій 4 учасників) | |||
| Рядок 19: | Рядок 19: | ||
[[Файл:Js2 calc.png|200px]] [[Файл:Js2_2.png|200px]] | [[Файл:Js2 calc.png|200px]] [[Файл:Js2_2.png|200px]] | ||
| + | [https://codepen.io/giana/pen/GJMBEv приклад для привертання уваги ;-)] | ||
---- | ---- | ||
| Рядок 26: | Рядок 27: | ||
** '''Базовий рівень:''' | ** '''Базовий рівень:''' | ||
*** Ім'я та прізвище: | *** Ім'я та прізвище: | ||
| − | **** Два слова, | + | **** Два слова, обидва з великої букви; |
**** Підтримка подвійних імен/прізвищ; | **** Підтримка подвійних імен/прізвищ; | ||
*** Дата народження: | *** Дата народження: | ||
| Рядок 33: | Рядок 34: | ||
*** Три навчальні предмета на вибір студента і відповідні бали з них за шкалою від 0 до 100 та конвертація (кожної оцінки) у систему A-F; | *** Три навчальні предмета на вибір студента і відповідні бали з них за шкалою від 0 до 100 та конвертація (кожної оцінки) у систему A-F; | ||
** '''Високий рівень:''' | ** '''Високий рівень:''' | ||
| − | *** Знайти універсальну | + | *** Знайти універсальну перевірку правильності введення адреси електронної пошти; |
*** До дати народження створити перевірку чи не перевищує число місяців - 12, і число днів - 31; | *** До дати народження створити перевірку чи не перевищує число місяців - 12, і число днів - 31; | ||
| − | *** До оцінки | + | *** До оцінки додати поле "Середній бал" (після вводу трьох оцінок по предметах у полі "Середній бал" зявляється середня оцінка за шкалою A D C D E F) |
---- | ---- | ||
| Рядок 48: | Рядок 49: | ||
=== J5 === | === J5 === | ||
| − | * Створити аналог гри "поцілити в метелика" | + | * ''' Базовий рівень: ''' |
| − | * | + | ** Створити аналог гри "поцілити в метелика". |
| − | * | + | * ''' Високий рівень: ''' |
| + | ** Забезпечити у програмі вибір декількох зображень (при кліку на зображення у списку зображення змінюється на робочій області). | ||
| + | ** Забезпечити у програмі підрахунок кліків на кожному зображенні (в якості контейнера використати масив). | ||
---- | ---- | ||
=== J6 === | === J6 === | ||
| − | * Повторити завдання j4 ( | + | * ''' Базовий рівень: ''' |
| − | * Знайти та розібратись з Lightbox (jquery або | + | ** Повторити завдання j4 (jquery або інша) |
| − | * Зробити гармошку (jquery | + | * ''' Високий рівень: ''' |
| + | ** Знайти та розібратись з Lightbox (jquery або інша) | ||
| + | **Зробити гармошку (jquery або інша) | ||
---- | ---- | ||
Поточна версія на 12:21, 22 березня 2018
Завдання JavaScript
J1
- Історія розвитку JavaScript (НЕ ВІДПРАВЛЯТИ! Прочитати для загального розвитку).
- Версії JavaScript.
- Об'єктна модель браузерів, варіанти реалізацій.
J2
- Ознайомитись із довідником для класу Math.
- Знайти інформацію про роботу з типом String.
- Дану інформацію мати при собі на парі.
- Базовий рівень
- Розробити звичайний калькулятор
- Високий рівень
- Розробити інженерний калькулятор
приклад для привертання уваги ;-)
J3
- Створити форму з полями та перевірити правильність їх заповнення:
- Базовий рівень:
- Ім'я та прізвище:
- Два слова, обидва з великої букви;
- Підтримка подвійних імен/прізвищ;
- Дата народження:
- Формат ДД.ММ.РР або ДД.ММ.РРРР;
- Роздільний символ "." або "/";
- Три навчальні предмета на вибір студента і відповідні бали з них за шкалою від 0 до 100 та конвертація (кожної оцінки) у систему A-F;
- Ім'я та прізвище:
- Високий рівень:
- Знайти універсальну перевірку правильності введення адреси електронної пошти;
- До дати народження створити перевірку чи не перевищує число місяців - 12, і число днів - 31;
- До оцінки додати поле "Середній бал" (після вводу трьох оцінок по предметах у полі "Середній бал" зявляється середня оцінка за шкалою A D C D E F)
- Базовий рівень:
J4
- Базовий рівень:
- Створити три блоки, що будуть виїжджати зліва, по черзі, у вигляді сходів, після натиснення на посилання (будь-яке);
- По натисненню на те саме посилання, блоки мають заїжджати назад (так само у вигляді сходів);
- Високий рівень:
- Реалізувати виїзд всіх трьох блоків за допомогою однієї функції.
J5
- Базовий рівень:
- Створити аналог гри "поцілити в метелика".
- Високий рівень:
- Забезпечити у програмі вибір декількох зображень (при кліку на зображення у списку зображення змінюється на робочій області).
- Забезпечити у програмі підрахунок кліків на кожному зображенні (в якості контейнера використати масив).
J6
- Базовий рівень:
- Повторити завдання j4 (jquery або інша)
- Високий рівень:
- Знайти та розібратись з Lightbox (jquery або інша)
- Зробити гармошку (jquery або інша)
