Фронтенд и веб-платформа — страница 5

HTML, CSS, JavaScript, TypeScript, компоненты и статические сайты.

Темы раздела

Материалы

• Соотношение сторон компонента

  Рамка обложки aspect-ratio, автоматический размер и разница геометрии компонента с форматом файла.

• Вписывание изображений

  Cover и contain на вертикальной обложке, сохранение пропорций и отдельная настройка object-position.

• Диалог на основе dialog

  Нативный модальный dialog, доступное закрытие, возврат фокуса и обычное пояснение без JavaScript.

• Всплывающий блок с Popover API

  Немодальная подсказка Popover API, нативные кнопки и обычный видимый блок при отсутствии улучшения.

• Вложенные правила CSS

  Нативная вложенность CSS, смысл амперсанда, специфичность родительского списка и модификатор через where.

• Постепенное улучшение CSS-компонента

  Рабочая HTML-основа, отдельный плоский CSS-вариант и независимые условия улучшения компонентов.

• Первый проект TypeScript

  Разделить исходник, проверку типов и JavaScript результата. Учебная модель каталога, примеры и границы применения.

• Вывод типов и аннотации

  Понять где достаточно вывода и где нужен контракт. Учебная модель каталога, примеры и границы применения.

• Типы объектов и интерфейсы

  Описать обязательные и необязательные поля. Учебная модель каталога, примеры и границы применения.

• Объединения типов

  Представить несколько допустимых состояний. Учебная модель каталога, примеры и границы применения.

• Сужение типов

  Безопасно выбрать вариант значения проверкой. Учебная модель каталога, примеры и границы применения.

• unknown на границе данных

  Проверить внешнее значение перед использованием. Учебная модель каталога, примеры и границы применения.

• Типизация функций

  Задать параметры и возвращаемый результат. Учебная модель каталога, примеры и границы применения.

• Массивы, кортежи и readonly

  Зафиксировать порядок и ограничения изменения. Учебная модель каталога, примеры и границы применения.

• Обобщённые функции

  Сохранить связь входного и выходного типа. Учебная модель каталога, примеры и границы применения.

• Ограничения параметров типа

  Выразить необходимые свойства обобщённого значения. Учебная модель каталога, примеры и границы применения.

• Ключи и индексированный доступ

  Связать ключ объекта с типом его поля. Учебная модель каталога, примеры и границы применения.

• Преобразование типов объектов

  Построить новую форму существующего контракта. Учебная модель каталога, примеры и границы применения.

• Практическое применение utility types

  Выделить данные создания и обновления. Учебная модель каталога, примеры и границы применения.

• Литеральные типы

  Ограничить действие конечным набором значений. Учебная модель каталога, примеры и границы применения.

• Состояния интерфейса как типы

  Исключить противоречивые состояния загрузки. Учебная модель каталога, примеры и границы применения.

• Результат операции и ошибка

  Сделать обработку успеха и сбоя явной. Учебная модель каталога, примеры и границы применения.

• Типы асинхронных функций

  Согласовать Promise и результат await. Продолжение типизированного каталога с полными исходниками.

• TypeScript и DOM

  Обработать nullable узлы и события. Продолжение типизированного каталога с полными исходниками.