MastersAcademy / frontend-course-2021

Репозиторій з курсу «Advanced Front-end» проекту Masters Academy
MIT License
5 stars 29 forks source link

Homework 13 - Angular Forms #270

Open DrSmile444 opened 2 years ago

DrSmile444 commented 2 years ago

Назва папки та гілки 13-ng-forms

Завдання

  1. Створити логін сторінку використовуючи реактивні форми
  2. На сторінці обов'язково має бути поля для вводу пошти, пароля та чекбокс remember me
  3. При сабміті форми має показуватися алерт з введеною поштою та паролем
  4. Має реалізована валідація полів пошти та пароля
  5. якщо був поставлений чекбокс remember me то стан форми має збегіратися в localstorage та підставлятися як початковий при наступному відкритті сторінки. Став форми в localstorage має бути обов'язково закодований у формат Base64

Завдання з зірочкою

  1. контроли форми потрібно реалізувати через кастомні контроли ангуляра
  2. в кожного контрола має бути параметр для відображення лейбли та помилок
  3. в контрола пароля має бути можливість змінювати видимість тексту в інпуті (кнопочка з оком)

Лінки: https://angular.io/guide/reactive-forms https://angular.io/guide/form-validation https://www.digitalocean.com/community/tutorials/angular-custom-form-control

DrSmile444 commented 2 years ago

Для особистого розвитку, можете спробувати типізовані форми :) https://github.com/ngneat/reactive-forms