worldwide open-source software - software:development:web:docs:web:guide

ajax

anonymous@undisclosed.example.com (Anonymous) — Tue, 22 Aug 2023 03:15:44 +0000

AJAX

Асинхронный JavaScript и XML или Ajax — это не технология сама по себе, а скорее подход к совместному использованию ряда существующих технологий, включая HTML или XHTML , CSS , JavaScript , DOM , XML , XSLT и, что наиболее важно,XMLHttpRequestобъект. Когда эти технологии объединяются в модели Ajax, веб-приложения могут выполнять быстрые добавочные обновления пользовательского интерфейса без перезагрузки всей страницы браузера. Это делает приложение более быстрым и более отзывчивым на действия пользователя. Наиболее привлекательной характеристикой Ajax является его «асинхронный» характер, что означает, что он может взаимодействовать с сервером, обмениваться данными и обновлять страницу без необходимости обновления страницы.

Хотя X в Ajax означает XML, предпочтение отдается JSON , поскольку он меньше по размеру и написан на JavaScript. И JSON, и XML используются для упаковки информации в модели Ajax.

audio_and_video_delivery

anonymous@undisclosed.example.com (Anonymous) — Tue, 22 Aug 2023 03:29:36 +0000

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

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

Аудио и видео элементы Независимо от того, имеем ли мы дело с предварительно записанными аудиофайлами или живыми потоками, механизм предоставления доступа к ним через элементы браузера <audio>и <video>остается практически одинаковым. В настоящее время для поддержки всех браузеров нам необходимо указать два формата, хотя с принятием форматов MP3 и MP4 в Firefox и Opera это быстро меняется. Информацию о совместимости можно найти в

audio_and_video_manipulation

anonymous@undisclosed.example.com (Anonymous) — Tue, 22 Aug 2023 04:14:19 +0000

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

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

graphics

anonymous@undisclosed.example.com (Anonymous) — Tue, 22 Aug 2023 03:21:49 +0000

Графика в Интернете

Веб-сайты и приложения часто должны отображать графику, например изображения. Статические изображения можно легко отображать с помощью <img> элемента или путем установки фона HTML-элементов с помощью background-imageсвойства. Вы также можете создавать графику на лету или манипулировать изображениями постфактум. В этих статьях вы узнаете, как этого добиться.

guide

anonymous@undisclosed.example.com (Anonymous) — Tue, 22 Aug 2023 03:31:19 +0000

Руководства для разработчиков

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

HTML

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

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

Основы HTML

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

CSS

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

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

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

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

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

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

JavaScript

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

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

AJAX

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

Media

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

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

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

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

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

APIs

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

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

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

Performance

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

Mobile web development

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

Fonts

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

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

Разработка пользовательского интерфейса

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