Відмінності між версіями «Завдання JavaScript»

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
м (J3)
м
 
(не показано 3 проміжні версії 3 учасників)
Рядок 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)
 
*** До оцінки додати поле "Середній бал" (після вводу трьох оцінок по предметах у полі "Середній бал" зявляється середня оцінка за шкалою A D C D E F)
Рядок 61: Рядок 62:
 
* ''' Високий рівень: '''
 
* ''' Високий рівень: '''
 
** Знайти та розібратись з Lightbox (jquery або інша)
 
** Знайти та розібратись з Lightbox (jquery або інша)
**Зробити гармошку (jquery та mootools)
+
**Зробити гармошку (jquery або інша)
  
 
----
 
----

Поточна версія на 12:21, 22 березня 2018

Завдання JavaScript

J1

  • Історія розвитку JavaScript (НЕ ВІДПРАВЛЯТИ! Прочитати для загального розвитку).
  • Версії JavaScript.
  • Об'єктна модель браузерів, варіанти реалізацій.

J2

  • Ознайомитись із довідником для класу Math.
  • Знайти інформацію про роботу з типом String.
    • Дану інформацію мати при собі на парі.
  • Базовий рівень
    • Розробити звичайний калькулятор
  • Високий рівень
    • Розробити інженерний калькулятор

Js2 calc.png Js2 2.png

приклад для привертання уваги ;-)


J3

  • Створити форму з полями та перевірити правильність їх заповнення:
    • Базовий рівень:
      • Ім'я та прізвище:
        • Два слова, обидва з великої букви;
        • Підтримка подвійних імен/прізвищ;
      • Дата народження:
        • Формат ДД.ММ.РР або ДД.ММ.РРРР;
        • Роздільний символ "." або "/";
      • Три навчальні предмета на вибір студента і відповідні бали з них за шкалою від 0 до 100 та конвертація (кожної оцінки) у систему A-F;
    • Високий рівень:
      • Знайти універсальну перевірку правильності введення адреси електронної пошти;
      • До дати народження створити перевірку чи не перевищує число місяців - 12, і число днів - 31;
      • До оцінки додати поле "Середній бал" (після вводу трьох оцінок по предметах у полі "Середній бал" зявляється середня оцінка за шкалою A D C D E F)

J4

  • Базовий рівень:
    • Створити три блоки, що будуть виїжджати зліва, по черзі, у вигляді сходів, після натиснення на посилання (будь-яке);
    • По натисненню на те саме посилання, блоки мають заїжджати назад (так само у вигляді сходів);
  • Високий рівень:
    • Реалізувати виїзд всіх трьох блоків за допомогою однієї функції.

J5

  • Базовий рівень:
    • Створити аналог гри "поцілити в метелика".
  • Високий рівень:
    • Забезпечити у програмі вибір декількох зображень (при кліку на зображення у списку зображення змінюється на робочій області).
    • Забезпечити у програмі підрахунок кліків на кожному зображенні (в якості контейнера використати масив).

J6

  • Базовий рівень:
    • Повторити завдання j4 (jquery або інша)
  • Високий рівень:
    • Знайти та розібратись з Lightbox (jquery або інша)
    • Зробити гармошку (jquery або інша)