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

===== HTML =====
{{:software:development:web:book_icon_left.png?32|}}**[[software:development:learn:html|Структурирование сети с помощью HTML]]**

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

{{:software:development:web:book_icon_left.png?32|}}**[[software:development:learn:getting_started_with_the_web:html_basics|Основы HTML]]**

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

===== CSS =====
{{:software:development:web:book_icon_left.png?32|}}**[[software:development:learn:css|Научитесь стилизовать HTML с помощью CSS]]**

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

{{:software:development:web:book_icon_left.png?32|}}**[[software:development:web:docs:web:guide:css:css_layout|Руководства по макету CSS]]**

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

{{:software:development:web:book_icon_left.png?32|}}**[[software:development:web:docs:web:css:css_animations:using_css_animations|Использование CSS-анимации]]**

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

===== JavaScript =====
{{:software:development:web:book_icon_left.png?32|}}**[[software:development:learn:JavaScript|Область изучения JavaScript]]**

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

{{:software:development:web:book_icon_left.png?32|}}**[[software:development:web:docs:web:guide:AJAX|AJAX]]**

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

===== Media  =====
{{:software:development:web:book_icon_left.png?32|}}**[[software:development:web:docs:web:guide:graphics|Графика в сети]]**

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

{{:software:development:web:book_icon_left.png?32|}}**[[software:development:web:docs:web:guide:audio_and_video_delivery|Доставка аудио и видео]]**

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

{{:software:development:web:book_icon_left.png?32|}}**[[software:development:web:docs:web:guide:audio_and_video_manipulation|Аудио и видео манипуляции]]**

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

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

{{:software:development:web:book_icon_left.png?32|}}**[[software:development:learn:Прогрессивные веб-приложения]]**
Прогрессивные веб-приложения (PWA) используют современные веб-API вместе с традиционной стратегией прогрессивного улучшения для создания кроссплатформенных веб-приложений. Эти приложения работают везде и предоставляют несколько функций, которые дают им те же преимущества для пользователей, что и собственные приложения. Этот набор руководств расскажет вам все, что вам нужно знать о PWA.

{{:software:development:web:book_icon_left.png?32|}}**[[software:development:learn:Разбор и сериализация XML]]**
Веб-платформа предоставляет различные методы разбора и сериализации XML, каждый из которых имеет свои плюсы и минусы.

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

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

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

{{:software:development:web:book_icon_left.png?32|}}**[[software:development:learn:Формат открытого веб-шрифта (WOFF)]]**
WOFF (Web Open Font Format) — это формат файла шрифта, который любой может использовать в Интернете бесплатно.

===== Разработка пользовательского интерфейса =====
{{:software:development:web:book_icon_left.png?32|}}**[[software:development:learn:Пользовательский ввод и элементы управления]]**
Современный веб-пользовательский ввод выходит за рамки простой мыши и клавиатуры: подумайте, например, о сенсорных экранах. В этой статье представлены рекомендации по управлению пользовательским вводом и реализации элементов управления в открытых веб-приложениях, а также ответы на часто задаваемые вопросы, примеры из реальной жизни и ссылки на дополнительную информацию для тех, кому нужна более подробная информация о базовых технологиях.