В документах MDN есть несколько руководств. Целью этих статей является добавление дополнительных примеров использования или обучение использованию API или функции. Эта страница содержит ссылки на некоторые из самых популярных материалов.

Структурирование сети с помощью HTML

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

Основы HTML

Эта статья даст вам базовое понимание HTML. Следуя этому руководству, вы сможете продолжить изучение материала в области обучения HTML.

Научитесь стилизовать HTML с помощью CSS

Наш полный учебник по CSS, который проведет вас от первых шагов через стилизацию текста, создание макетов и многое другое.

Руководства по макету CSS

В MDN существует большое количество руководств по CSS Layout, на этой странице они собраны все вместе.

Использование CSS-анимации

Анимации CSS позволяют анимировать переходы от одной конфигурации стиля CSS к другой. Это руководство поможет вам начать работу со свойствами анимации.

Область изучения JavaScript

Независимо от того, являетесь ли вы полным новичком или хотите освежить свои навыки, это место для начала.

AJAX

AJAX — это термин, определяющий группу технологий, позволяющих веб-приложениям выполнять быстрые добавочные обновления пользовательского интерфейса без перезагрузки всей страницы браузера. Это делает приложение более быстрым и более отзывчивым на действия пользователя.

Графика в сети

Современные веб-сайты и приложения часто нуждаются в представлении графики различной сложности.

Доставка аудио и видео

Мы можем доставлять аудио и видео в Интернет несколькими способами: от «статических» медиафайлов до адаптивных прямых трансляций. Эта статья задумана как отправная точка для изучения различных механизмов доставки мультимедиа в Интернете и совместимости с популярными браузерами.

Аудио и видео манипуляции

Прелесть Интернета в том, что вы можете комбинировать технологии для создания новых форм. Наличие собственных аудио и видео в браузере означает, что мы можем использовать эти потоки данных с такими технологиями, как <canvas>, WebGL или Web Audio API , для прямого изменения аудио и видео, например, добавляя эффекты реверберации/сжатия к аудио или фильтры оттенков серого/сепия к видео. Эта статья содержит ссылку, чтобы объяснить, что вам нужно сделать.

Использование объектов FormData Объект FormDataпозволяет скомпилировать набор пар ключ/значение для отправки с помощью XMLHttpRequest. Он в первую очередь предназначен для отправки данных форм, но может использоваться независимо от форм для передачи данных с ключами. Передача осуществляется в том же формате, который метод формы submit()использовал бы для отправки данных, если бы тип кодирования формы был установлен на «multipart/form-data».

Прогрессивные веб-приложения Прогрессивные веб-приложения (PWA) используют современные веб-API вместе с традиционной стратегией прогрессивного улучшения для создания кроссплатформенных веб-приложений. Эти приложения работают везде и предоставляют несколько функций, которые дают им те же преимущества для пользователей, что и собственные приложения. Этот набор руководств расскажет вам все, что вам нужно знать о PWA.

Разбор и сериализация XML Веб-платформа предоставляет различные методы разбора и сериализации XML, каждый из которых имеет свои плюсы и минусы.

Оптимизация и производительность При создании современных веб-приложений и сайтов важно, чтобы ваш контент работал быстро и эффективно. Это позволяет ему эффективно работать как с мощными настольными системами, так и с более слабыми портативными устройствами.

Мобильная веб-разработка В этой статье представлен обзор некоторых основных методов, необходимых для разработки веб-сайтов, которые хорошо работают на мобильных устройствах.

Руководство по вариативным шрифтам Узнайте, как использовать вариативные шрифты в своих проектах.

Формат открытого веб-шрифта (WOFF) WOFF (Web Open Font Format) — это формат файла шрифта, который любой может использовать в Интернете бесплатно.

Пользовательский ввод и элементы управления Современный веб-пользовательский ввод выходит за рамки простой мыши и клавиатуры: подумайте, например, о сенсорных экранах. В этой статье представлены рекомендации по управлению пользовательским вводом и реализации элементов управления в открытых веб-приложениях, а также ответы на часто задаваемые вопросы, примеры из реальной жизни и ссылки на дополнительную информацию для тех, кому нужна более подробная информация о базовых технологиях.