Тренировочный сайт LouFlow
Шесть стендов, чтобы записывать и проходить интерактивные инструкции. Здесь ничего не уходит на сервер — записывайте свободно, сломать нечего.
Селекторы стабильны: у интерактивных элементов сохраняются атрибуты data-lf-* при любых изменениях.
Стенды для тренировки
Базовые элементы
Кнопки, поля ввода, селекты, чекбоксы, радио и дата — одиночные action-шаги.
Открыть стенд →Формы
Многополевая форма с валидацией и отправкой — сценарий пошагового заполнения.
Открыть стенд →Таблица с действиями
Строки с кнопками, поиск и пагинация.
Открыть стенд →Навигация
Меню, вкладки, модальные окна и дропдауны.
Открыть стенд →Мини-CRM
Связанные страницы: список клиентов, карточка и форма добавления.
Открыть стенд →Динамический контент
Элементы, появляющиеся с задержкой или по клику — как плеер ждёт.
Открыть стенд →Сложные виджеты
Комбобокс в стиле Fluent, лукап с поиском и календарь — опции живут в эфемерных порталах с нестабильными id.
Открыть стенд →Минное поле селекторов
Shadow DOM, iframe, виртуализированный список, hover-меню, кнопки на canvas, одинаковые строки и хэшированные классы — враждебная разметка без data-lf-хуков.
Открыть стенд →