-
Notifications
You must be signed in to change notification settings - Fork 0
/
Тестовое задание от DS Academy
28 lines (21 loc) · 2.35 KB
/
Тестовое задание от DS Academy
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
# Feedback-form
Тестовое задание от DS Academy
## Техническое задание:
Необходимо сделать страницу со статичной версткой формы, представленной на макете: [макет в Figma](https://www.figma.com/file/fgmrVXMjoofNw7eT5fUvvG/DS-Academy---frontend?node-id=0%3A1)
**Обязательные требования:**
- Верстка должна соответствовать макету по Pixel Perfect (инструмент для проверки)
- Блок с формой имеет фиксированную ширину, всегда располагается по центру экрана
- Все интерактивные элементы (кнопка, поля ввода) должны иметь описанную реакцию на состояния (наведение, фокус)
- Форма должна отправлять данные методом POST по адресу https://digital-spectr.com/ac/academy.php . Названия передаваемых полей: name, phone, email . Если данные переданы корректно, вы увидите надпись “Всё хорошо.”
- Использовать HTML5-валидацию для проверки данных в форме:
- ФИО: только русские буквы, пробелы, тире. Цифры, англ. буквы - нельзя
- Телефон: только цифры, “-”, пробелы, “+”
- Email: только строки соответствующие формату email
- Внимательность и аккуратность при верстке данного макета
**Выполнение следующих требований не обязательно, но будет существенным плюсом:**
- Применение [БЭМ-нэйминга](https://ru.bem.info/)
- Использование препроцессоров, сборщиков, шаблонизаторов
- JS-валидация, вместо html5
- Ajax при отправке формы
**По результатам выполнения**
- предоставить ссылку на открытый git-репозиторий с исходным кодом (лучше всего - https://github.com/)