Size: a a a

2021 February 16

DN

Danila Nikonets in #UWDC2021
Олег Мишин
В прошлый раз фронта брали на чистый js - было вот такое тестовое, как по мне дак очень простенькое?
```
Для решения тестового задания нужно создать страничку с формой и добавить валидацию на 3 поля.

Дано:
1. Есть html-страничка с формой, в форме три поля и кнопка "Отправить":
- ФИО
- Email
- Телефон

2. Необходимо добавить валидатор полей по следующим правилам:
- Фио - должно содержать только фамилию имя и отчество, должны быть указаны полностью (не инициалы), должны быть написаны с заглавной буквы и состоять только их букв.
- Email должен быть в целом валиден и принадлежать домену gmail.com.
- Телефон должен быть цифровым и поддерживать форматы +7*, 8* или 07*.
Все поля должны поддерживать вставку через Ctrl+V, при этом должны вырезаться лишние символы.

3. По нажатию на кнопку "Отправить" необходимо формировать объект с данными:
// Объект, в котором будут следующие свойства:
console.log( data.name == "Иванов Иван Иванович" )
console.log( data.email == "mail@gmail.com" )
console.log( data.phone == "+79994445566" )

4. Написать метод для асинхронной отправки данных из формы при помощи объекта FormData и выполнить обработку возможных ошибок

Код должен быть написан на javascript без использования фреймворков и сторонних библиотек.
```
чет простое да
источник

ОМ

Олег Мишин in #UWDC2021
зато с валидаторами, составными фамилиями, буквой Ё в регулярках... - можно повозиться
источник

ОМ

Олег Мишин in #UWDC2021
но это уже опции, конечно можно было и просто написать)
источник

V

Vik in #UWDC2021
регулярки это отдельный пласт знаний
источник

PE

Peter Evsikov in #UWDC2021
да хуки реально локоничнее, но ими нельзя злооупотреблять
источник

V

Vik in #UWDC2021
тоже без дна
источник

А

Артем in #UWDC2021
у хуков есть проблемы с читабельностью, имхо
источник

DN

Danila Nikonets in #UWDC2021
@Roongshn @ksetrin спасибо за взгляд со стороны)
источник

А

Артем in #UWDC2021
ничего не мешает нахерачить тонну useEffect где попало, и потом гадай на этом нелинейном сценарии
источник

PE

Peter Evsikov in #UWDC2021
ну немного есть, соглассен, но не злоопотребляй и будет норм читабельность
источник

А

Артем in #UWDC2021
но в целом, тренд такой, что на классах остается только легаси
источник

ИН

Иван Никишкин... in #UWDC2021
Peter Evsikov
хуки как мне кажется как-то ближе к классическому js
Только классы привезли, появилась надежда на светлое будущее, так все в функциональщину упоролись. Как по мне - функциональный подход хорош, если тебе нужно описывать математику, например. Там всё прям понятно и интуитивно пишется, с традиционными выкладками, опять же, легко "мапится". Но делать то, что хорошо решается ООП функциональным ради "стильно модно молодёжно" - такое себе.
источник

DN

Danila Nikonets in #UWDC2021
Олег Мишин
В прошлый раз фронта брали на чистый js - было вот такое тестовое, как по мне дак очень простенькое?
```
Для решения тестового задания нужно создать страничку с формой и добавить валидацию на 3 поля.

Дано:
1. Есть html-страничка с формой, в форме три поля и кнопка "Отправить":
- ФИО
- Email
- Телефон

2. Необходимо добавить валидатор полей по следующим правилам:
- Фио - должно содержать только фамилию имя и отчество, должны быть указаны полностью (не инициалы), должны быть написаны с заглавной буквы и состоять только их букв.
- Email должен быть в целом валиден и принадлежать домену gmail.com.
- Телефон должен быть цифровым и поддерживать форматы +7*, 8* или 07*.
Все поля должны поддерживать вставку через Ctrl+V, при этом должны вырезаться лишние символы.

3. По нажатию на кнопку "Отправить" необходимо формировать объект с данными:
// Объект, в котором будут следующие свойства:
console.log( data.name == "Иванов Иван Иванович" )
console.log( data.email == "mail@gmail.com" )
console.log( data.phone == "+79994445566" )

4. Написать метод для асинхронной отправки данных из формы при помощи объекта FormData и выполнить обработку возможных ошибок

Код должен быть написан на javascript без использования фреймворков и сторонних библиотек.
```
а где классика?)
Что будет выведено в консоль:

for (var i = 0; i < 10; i++) {
 setTimeout(() => console.log('i = ', i), 0);
}
источник

А

Артем in #UWDC2021
новое на хуках
источник

ИН

Иван Никишкин... in #UWDC2021
Артем
но в целом, тренд такой, что на классах остается только легаси
Да какой там тренд, щас через пару лет сообществу моча в другое полушарие ударит - все начнут с какой-нибудь новой холерой носиться)))
источник

ИН

Иван Никишкин... in #UWDC2021
[я бываю резок в высказываниях, извините, если кого обидел]
источник

А

Артем in #UWDC2021
Иван Никишкин
Да какой там тренд, щас через пару лет сообществу моча в другое полушарие ударит - все начнут с какой-нибудь новой холерой носиться)))
ну само собой, пока мы тут разговариваем, уже появился новый js-фреймворк
источник

b

barck 🦠 in #UWDC2021
Иван Никишкин
Да какой там тренд, щас через пару лет сообществу моча в другое полушарие ударит - все начнут с какой-нибудь новой холерой носиться)))
это краткий пересказ сути всего айти)
источник

V

Vik in #UWDC2021
джаваскрипт отменить, тайпскрипт
источник

PE

Peter Evsikov in #UWDC2021
Иван Никишкин
Только классы привезли, появилась надежда на светлое будущее, так все в функциональщину упоролись. Как по мне - функциональный подход хорош, если тебе нужно описывать математику, например. Там всё прям понятно и интуитивно пишется, с традиционными выкладками, опять же, легко "мапится". Но делать то, что хорошо решается ООП функциональным ради "стильно модно молодёжно" - такое себе.
да нет, хукам есть обосновнаие https://reactjs.org/docs/hooks-intro.html#motivation
источник