Предыдущая версия справа и слеваПредыдущая версияСледующая версия | Предыдущая версия |
software:development:web:docs:web:guide:guide [2023/08/22 05:16] – vladpolskiy | software:development:web:docs:web:guide:guide [2023/08/22 06:31] (текущий) – внешнее изменение 127.0.0.1 |
---|
| |
===== HTML ===== | ===== HTML ===== |
Структурирование сети с помощью HTML | {{:software:development:web:book_icon_left.png?32|}}**[[software:development:learn:html|Структурирование сети с помощью HTML]]** |
Область обучения HTML предлагает учебные пособия, которые помогут вам изучить 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. | Эта статья даст вам базовое понимание HTML. Следуя этому руководству, вы сможете продолжить изучение материала в области обучения HTML. |
| |
===== CSS ===== | ===== CSS ===== |
Научитесь стилизовать HTML с помощью CSS | {{:software:development:web:book_icon_left.png?32|}}**[[software:development:learn:css|Научитесь стилизовать HTML с помощью CSS]]** |
Наш полный учебник по CSS, который проведет вас от первых шагов через стилизацию текста, создание макетов и многое другое. | Наш полный учебник по CSS, который проведет вас от первых шагов через стилизацию текста, создание макетов и многое другое. |
| |
==== Руководства по макету CSS ==== | {{:software:development:web:book_icon_left.png?32|}}**[[software:development:web:docs:web:guide:css:css_layout|Руководства по макету CSS]]** |
В MDN существует большое количество руководств по CSS Layout, на этой странице они собраны все вместе. | В MDN существует большое количество руководств по CSS Layout, на этой странице они собраны все вместе. |
| |
==== Использование CSS-анимации ==== | {{:software:development:web:book_icon_left.png?32|}}**[[software:development:web:docs:web:css:css_animations:using_css_animations|Использование CSS-анимации]]** |
Анимации CSS позволяют анимировать переходы от одной конфигурации стиля CSS к другой. Это руководство поможет вам начать работу со свойствами анимации. | Анимации CSS позволяют анимировать переходы от одной конфигурации стиля CSS к другой. Это руководство поможет вам начать работу со свойствами анимации. |
| |
===== JavaScript ===== | ===== JavaScript ===== |
Область изучения JavaScript | {{:software:development:web:book_icon_left.png?32|}}**[[software:development:learn:JavaScript|Область изучения JavaScript]]** |
Независимо от того, являетесь ли вы полным новичком или хотите освежить свои навыки, это место для начала. | Независимо от того, являетесь ли вы полным новичком или хотите освежить свои навыки, это место для начала. |
| |
===== AJAX ===== | {{:software:development:web:book_icon_left.png?32|}}**[[software:development:web:docs:web:guide:AJAX|AJAX]]** |
AJAX — это термин, определяющий группу технологий, позволяющих веб-приложениям выполнять быстрые добавочные обновления пользовательского интерфейса без перезагрузки всей страницы браузера. Это делает приложение более быстрым и более отзывчивым на действия пользователя. | AJAX — это термин, определяющий группу технологий, позволяющих веб-приложениям выполнять быстрые добавочные обновления пользовательского интерфейса без перезагрузки всей страницы браузера. Это делает приложение более быстрым и более отзывчивым на действия пользователя. |
| |
===== Media ===== | ===== 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 , для прямого изменения аудио и видео, например, добавляя эффекты реверберации/сжатия к аудио или фильтры оттенков серого/сепия к видео. Эта статья содержит ссылку, чтобы объяснить, что вам нужно сделать. | Прелесть Интернета в том, что вы можете комбинировать технологии для создания новых форм. Наличие собственных аудио и видео в браузере означает, что мы можем использовать эти потоки данных с такими технологиями, как <canvas>, WebGL или Web Audio API , для прямого изменения аудио и видео, например, добавляя эффекты реверберации/сжатия к аудио или фильтры оттенков серого/сепия к видео. Эта статья содержит ссылку, чтобы объяснить, что вам нужно сделать. |
| |
Объект FormDataпозволяет скомпилировать набор пар ключ/значение для отправки с помощью XMLHttpRequest. Он в первую очередь предназначен для отправки данных форм, но может использоваться независимо от форм для передачи данных с ключами. Передача осуществляется в том же формате, который метод формы submit()использовал бы для отправки данных, если бы тип кодирования формы был установлен на «multipart/form-data». | Объект FormDataпозволяет скомпилировать набор пар ключ/значение для отправки с помощью XMLHttpRequest. Он в первую очередь предназначен для отправки данных форм, но может использоваться независимо от форм для передачи данных с ключами. Передача осуществляется в том же формате, который метод формы submit()использовал бы для отправки данных, если бы тип кодирования формы был установлен на «multipart/form-data». |
| |
==== Прогрессивные веб-приложения ==== | {{:software:development:web:book_icon_left.png?32|}}**[[software:development:learn:Прогрессивные веб-приложения]]** |
Прогрессивные веб-приложения (PWA) используют современные веб-API вместе с традиционной стратегией прогрессивного улучшения для создания кроссплатформенных веб-приложений. Эти приложения работают везде и предоставляют несколько функций, которые дают им те же преимущества для пользователей, что и собственные приложения. Этот набор руководств расскажет вам все, что вам нужно знать о PWA. | Прогрессивные веб-приложения (PWA) используют современные веб-API вместе с традиционной стратегией прогрессивного улучшения для создания кроссплатформенных веб-приложений. Эти приложения работают везде и предоставляют несколько функций, которые дают им те же преимущества для пользователей, что и собственные приложения. Этот набор руководств расскажет вам все, что вам нужно знать о PWA. |
| |
==== Разбор и сериализация XML ==== | {{:software:development:web:book_icon_left.png?32|}}**[[software:development:learn:Разбор и сериализация XML]]** |
Веб-платформа предоставляет различные методы разбора и сериализации XML, каждый из которых имеет свои плюсы и минусы. | Веб-платформа предоставляет различные методы разбора и сериализации XML, каждый из которых имеет свои плюсы и минусы. |
| |
Узнайте, как использовать вариативные шрифты в своих проектах. | Узнайте, как использовать вариативные шрифты в своих проектах. |
| |
==== Формат открытого веб-шрифта (WOFF) ==== | {{:software:development:web:book_icon_left.png?32|}}**[[software:development:learn:Формат открытого веб-шрифта (WOFF)]]** |
WOFF (Web Open Font Format) — это формат файла шрифта, который любой может использовать в Интернете бесплатно. | WOFF (Web Open Font Format) — это формат файла шрифта, который любой может использовать в Интернете бесплатно. |
| |
===== Разработка пользовательского интерфейса ===== | ===== Разработка пользовательского интерфейса ===== |
==== Пользовательский ввод и элементы управления ==== | {{:software:development:web:book_icon_left.png?32|}}**[[software:development:learn:Пользовательский ввод и элементы управления]]** |
Современный веб-пользовательский ввод выходит за рамки простой мыши и клавиатуры: подумайте, например, о сенсорных экранах. В этой статье представлены рекомендации по управлению пользовательским вводом и реализации элементов управления в открытых веб-приложениях, а также ответы на часто задаваемые вопросы, примеры из реальной жизни и ссылки на дополнительную информацию для тех, кому нужна более подробная информация о базовых технологиях. | Современный веб-пользовательский ввод выходит за рамки простой мыши и клавиатуры: подумайте, например, о сенсорных экранах. В этой статье представлены рекомендации по управлению пользовательским вводом и реализации элементов управления в открытых веб-приложениях, а также ответы на часто задаваемые вопросы, примеры из реальной жизни и ссылки на дополнительную информацию для тех, кому нужна более подробная информация о базовых технологиях. |