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

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
м
 
(не показані 8 проміжних версій 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 приклад для привертання уваги ;-)]
  
 
----
 
----
  
 
=== J3 ===
 
=== J3 ===
−
* Універсальна перевірка правильності введення адреси електронної пошти.
 
 
* Створити форму з полями та перевірити правильність їх заповнення:
 
* Створити форму з полями та перевірити правильність їх заповнення:
−
** Ім'я Прізвище
+
** '''Базовий рівень:'''
−
** Дата народження
+
*** Ім'я та прізвище:
−
** Три навчальні предмета на вибір студента (наприклад, алгебра, геометрія, аналіз) і відповідні бали з них за шкалою від 0 до 100
+
**** Два слова, обидва з великої букви;
−
** Поле "Середній бал" (після вводу трьох оцінок по предметах у полі "Середній бал" зявляється середня оцінка за шкалою A D C D E)
+
**** Підтримка подвійних імен/прізвищ;
−
* В HTML документі замінити всі теги "р" на "div".
+
*** Дата народження:
−
 
+
**** Формат ДД.ММ.РР або ДД.ММ.РРРР;
 +
**** Роздільний символ "." або "/";
 +
*** Три навчальні предмета на вибір студента і відповідні бали з них за шкалою від 0 до 100 та  конвертація (кожної оцінки) у систему A-F;
 +
** '''Високий рівень:'''
 +
*** Знайти універсальну перевірку правильності введення адреси електронної пошти;
 +
*** До дати народження створити перевірку чи не перевищує число місяців - 12, і число днів - 31;
 +
*** До оцінки додати поле "Середній бал" (після вводу трьох оцінок по предметах у полі "Середній бал" зявляється середня оцінка за шкалою A D C D E F)
 
----
 
----
  
 
=== J4 ===
 
=== J4 ===
−
* Створити три блоки, що будуть виїжджати зліва, по черзі, у вигляді сходів, після натиснення на посилання (будь-яке). та заїжджати назад, так само при натиснені цього ж посилання.
+
* '''Базовий рівень:'''
−
* (На 5 балів) реалізувати виїзд всіх трьох блоків за допомогою однієї функції.
+
** Створити три блоки, що будуть виїжджати зліва, по черзі, у вигляді сходів, після натиснення на посилання (будь-яке);
 +
** По натисненню на те саме посилання, блоки мають заїжджати назад (так само у вигляді сходів);
 +
* '''Високий рівень:'''
 +
** Реалізувати виїзд всіх трьох блоків за допомогою однієї функції.
  
 
----
 
----
  
 
=== J5 ===
 
=== J5 ===
−
* Створити аналог гри "поцілити в метелика" (приклад розглядали на лекційному занятті).
+
* ''' Базовий рівень: '''
−
* (На 5 балів) Забезпечити у програмі вибір декількох зображень (при кліку на зображення у списку зображення змінюється на робочій області).
+
** Створити аналог гри "поцілити в метелика".
−
* (На 5 балів) Забезпечити у програмі підрахунок кліків на кожному зображенні (в якості контейнера використати масив).
+
* ''' Високий рівень: '''
 +
** Забезпечити у програмі вибір декількох зображень (при кліку на зображення у списку зображення змінюється на робочій області).
 +
** Забезпечити у програмі підрахунок кліків на кожному зображенні (в якості контейнера використати масив).
  
 
----
 
----
  
 
=== J6 ===
 
=== J6 ===
−
* Повторити завдання j4 (mootools або jquery)
+
* ''' Базовий рівень: '''
−
* Знайти та розібратись з Lightbox (jquery або mootools)
+
** Повторити завдання j4 (jquery або інша)
−
* Зробити гармошку (jquery та mootools)
+
* ''' Високий рівень: '''
 +
** Знайти та розібратись з Lightbox (jquery або інша)
 +
**Зробити гармошку (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 або інша)
Отримано з https://wiki.cusu.edu.ua/index.php?title=Завдання_JavaScript&oldid=312922