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