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

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