Відмінності між версіями «Завдання JavaScript»
Матеріал з Вікі ЦДУ
(→Завдання JavaScript) |
м |
||
(не показано 24 проміжні версії 8 учасників) | |||
Рядок 1: | Рядок 1: | ||
== Завдання JavaScript == | == Завдання JavaScript == | ||
− | |||
− | |||
− | |||
− | |||
− | + | === J1 === | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | === | + | |
* Історія розвитку JavaScript (НЕ ВІДПРАВЛЯТИ! Прочитати для загального розвитку). | * Історія розвитку JavaScript (НЕ ВІДПРАВЛЯТИ! Прочитати для загального розвитку). | ||
* Версії JavaScript. | * Версії JavaScript. | ||
Рядок 18: | Рядок 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 або інша) | |
− | + | * ''' Високий рівень: ''' | |
− | ** | + | ** Знайти та розібратись з 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 або інша)