Page 35 - 6182

ЛАБОРАТОРНА РОБОТА 5.
HTML-ФОРМИ НА ПЛАТФОРМІ ANGULAR

Мета роботи: отримати навики у використанні форм у
додатку Angular з можливістю валідації.

Обладнання:

 сервер Node.js + npm;
 будь-який редактор програмного коду: JetBarins

WebStorm, Visual Studio Code, Sublime Text, Atom;
 підключення до мережі Інтернет;
 інструмент Angular CLI;

 підготовлений проект з допомогою Angular CLI.

5.1 Теоретичні відомості
HTML-форми

HTML-форми – це один із основних засобів для забезпечення
взаємодії клієнта із сервером.
Форми можуть бути доволі комплексним компонентами,
нижче наведено декілька випадків:

− контейнери <input> призначені для зміни інформації як на
стороні клієнта так і сервера;
− як наслідок з першого випадку маємо те, що зміни в

елементах форми часто потрібно відображати в іншому місці web-
сторінки;
− зазвичай, користувачі не мають ніяких обмежень щодо

формату введених даних, тобто це накладає на розробника задачі,
щодо перевірки введених даних (валідація);
− інтерфейс сторінки має чітко реагувати на помилки щодо

введених даних і повідомляти про це користувачу у зручному і
зрозумілому місці;
− елементи форми, які мають залежності одне від одного
можуть мати дуже комплексну і складну бізнес-логіку.

Підходи щодо генерації форм на платформі Angular
Згідно вище перелічених випадків, було б добре мати
інструменти, які допоможуть спростити відповідну роботу.

Платформа Angular володіє такими засобами. Варто додати, що ще
одним важливим аспектом є тестування функціональних
35