Тестове завдання №1, Front-End, Angular

Angular 2+, RxJS

Потрібно створити форму-анкету Фронт-Енд розробника.

Для виконання цього завдання потрібно використовувати реактивні форми angular.

Поля, які мають бути у формі:

1. Ім'я
2. Прізвище
3. поле, щоб вибрати День Народження. (використовуйте angular material datepicker
або іншу бібліотеку на ваш розсуд)
4. Select для вибору js технології (дані для селекту: [angular, react, vue])
5. Select для вибору версії, вибраного вище за фреймворк. (селект для вибору версії
спочатку має бути недоступний, його можна використовувати тільки після вибору js-
фреймворку, дані для вибору версії будуть різні дивіться нижче JSON)

{
angular: ['1.1.1', '1.2.1', '1.3.3'],
react: ['2.1.2', '3.2.4', '4.3.1'],
vue: ['3.3.1', '5.2.1', '5.1.3'],
}

6. поле для електронної пошти.

-- для цього поля має бути валідація на email,
* також для цього поля потрібно створити асинхронний валідатор, який буде
звертатися на сервер і перевіряти, чи існує такий емейл. (зімитуйте звернення до
сервера і поверніть результат через 2 секунди, якщо користувач ввів test@test.test він
повинен побачити помилку, що такий емейл вже існує)

7. Також у користувача має бути можливість додати кілька захоплень (хобі).

---Всі поля форми повинні бути required та повинно бути хоча б одне хобі.

Кінцева модель яка буде відправлятися на сервер має виглядати так:

{
firstName: 'Petro',
lastName: 'Pupkin',
dateOfBirth: '23-11-1990',
framework: 'angular',
frameworkVersion: '1.2.1',
email: 'test2@test.test',
hobby: [{name: 'football', duration: '2 month'}, {name: 'tennis', duration: '6 month'}]
}
Тестове завдання №2, Front-End, Angular

Angular 2+

Реалізувати секундомір, який підраховує час у форматі “HH:MM:SS”

Таймер повинен мати такі кнопки:

* «Start/Stop» - запуск/зупинка відліку часу, зупиняє та обнулює значення таймера.

* «Wait» - працює на подвійний клік (час між натисканнями не більше 300 мс!) Таймер
повинен припинити відлік часу; якщо після нього натиснути старт, то відновлюється
відлік.

* "Reset" - скидання таймера на 0. Обнуляє таймер і знову починає відлік.

Вимоги:

- використовуйте Observables у коді

- обов'язково RxJS підхід

- функціональний підхід

- нам найважливіше побачити Ваше вміння писати код

- 300млс - це не dblclick

Відповідь надсилайте посиланням на гітхаб разом з відгуком на вакансію.

Якщо є запитання, пишіть.