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

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