Валидация данных (форм/полей) на фронтенде и бэкенде
HTML-код
- Опубликовано: 1 окт 2024
- Частый вопрос на собесе: «А как понять, где ошибка на фронте или на бэке?»
Вот постараемся рассказать 😁.
Спикеры:
- моя менти, QA Engineer - Анна Лысанова
- я, SeniorQA/LeadQA/MentorQA - Надежда Дудник
Подписаться на канал для отслеживания будущих вебинаров:
t.me/protestin...
Презентация:
docs.google.co...
docs.google.co...
Основной план вебинара:
- немного теории про валидацию, фронтенд, бэкенд;
- сравнение проверок на фронте и на бэкенде;
- генерация тестовых проверок.
Таймкоды:
00:05 - Вступление
01:45 - Рассказ Анны о себе
03:52 - Что такое валидация?
04:09 - Что такое фронтенд?
05:00 - Что такое бэкенд?
05:50 - Взаимодействие фронтенда и бэкенда
06:40 - Валидация на фронтенде и бэкенде и DevTools
07:33 - Валидации на стороне клиента
08:55 - Использование встроенной валидации
10:10 - Примеры валидации на стороне клиента
13:40 - Валидация на стороне бэкенда (на стороне сервера)
15:18 - Примеры валидации на стороне сервера
17:35 - Проверка в Postman
20:35 - Возможности Firefox Devtools для тестирования
21:40 - Практика и генерация проверок на фронте и на бэке для создания проекта с помощью Firefox Devtools, а именно редактирование значений название проекта, id проекта
39:12 - Дополнительная литература
41:00 - Вопросы и слова благодарности
Мне было трудновато ( Буду обязательно пересматривать, спасибо. Информация очень полезная.
Спасибо за эфир, было полезно! Единственный момент - ссылка на презентацию не активна, можно ли ее поправить?
Поправила, спасибо за просмотр, продублирую docs.google.com/presentation/d/13--poGEy27B-hXDrN_dvcAKmjLoiQh6JPN9_twDVr7Q/edit
❤
@@ProTestingInfo спасибо большое! Здесь доступно, а в описании видео ссылки почему-то не активны. Посмотрела по другим видео на канале - ссылки так же не активны. На паре сторонних каналов проверила - активны.
Аня и Надя, спасибо за запись и за то, что делитесь полезной информацией!
Анна и Надежда, спасибо большое за полезный эфир!
Очень важная практическая информация и примеры
Благодарю за просмотр! Спасибо за отзыв.
😊
Спасибо за вебинар! Вспомнила теорию и заодно узнала про возможности FireFox
Благодарю за просмотр 🌹
Спасибо , было полезно посмотреть
В описании ссылки не валидные, можно обновить?
Это баг ютуба, не распознает ссылки на Гугл презентацию - docs.google.com/presentation/d/13--poGEy27B-hXDrN_dvcAKmjLoiQh6JPN9_twDVr7Q/edit
Очень полезно, отличная практика, спасибо 🙏🏼
Спасибо большое за просмотр!
Огромное спасибо ❤
все очень понятно с примерами, вы просто умницы мои персики 🙃
Спасибо, Аня и Надя! Все было понятно и доступно.
Спасибо, будем еще делиться информацией 🙌
Не совсем понятно: вы отключили disabled кнопки создать и она стала постоянно активной. А должна быть не активной, даже после удаления disabled?
Мы специально поломали значение кнопки, что проверить на наличие ошибки
@@ProTestingInfo То есть, раз вы специально поломали кнопку, нельзя считать это багом?
@@andsps да, при обновление страницы вернётся обратно вёрстка с данным значением, баг был бы, если нажали на кнопку, и у нас бы отправился запрос на сервер, и создался бы проект с пустым названием
@@ProTestingInfoздравствуйте! Спасибо за полезную информацию. Подскажите, правильно ли понимаю. Если бы в данном случае создался пустой проект - это значит, что есть валидация в html-коде, но нет валидации на бэкенде? То есть это баг бэкенда?
@@jspyph пустой проект не создается на бэкенде, есть валидация на это, просто текст ошибки неявно указан.
В Network всегда нужно выбирать Fetch/XHR, чтобы найти запрос?
Да, в основном, этот фильтр отвечает за сетевые запросы, предлагаю посмотреть мою шпаргалку t.me/protestinginfo/3839