Выполняем реальный проект на JavaScript | ч.4 - Форма-калькулятор

В этом ролике мы продолжаем работу над проектом. Сегодня займемся реализацией функционала по отправке данных из формы-калькулятора. Если не смотрели первую часть - то лучше начать с неё.

================================

Ссылки:

[pahaivanov]

Потрясающе! 2022 все работает, кайф!)

[dmitriystoyanov]

Круто! Это не тяп-ляп, а реальный уровень, такие ребята мотивируют, спасибо!

[j-lewis]

Спасибо большое, это просто отвал бошки!

[oleksandrvorzhev]

Мощно, сразу видно уровень исполнителя..

[АлександрАндреевич-вэ]

Всім привіт! Дякую за Ваше відео! Навчаємося в 2023 попри все

[Amourphys]

Спасибо большое за урок, у меня все получилось, нужно просто все делать очень внимательно, из-за этого были ошибки

[ВиталийАбраменко-фн]

Контент очень хороший. Спасибо Иван. Только что то просмотров маловато.

[aleksandrstaetskiy]

Очень полезный видос, спасибо! Тоже реализовывал подобный кейс

[abaydotdev]

Спасбо огромное за такой отличный контент!

[hiver]

Иван, добрый день!
А почему мы следующие валидации поместили в changeModalState.js, а не в forms.js?
checkNumInputs("#width");
checkNumInputs("#height");

По-идее, ведь, это не относится никак к модулю changeModalState.


Да, и второй момент, есть баг. У нас по умолчанию выбрано деревянное остекление. Если мы не будем выбирать другой вариант, то деревянное остекление не запишется в state.

[awenn]

Я по-любому на этом этапе начал бы городить тонны бесполезного кода, как всегда все усложняя, как научиться использовать такие же простые способы?

[ВячеславИванов-др]

Если не клацать в самом начале по выбору формы окна (например клиента устраивает форма по умолчанию 1 таб) и в select тоже оставить по умолчанию (деревянное окно), то эти данные не передаются на сервер - array(5) {
["user_name"]=>
string(10) "слава"
["user_phone"]=>
string(8) "12345678"
["width"]=>
string(3) "100"
["height"]=>
string(3) "200"
["profile"]=>
string(12) "теплое"
}

[ОлегН-ею]

Чет сложное дз) Как сделать валидацию не пойму. Еще проблема в том, что если пользователь не выберет тип окна на первой модалке или тип остекления, где селект, то в стейт ничего не заносится, хотя это как бы значения по умолчанию. Может быть надо иницилизировать стейт с дефолтными значениями?

[daniilkuzmichev]

Привет! Я ученик с beonmax! Очень круто все доходит! Замечательный преподаватель! Можно вопрос? Я прохожу курс веб-разработчик 2019. Следующий курс - кончено же полный Js. Можно ли создавать сайты(хотя бы одностраничные) зная html и Js. И конечно же компиляторы и всё то, что входит в данные курсы =)

[КонстантинК-ух]

Отлично все объясняете.
Архитектура эта модульная на основе import доступна благодаря webpack? Если gulp сборка, то просто файлы с модулями склеивать или в одном файле все делать?

[expertnadivane]

номер телефона в буквах ушел после калькулятора окна

[HroHamada]

по стандарту в селекте выбран тип деревянного остекления, и если пользователь не трогает селект, то этот тип не запоминается, как пофиксить?
Как сделать тип по дефолту?
Единственное решение, которое я знаю, это вместо уже выбранного типа сделать надпись "выбрать тип" и по клику уже открывать список

[JesseJames-mhkb]

А зачем для каждого шага создавать отдельную модалку? не лучше ли сделать одну модалку, в которой и будут все шаги?

[animalsgood]

Смотреть на скорости 0.5 в самый раз, можно успеть понять что говорит и код рассмотреть

[ggg-tqbe]

может не чекбоксы, а инпуты? Доступность, все дела