HTML CSS JavaScript TypeScript
Семантика, DOM, события, формы, модули, Fetch, async/await, типизация и проверка данных
225 материаловФронтенд и веб-платформа — страница 6
HTML, CSS, JavaScript, TypeScript, компоненты и статические сайты.
Темы раздела
Фреймворки и компоненты
React, Vue, Web Components, состояние, навигация, работа с API, SSR, статическая генерация и организация проекта.
88 материаловСтатические сайты и контент
Markdown, шаблоны, темы, оглавления, поиск, пагинация, таблицы, примеры кода, ресурсы и локальная сборка.
49 материаловУстройство браузера и совместимость
HTTP в браузере, CORS, cookies, хранилища, workers, разрешения, прогрессивное улучшение и различия браузеров.
13 материаловЛокализация интерфейса
Переводы, даты, числа, валюты, множественное число, языки справа налево и работа переводчиков
11 материаловWebAssembly
Модули C/C++ и Rust в браузере, обработка файлов и изображений, взаимодействие с JavaScript и измерение вычислений.
11 материаловМатериалы
- Типизированная модель формы
Разделить строки формы и доменные значения. Продолжение типизированного каталога с полными исходниками.
- Проверка ответа API во время выполнения
Защитить границу между JSON и типами. Продолжение типизированного каталога с полными исходниками.
- Типы и границы модулей
Отделить публичный контракт от реализации. Продолжение типизированного каталога с полными исходниками.
- Настройки компилятора
Объяснить strict, target и проверку сборки. Продолжение типизированного каталога с полными исходниками.
- Описание внешней библиотеки
Подключить типы к JavaScript зависимости. Продолжение типизированного каталога с полными исходниками.
- Постепенный переход с JavaScript
Планировать миграцию модуля с сохранением поведения. Продолжение типизированного каталога с полными исходниками.
- Офлайн-чтение и PWA
Создаём учебный сайт, на котором можно сохранять главы и читать их без сети. Разбираем manifest, service worker, обновления, навигацию и ограничения хранилища.
- Что должно работать в офлайн-учебнике
Определяем задачи автономного учебника, постоянные документы и границы сохранения; отделяем установку приложения от реальной доступности материалов без сети.
- Manifest и установка учебника
Описываем приложение в manifest, задаём стартовую страницу и область навигации и проверяем условия установки с учётом различий браузеров.
- Жизненный цикл service worker
Регистрируем учебный worker, различаем установку, активацию и управление страницей и определяем область запросов до добавления кеширования.
- Первая страница без сети
Сохраняем один учебный HTML-документ, возвращаем точное совпадение при сетевой ошибке и отделяем запасное сообщение от настоящего HTTP 404.
- Сохранение выбранных глав
Добавляем явный выбор материалов, запись HTML в Cache API и честный статус сохранения после успешного завершения операции.
- Ссылки и состояния без сети
Различаем сохранённые материалы, неизвестную доступность сети и подтверждённый ответ сервера; сохраняем нормальные ссылки и честные сообщения.
- Обновление офлайн-учебника
Разбираем новый кеш, ожидающий worker и безопасную связь версии страницы с реально управляющим обработчиком.
- Матрица сценариев офлайн-приложения
Составляем воспроизводимые условия проверки установки, навигации, сохранения и обновления без выдуманных результатов браузерных испытаний.
- Согласованность HTML и ресурсов
Готовим отдельный кандидат пакета HTML, CSS и изображения; переключаем выбранную копию только после полного сохранения обязательных ресурсов.
- Размер и состав кеша
Отделяем выбранный набор от всей библиотеки, считаем размеры тел ответов и вводим мягкий бюджет без обещания точной браузерной квоты.
- Закладки и место продолжения
Сохраняем локальную закладку по ID материала и устойчивому якорю, отделяя место чтения от освоения урока и от кеша HTML.
- Миграция локальных данных
Добавляем настройки в IndexedDB версии2, сохраняем существующие закладки и обрабатываем блокировку обновления другой вкладкой.
- Прерванная загрузка материалов
Сохраняем завершённые ресурсы незаконченного кандидата, отменяем foreground-запрос и продолжаем подготовку без ложного ready.
- Обновление в нескольких вкладках
Предлагаем явное переключение ожидающего worker, избегаем автоматического reload всех окон и сохраняем доступ к versioned-ресурсам прежних страниц.
- Восстановление повреждённого кеша
Различаем старый и неполный пакет, читаем его описатель и восстанавливаем выбранную копию без удаления закладок и всех данных origin.
- Квоты и вытеснение локальных данных
Показываем приблизительный расход хранения, запрашиваем persistent storage по действию читателя и сохраняем понятное поведение при отказе в записи и потере данных.
- React: учебный каталог
16 уроков React: собственный каталог карточек, состояние, загрузка, маршруты, форма и локальный CRUD API