HTML CSS JavaScript TypeScript
Семантика, DOM, события, формы, модули, Fetch, async/await, типизация и проверка данных
225 материаловФронтенд и веб-платформа — страница 9
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 материаловМатериалы
- Слоты панели и повторное оформление
Собрать панель с независимым содержимым
- Composition API и локальный composable
Выделить независимое состояние списка в функцию
- Наблюдатель и сохранение фильтра
Сохранять только настройки и корректно читать storage
- Vue Router и адрес карточки участника
Связать экран списка и карточку с маршрутом
- Общее состояние между маршрутами
Получать одну коллекцию из двух экранов
- Контракт API и проверка ответа
Отделить транспорт от модели участника
- Загрузка и отмена устаревшего запроса
Связать результат только с актуальным запросом
- Сохранение участника и ошибки формы
Сохранять изменение после подтверждения сервером
- Версия записи и конфликт редактирования
Объяснить 409 и сохранить черновик при конфликте
- Передача Vue-проекта и границы кабинета
Собрать договор запуска, доступа и проверки результата
- Современные нативные интерфейсы: учебный каталог
Четырнадцать последовательных уроков с полными исходниками каждого этапа.
- Каталог как основа прогрессивного улучшения
Задать доступный каталог со ссылками и отдельным слоем улучшений.
- Карточка урока в нативном диалоге
Открывать дополнительную карточку через showModal и возвращать фокус.
- Всплывающая справка без управления слоями
Добавить немодальный popover с доступной текстовой альтернативой.
- Привязка справки к кнопке через CSS
Разместить popover рядом с anchor без вычисления координат JavaScript.
- Запасные позиции у края экрана
Задать flip-block и flip-inline и ограничить размер панели.
- Плавная смена фильтра с View Transitions
Обновлять список внутри одного документа с обходом неподдерживаемого API.
- Переходы между страницами каталога
Включить переходы между двумя документами одного происхождения.
- Полоса чтения с прокруткой документа
Создать декоративный индикатор на scroll timeline без scroll-обработчика.
- Появление карточек на view timeline
Связать небольшое изменение карточки с её видимостью, сохранив базовое содержимое.
- Согласование движения и пользовательских настроек
Отключить необязательные эффекты в CSS и JavaScript при reduced motion.
- Плотность карточек через запросы стиля
Передавать семантическую плотность через custom property и style query.
- Типизированные атрибуты для визуальной шкалы
Использовать attr с числовым типом только для дополнительного отображения длительности.
- Контрастный текст и цветовой fallback
Добавить contrast-color как улучшение поверх заранее выбранной пары цветов.