0 added
0 removed
Original
2026-01-01
Modified
2026-02-21
1
<p><a>#статьи</a></p>
1
<p><a>#статьи</a></p>
2
<ul><li>14 ноя 2025</li>
2
<ul><li>14 ноя 2025</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><h2>Что такое валидация и как она работает</h2>
4
</ul><h2>Что такое валидация и как она работает</h2>
5
<p>"Секретный" способ найти ошибки в IT-проектах.</p>
5
<p>"Секретный" способ найти ошибки в IT-проектах.</p>
6
<p>Иллюстрация: Оля Ежак для Skillbox Media</p>
6
<p>Иллюстрация: Оля Ежак для Skillbox Media</p>
7
<p>Онлайн-журнал для тех, кто влюблён в код и информационные технологии. Пишем для айтишников и об айтишниках.</p>
7
<p>Онлайн-журнал для тех, кто влюблён в код и информационные технологии. Пишем для айтишников и об айтишниках.</p>
8
<p>Валидация - один из ключевых этапов разработки программного обеспечения в целом и его отдельных функций. Именно на этом шаге проверяют, насколько созданный продукт действительно решает задачи пользователей и работает так, как задумано.</p>
8
<p>Валидация - один из ключевых этапов разработки программного обеспечения в целом и его отдельных функций. Именно на этом шаге проверяют, насколько созданный продукт действительно решает задачи пользователей и работает так, как задумано.</p>
9
<p>В этой статье расскажем, что такое валидация в IT, какие этапы она проходит, и разберём примеры её использования из рабочих будней разработчиков.</p>
9
<p>В этой статье расскажем, что такое валидация в IT, какие этапы она проходит, и разберём примеры её использования из рабочих будней разработчиков.</p>
10
<p><strong>Содержание</strong></p>
10
<p><strong>Содержание</strong></p>
11
<ul><li><a>Что такое валидация и для чего она нужна</a></li>
11
<ul><li><a>Что такое валидация и для чего она нужна</a></li>
12
<li><a>В чём разница между валидацией и верификацией</a></li>
12
<li><a>В чём разница между валидацией и верификацией</a></li>
13
<li><a>Какие этапы проходит валидация</a></li>
13
<li><a>Какие этапы проходит валидация</a></li>
14
<li><a>Примеры валидации в IT</a></li>
14
<li><a>Примеры валидации в IT</a></li>
15
</ul><ul><li><a>HTML и CSS валидация</a></li>
15
</ul><ul><li><a>HTML и CSS валидация</a></li>
16
<li><a>Валидация ссылок</a></li>
16
<li><a>Валидация ссылок</a></li>
17
<li><a>Валидация адаптивности</a></li>
17
<li><a>Валидация адаптивности</a></li>
18
</ul><ul><li><a>Что важно запомнить</a></li>
18
</ul><ul><li><a>Что важно запомнить</a></li>
19
</ul><p><strong>Валидация</strong>(от лат.<em>validus</em> - "здоровый, крепкий") - это проверка на корректность, соответствие правилам. Термин не уникален для IT, и его используют в других областях:</p>
19
</ul><p><strong>Валидация</strong>(от лат.<em>validus</em> - "здоровый, крепкий") - это проверка на корректность, соответствие правилам. Термин не уникален для IT, и его используют в других областях:</p>
20
<ul><li>в медицине учёные валидируют лабораторные исследования, чтобы удостовериться в том, что они действительно определяют заболевания, а не показывают случайные результаты;</li>
20
<ul><li>в медицине учёные валидируют лабораторные исследования, чтобы удостовериться в том, что они действительно определяют заболевания, а не показывают случайные результаты;</li>
21
<li>в образовании преподаватели проверяют, что тест действительно оценивает знания учащихся, и так далее.</li>
21
<li>в образовании преподаватели проверяют, что тест действительно оценивает знания учащихся, и так далее.</li>
22
</ul><p>В IT <strong>валидация</strong> - это процесс проверки, соответствует ли программное обеспечение заданным требованиям. Функциональные требования описывают, что программа должна делать, а нефункциональные - как она должна это делать: быстро, удобно, надёжно и безопасно. Если все условия выполняются, продукт считается прошедшим валидацию.</p>
22
</ul><p>В IT <strong>валидация</strong> - это процесс проверки, соответствует ли программное обеспечение заданным требованиям. Функциональные требования описывают, что программа должна делать, а нефункциональные - как она должна это делать: быстро, удобно, надёжно и безопасно. Если все условия выполняются, продукт считается прошедшим валидацию.</p>
23
<p>Посмотрим на несколько примеров:</p>
23
<p>Посмотрим на несколько примеров:</p>
24
<ul><li>Проверка корректности ввода имени, пароля, адреса электронной почты, номера телефона и других данных пользователя в формы на сайте или приложении. Например, почтовый ящик должен содержать символ "@". Если этого символа нет, то сервис должен не принимать введённую информацию и возвращать пользователю подсказку о правильном формате адреса.</li>
24
<ul><li>Проверка корректности ввода имени, пароля, адреса электронной почты, номера телефона и других данных пользователя в формы на сайте или приложении. Например, почтовый ящик должен содержать символ "@". Если этого символа нет, то сервис должен не принимать введённую информацию и возвращать пользователю подсказку о правильном формате адреса.</li>
25
<li>При взаимодействии клиента и сервера важно, чтобы структура сообщений между ними соответствовала принятым стандартам. Например, сервер проверяет заголовки и тело запроса, чтобы убедиться, что данные передаются корректно и без ошибок.</li>
25
<li>При взаимодействии клиента и сервера важно, чтобы структура сообщений между ними соответствовала принятым стандартам. Например, сервер проверяет заголовки и тело запроса, чтобы убедиться, что данные передаются корректно и без ошибок.</li>
26
</ul><ul><li>В работе социальных сетей используют проверку токенов и актуальности сессии. Сервер проверяет, что токен не истёк и по прежнему принадлежит текущему пользователю. Это защищает от несанкционированного доступа к данным.</li>
26
</ul><ul><li>В работе социальных сетей используют проверку токенов и актуальности сессии. Сервер проверяет, что токен не истёк и по прежнему принадлежит текущему пользователю. Это защищает от несанкционированного доступа к данным.</li>
27
</ul><p>В IT есть два похожих понятия - валидация и верификация. Эти понятия нередко путают. Давайте разбираться.</p>
27
</ul><p>В IT есть два похожих понятия - валидация и верификация. Эти понятия нередко путают. Давайте разбираться.</p>
28
<p><strong>Верификация</strong> - это проверка программного обеспечения на соответствие технической спецификации, документации или стандартам. Например, что кнопка "Отправить" в электронной почте действительно отправляет письмо.</p>
28
<p><strong>Верификация</strong> - это проверка программного обеспечения на соответствие технической спецификации, документации или стандартам. Например, что кнопка "Отправить" в электронной почте действительно отправляет письмо.</p>
29
<p><strong>Валидация</strong> - это проверка на соответствие правилам или требованиям. В нашем примере с почтой мы должны убедиться, что если ввести номер телефона вместо адреса e-mail, то сервис не будет пытаться отправлять на него письмо и покажет пользователю понятный текст ошибки.</p>
29
<p><strong>Валидация</strong> - это проверка на соответствие правилам или требованиям. В нашем примере с почтой мы должны убедиться, что если ввести номер телефона вместо адреса e-mail, то сервис не будет пытаться отправлять на него письмо и покажет пользователю понятный текст ошибки.</p>
30
<p>Чтобы лучше понять разницу, разберём ещё один пример. Мы разрабатываем мобильное приложение банка, в котором пользователи отправляют деньги по номеру телефона.</p>
30
<p>Чтобы лучше понять разницу, разберём ещё один пример. Мы разрабатываем мобильное приложение банка, в котором пользователи отправляют деньги по номеру телефона.</p>
31
<p>Начнём с верификации, так как она всегда проводится первой. Наша задача - проверить, что функции приложения соответствуют техническому заданию. Для этого протестируем, что:</p>
31
<p>Начнём с верификации, так как она всегда проводится первой. Наша задача - проверить, что функции приложения соответствуют техническому заданию. Для этого протестируем, что:</p>
32
<ul><li>в форму ввода номера телефона можно ввести данные;</li>
32
<ul><li>в форму ввода номера телефона можно ввести данные;</li>
33
<li>кнопка "Отправить средства" действительно отправляет запрос на сервер с данным действием;</li>
33
<li>кнопка "Отправить средства" действительно отправляет запрос на сервер с данным действием;</li>
34
<li>база данных корректно обновляет баланс пользователя на экране и так далее.</li>
34
<li>база данных корректно обновляет баланс пользователя на экране и так далее.</li>
35
</ul><p>После успешной верификации переходим к валидации приложения. Потребуется проверить, что:</p>
35
</ul><p>После успешной верификации переходим к валидации приложения. Потребуется проверить, что:</p>
36
<ul><li>интерфейс интуитивен и понятен пользователям - они понимают какие кнопки нажимать для отправки денег по номеру телефона и что от них требуется на каждом этапе;</li>
36
<ul><li>интерфейс интуитивен и понятен пользователям - они понимают какие кнопки нажимать для отправки денег по номеру телефона и что от них требуется на каждом этапе;</li>
37
<li>приложение позволяет переводить деньги только на существующие номера, учитывая их общепринятый формат;</li>
37
<li>приложение позволяет переводить деньги только на существующие номера, учитывая их общепринятый формат;</li>
38
<li>сумма перевода не превышает лимиты пользователя и так далее.</li>
38
<li>сумма перевода не превышает лимиты пользователя и так далее.</li>
39
</ul><p>Если все проверки выполнены, значит, код работает корректно, а приложение ведёт себя так, как планировали.</p>
39
</ul><p>Если все проверки выполнены, значит, код работает корректно, а приложение ведёт себя так, как планировали.</p>
40
<p><strong>Проще говоря:</strong>верификация показывает, что продукт соответствует техническому заданию, а валидация - что он действительно решает задачи пользователя.</p>
40
<p><strong>Проще говоря:</strong>верификация показывает, что продукт соответствует техническому заданию, а валидация - что он действительно решает задачи пользователя.</p>
41
<p>Валидацию можно представить как последовательный процесс - от анализа требований до исправления ошибок при их обнаружении. Этот принцип работает в любой сфере: будь то проверка формы заказа товаров на сайте маркетплейса или сертификация медицинского оборудования.</p>
41
<p>Валидацию можно представить как последовательный процесс - от анализа требований до исправления ошибок при их обнаружении. Этот принцип работает в любой сфере: будь то проверка формы заказа товаров на сайте маркетплейса или сертификация медицинского оборудования.</p>
42
<p>Пройдём все этапы валидации на простом примере - проверке поля для ввода электронной почты в форме на сайте.</p>
42
<p>Пройдём все этапы валидации на простом примере - проверке поля для ввода электронной почты в форме на сайте.</p>
43
<p>На первом этапе валидации определяют требования к системе: какие функции должны быть доступны пользователю и какие данные для их реализации необходимы и допустимы.</p>
43
<p>На первом этапе валидации определяют требования к системе: какие функции должны быть доступны пользователю и какие данные для их реализации необходимы и допустимы.</p>
44
<p>В нашем примере потребуется определиться с тем, что считать валидным адресом электронной почты. Сформируем для него несколько требований:</p>
44
<p>В нашем примере потребуется определиться с тем, что считать валидным адресом электронной почты. Сформируем для него несколько требований:</p>
45
<ul><li>должен содержать @;</li>
45
<ul><li>должен содержать @;</li>
46
<li>не иметь пробелов;</li>
46
<li>не иметь пробелов;</li>
47
<li>поддерживать домены yandex.ru, gmail.com и rambler.com.</li>
47
<li>поддерживать домены yandex.ru, gmail.com и rambler.com.</li>
48
</ul><p>Если определить не все требования, то команда тестировщиков не сможет учесть их при составлении тест-кейсов на следующем этапе, а значит, форма для ввода электронной почты может работать не так, как требуется.</p>
48
</ul><p>Если определить не все требования, то команда тестировщиков не сможет учесть их при составлении тест-кейсов на следующем этапе, а значит, форма для ввода электронной почты может работать не так, как требуется.</p>
49
<p>На этом этапе продумывают<a>тест-кейсы</a>для проверки сформулированных требований.</p>
49
<p>На этом этапе продумывают<a>тест-кейсы</a>для проверки сформулированных требований.</p>
50
<p>Вернёмся к форме ввода электронной почты и определим несколько сценариев тестирования, исходя из сформированных требований. Напишем их в кратком виде.</p>
50
<p>Вернёмся к форме ввода электронной почты и определим несколько сценариев тестирования, исходя из сформированных требований. Напишем их в кратком виде.</p>
51
<p><strong>Сценарий 1:</strong></p>
51
<p><strong>Сценарий 1:</strong></p>
52
<ul><li>входящие данные:<a>user@gmail.com</a>;</li>
52
<ul><li>входящие данные:<a>user@gmail.com</a>;</li>
53
<li>ожидаемый результат: email принят системой как корректный.</li>
53
<li>ожидаемый результат: email принят системой как корректный.</li>
54
</ul><p><strong>Сценарий 2:</strong></p>
54
</ul><p><strong>Сценарий 2:</strong></p>
55
<ul><li>входящие данные: usergmail.com;</li>
55
<ul><li>входящие данные: usergmail.com;</li>
56
<li>ожидаемый результат: ошибка валидации - в email отсутствует символ @. Возврат сообщения об ошибке.</li>
56
<li>ожидаемый результат: ошибка валидации - в email отсутствует символ @. Возврат сообщения об ошибке.</li>
57
</ul><p>Проверяем каждый тестовый сценарий и фиксируем результат. Этап показывает, работает ли продукт как задумано, и помогает выявить баги.</p>
57
</ul><p>Проверяем каждый тестовый сценарий и фиксируем результат. Этап показывает, работает ли продукт как задумано, и помогает выявить баги.</p>
58
<p>В нашем примере:</p>
58
<p>В нашем примере:</p>
59
<ul><li>сценарий 1: пройдено - email не содержит ошибок;</li>
59
<ul><li>сценарий 1: пройдено - email не содержит ошибок;</li>
60
<li>сценарий 2: пройдено - в email отсутствует символ @, сообщение об ошибке отправлено.</li>
60
<li>сценарий 2: пройдено - в email отсутствует символ @, сообщение об ошибке отправлено.</li>
61
</ul><p>Оцениваем то, как прошла проверка тестовых сценариев. Важно сравнить полученный результат с ожиданием.</p>
61
</ul><p>Оцениваем то, как прошла проверка тестовых сценариев. Важно сравнить полученный результат с ожиданием.</p>
62
<p>В нашем примере: все неверные email отклонены с соответствующими подсказками, а корректные адреса прошли проверку без проблем. В итоге можно сделать вывод, что этап пройден успешно, а баги не обнаружены.</p>
62
<p>В нашем примере: все неверные email отклонены с соответствующими подсказками, а корректные адреса прошли проверку без проблем. В итоге можно сделать вывод, что этап пройден успешно, а баги не обнаружены.</p>
63
<p>Если в процессе тестирования выявлены<a>ошибки</a>, то они должны быть зафиксированы и переданы на исправление. После этого тестирование повторяется до тех пор, пока приложение или его функции не будут работать в соответствии с требованиями.</p>
63
<p>Если в процессе тестирования выявлены<a>ошибки</a>, то они должны быть зафиксированы и переданы на исправление. После этого тестирование повторяется до тех пор, пока приложение или его функции не будут работать в соответствии с требованиями.</p>
64
<p>Если в примере с почтой были обнаружены баги, например форма принимала email без @, то ошибки должны быть описаны в <a>баг-репорте</a>и направлены разработчикам для исправления.</p>
64
<p>Если в примере с почтой были обнаружены баги, например форма принимала email без @, то ошибки должны быть описаны в <a>баг-репорте</a>и направлены разработчикам для исправления.</p>
65
Этапы валидации<em>Инфографика: Майя Мальгина для Skillbox Media</em><p>Валидация в IT охватывает множество направлений - от проверки правильности заполнения форм до оценки качества кода и интерфейса. Во многих случаях эту работу проводят с помощью<strong>валидаторов</strong> - инструментов, которые автоматически анализируют код, ссылки и другие элементы на соответствие правилам. Рассмотрим примеры из реальной работы разработчиков.</p>
65
Этапы валидации<em>Инфографика: Майя Мальгина для Skillbox Media</em><p>Валидация в IT охватывает множество направлений - от проверки правильности заполнения форм до оценки качества кода и интерфейса. Во многих случаях эту работу проводят с помощью<strong>валидаторов</strong> - инструментов, которые автоматически анализируют код, ссылки и другие элементы на соответствие правилам. Рассмотрим примеры из реальной работы разработчиков.</p>
66
<p>В основе веб-страниц лежит<strong>HTML- и CSS-код</strong>. От его качества зависит то, как сайт будет работать и отображаться в браузере.</p>
66
<p>В основе веб-страниц лежит<strong>HTML- и CSS-код</strong>. От его качества зависит то, как сайт будет работать и отображаться в браузере.</p>
67
<p>Валидация HTML и CSS - это проверка кода на соответствие стандартам W3C. В ходе проверки могут быть выявлены различные проблемы. Вот несколько примеров:</p>
67
<p>Валидация HTML и CSS - это проверка кода на соответствие стандартам W3C. В ходе проверки могут быть выявлены различные проблемы. Вот несколько примеров:</p>
68
<ul><li>Со временем некоторые HTML-теги устаревают, а их отображение в браузерах перестаёт поддерживаться.</li>
68
<ul><li>Со временем некоторые HTML-теги устаревают, а их отображение в браузерах перестаёт поддерживаться.</li>
69
<li>Если пропустить кавычку или закрывающий тег в коде, то в некоторых браузерах могут появиться проблемы с вёрсткой - например, пропадёт важный элемент: кнопка или поисковая строка.</li>
69
<li>Если пропустить кавычку или закрывающий тег в коде, то в некоторых браузерах могут появиться проблемы с вёрсткой - например, пропадёт важный элемент: кнопка или поисковая строка.</li>
70
<li>Если в коде веб-страницы нарушена структура или правила вложенности элементов, страница может отображаться неправильно.</li>
70
<li>Если в коде веб-страницы нарушена структура или правила вложенности элементов, страница может отображаться неправильно.</li>
71
<li>Иногда одно и то же CSS-свойство задано разными способами в разных местах. В результате веб-страница может выглядеть не так, как мы ожидаем.</li>
71
<li>Иногда одно и то же CSS-свойство задано разными способами в разных местах. В результате веб-страница может выглядеть не так, как мы ожидаем.</li>
72
</ul><p>Проверять весь HTML и CSS-код вручную сложно и долго. Поэтому существуют автоматизированные инструменты:</p>
72
</ul><p>Проверять весь HTML и CSS-код вручную сложно и долго. Поэтому существуют автоматизированные инструменты:</p>
73
<ul><li><a>Валидатор HTML</a> - онлайн-сервис валидации HTML от W3C. Проверяет синтаксис и структуру кода в целом, ищет устаревшие теги и дублирующиеся элементы.</li>
73
<ul><li><a>Валидатор HTML</a> - онлайн-сервис валидации HTML от W3C. Проверяет синтаксис и структуру кода в целом, ищет устаревшие теги и дублирующиеся элементы.</li>
74
<li><a>Валидатор CSS</a> - онлайн-сервис валидации CSS от W3C. Проверяет синтаксис, находит устаревшие свойства и конфликты между правилами.</li>
74
<li><a>Валидатор CSS</a> - онлайн-сервис валидации CSS от W3C. Проверяет синтаксис, находит устаревшие свойства и конфликты между правилами.</li>
75
</ul>Интерфейс<a>W3C валидатора HTML</a><em>Скриншот:<a>Validator W3</a>/ Skillbox Media</em><p><strong>Ссылки</strong>- важная часть навигации на любом сайте. Иногда возникают ситуации, когда некоторые из них не работают, вызывая трудности у пользователей. Основных причин несколько:</p>
75
</ul>Интерфейс<a>W3C валидатора HTML</a><em>Скриншот:<a>Validator W3</a>/ Skillbox Media</em><p><strong>Ссылки</strong>- важная часть навигации на любом сайте. Иногда возникают ситуации, когда некоторые из них не работают, вызывая трудности у пользователей. Основных причин несколько:</p>
76
<ul><li>Несуществующие страницы - из-за их удаления с сервера или смены url-адреса. При клике на такую ссылку пользователь увидит сообщение об <a>ошибке 404</a>.</li>
76
<ul><li>Несуществующие страницы - из-за их удаления с сервера или смены url-адреса. При клике на такую ссылку пользователь увидит сообщение об <a>ошибке 404</a>.</li>
77
<li>Ошибки со стороны сервера или клиента. Например, сервер не может понять, что от него хочет браузер. Тогда он вернёт не веб-страницу, а ошибку<a>400 Bad Request</a>.</li>
77
<li>Ошибки со стороны сервера или клиента. Например, сервер не может понять, что от него хочет браузер. Тогда он вернёт не веб-страницу, а ошибку<a>400 Bad Request</a>.</li>
78
<li>Некорректные редиректы. Редирект - это перенаправление пользователя с одной страницы на другую. Если разработчики неправильно их настроили, то ссылки могут вести на ту же самую страницу или на ошибочную.</li>
78
<li>Некорректные редиректы. Редирект - это перенаправление пользователя с одной страницы на другую. Если разработчики неправильно их настроили, то ссылки могут вести на ту же самую страницу или на ошибочную.</li>
79
</ul><p>Чтобы не проверять все ссылки на сайте вручную, можно воспользоваться специальными приложениями:</p>
79
</ul><p>Чтобы не проверять все ссылки на сайте вручную, можно воспользоваться специальными приложениями:</p>
80
<ul><li><a>W3C Link Checker</a> - онлайн-сервис от W3C, проверяющий работоспособность ссылок. Если выявит ошибки, то укажет их.</li>
80
<ul><li><a>W3C Link Checker</a> - онлайн-сервис от W3C, проверяющий работоспособность ссылок. Если выявит ошибки, то укажет их.</li>
81
<li><a>Sitechecker</a>- онлайн-валидатор ссылок, позволяющий проверить все ссылки на сайте за один подход. Потребуется регистрация.</li>
81
<li><a>Sitechecker</a>- онлайн-валидатор ссылок, позволяющий проверить все ссылки на сайте за один подход. Потребуется регистрация.</li>
82
<li><a>Screaming Frog SEO Spider</a> - десктопное приложение для анализа сайта: находит неработающие ссылки, отслеживает редиректы и проверяет структуру страниц. Доступно для Windows, macOS и Linux.</li>
82
<li><a>Screaming Frog SEO Spider</a> - десктопное приложение для анализа сайта: находит неработающие ссылки, отслеживает редиректы и проверяет структуру страниц. Доступно для Windows, macOS и Linux.</li>
83
</ul>Интерфейс валидатора<a>Screaming Frog SEO Spider</a><em>Скриншот:<a>Screaming Frog SEO Spider</a>/ Skillbox Media</em><p>Если мы создаём новый веб-сервис, например маркетплейс, важно, чтобы он корректно выглядел на любых устройствах: смартфоне, планшете или ПК. Это достигается благодаря<strong>адаптивности</strong> - способности сайта подстраиваться под размер и ориентацию экрана, сохраняя удобство и читаемость интерфейса.</p>
83
</ul>Интерфейс валидатора<a>Screaming Frog SEO Spider</a><em>Скриншот:<a>Screaming Frog SEO Spider</a>/ Skillbox Media</em><p>Если мы создаём новый веб-сервис, например маркетплейс, важно, чтобы он корректно выглядел на любых устройствах: смартфоне, планшете или ПК. Это достигается благодаря<strong>адаптивности</strong> - способности сайта подстраиваться под размер и ориентацию экрана, сохраняя удобство и читаемость интерфейса.</p>
84
<p>При валидации адаптивности разработчики учитывают несколько моментов:</p>
84
<p>При валидации адаптивности разработчики учитывают несколько моментов:</p>
85
<ul><li>корректное отображение кнопок, картинок, ссылок и других элементов страницы при разном масштабе экрана;</li>
85
<ul><li>корректное отображение кнопок, картинок, ссылок и других элементов страницы при разном масштабе экрана;</li>
86
<li>возможность прокрутки страниц, если их содержимое выходит за пределы экрана;</li>
86
<li>возможность прокрутки страниц, если их содержимое выходит за пределы экрана;</li>
87
<li>совместимость с разными браузерами разных устройств и так далее.</li>
87
<li>совместимость с разными браузерами разных устройств и так далее.</li>
88
</ul><p>Для проверки адаптивности существуют разные инструменты. Один из самых популярных и доступных - встроенный валидатор в <a>Chrome DevTools</a>. Он позволяет эмулировать отображение сайта на большом количестве смартфонов и планшетов, чтобы заметить ошибки в вёрстке страниц. Например, вот так будет выглядеть веб-страница со <a>статьёй про Chrome DevTools</a>на iPhone 12 Pro.</p>
88
</ul><p>Для проверки адаптивности существуют разные инструменты. Один из самых популярных и доступных - встроенный валидатор в <a>Chrome DevTools</a>. Он позволяет эмулировать отображение сайта на большом количестве смартфонов и планшетов, чтобы заметить ошибки в вёрстке страниц. Например, вот так будет выглядеть веб-страница со <a>статьёй про Chrome DevTools</a>на iPhone 12 Pro.</p>
89
Режим проверки адаптивности в Chrome DevTools<em>Скриншот: Google Chrome / Skillbox Media</em><ul><li>Валидация<strong></strong>- это проверка соответствия программного обеспечения определённым правилам.</li>
89
Режим проверки адаптивности в Chrome DevTools<em>Скриншот: Google Chrome / Skillbox Media</em><ul><li>Валидация<strong></strong>- это проверка соответствия программного обеспечения определённым правилам.</li>
90
<li>Валидация может проводиться для отдельных элементов ПО: части кода, базы данных, элемента интерфейса и так далее.</li>
90
<li>Валидация может проводиться для отдельных элементов ПО: части кода, базы данных, элемента интерфейса и так далее.</li>
91
<li>Валидацию проводят как вручную, так и автоматизированно. В последнем случае используют валидаторы - специальное ПО для проверки.</li>
91
<li>Валидацию проводят как вручную, так и автоматизированно. В последнем случае используют валидаторы - специальное ПО для проверки.</li>
92
<li>Валидация проводится после верификации<strong></strong>- проверки продукта на соответствие техническим требованиям.</li>
92
<li>Валидация проводится после верификации<strong></strong>- проверки продукта на соответствие техническим требованиям.</li>
93
</ul><a>Курс с трудоустройством: "Профессия Фронтенд-разработчик + ИИ" Узнать о курсе</a>
93
</ul><a>Курс с трудоустройством: "Профессия Фронтенд-разработчик + ИИ" Узнать о курсе</a>