Bookcod · Рабочая редакция
Интерфейс, которым можно пользоваться
Семантика, состояние и доступность
Учебник по разработке браузерного каталога на HTML, CSS и JavaScript. Вы пройдёте путь от локального документа и расчёта размеров к событиям, сетевым границам, сохраняемым фильтрам, диалогу и проверке полного пользовательского сценария. Восемнадцать глав включают разобранные примеры, самостоятельные задания и ответы. Предполагается умение работать с файлами; необходимые основы браузерной разметки объясняются, для программных глав нужны базовые переменные, условия и функции JavaScript. Итог — локальный каталог шести книг с поиском и проверенными состояниями. Серверная оплата, выдача закрытых файлов, полный курс JavaScript и конкретные UI-фреймворки в программу не входят.
- Собрать осмысленный адаптивный каталог и объяснить работу его разметки, размеров и событий.
- Согласовать форму, URL и ответы сервера, сохраняя ввод и не принимая устаревшие результаты.
- Реализовать диалог, проверить клавиатурный путь, изучить производительность и обозначить границы доверия.
Первая глава бесплатна. Полное издание готовится к выпуску; продажи пока не открыты.
Редакционное предложение
Три уровня одной темы
Выберите по подготовке и задаче. Все уровни входят в одну книгу.
Что нужно на входе
- Уметь создавать и сохранять текстовые файлы, открывать папки и браузер. Для запуска локального сервера можно использовать установленный Python; программировать на нём не требуется.
Что сможете проверить на практике
- Создать воспроизводимый локальный документ с понятным содержанием.
- Объяснить модель размеров и найти источник видимого дефекта.
- Подготовить форму с подписью и осмысленным сообщением об ошибке.
Главы этого уровня
- Страница как понятный документ
- От файла к работающей странице
- Коробки, каскад и управляемые размеры
- Текст, изображения и ясный выбор
- Форма, в которой понятно, что исправить
- От видимого дефекта к его причине
Учебный кейс
Форма, в которой ошибка объяснена
Учебная миссия
Каталог без оформления
Решите кейс и миссию. Сравните результат с критериями и объясните ход решения.
Программа и задания ещё проходят предметную проверку. Pro обозначает сложность задач.
Оглавление
- Страница как понятный документ
- От файла к работающей странице
- Коробки, каскад и управляемые размеры
- Текст, изображения и ясный выбор
- Форма, в которой понятно, что исправить
- От видимого дефекта к его причине
- Один каталог на разных экранах
- События и изменение документа
- Загрузка, пустота и гонка ответов
- Ответ сервера ещё не данные каталога
- Адрес страницы как сохраняемый выбор
- Доступность как завершённый путь
- Диалог содержания с завершённым жизненным циклом
- Компоненты с ясными границами
- Быстрота как проверяемый путь
- Проверки интерфейса, которые ловят поломку
- Границы доверия в браузерном интерфейсе
- Косметика с проверяемым эффектом