Следующая версия | Предыдущая версия |
software:development:web:docs:web:guide:guide [2023/08/21 18:36] – создано - внешнее изменение 127.0.0.1 | software:development:web:docs:web:guide:guide [2023/08/22 06:31] (текущий) – внешнее изменение 127.0.0.1 |
---|
В документах MDN есть несколько руководств. Целью этих статей является добавление дополнительных примеров использования или обучение использованию API или функции. Эта страница содержит ссылки на некоторые из самых популярных материалов. | В документах MDN есть несколько руководств. Целью этих статей является добавление дополнительных примеров использования или обучение использованию API или функции. Эта страница содержит ссылки на некоторые из самых популярных материалов. |
| |
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]]** |
Независимо от того, являетесь ли вы полным новичком или хотите освежить свои навыки, это место для начала. | Независимо от того, являетесь ли вы полным новичком или хотите освежить свои навыки, это место для начала. |
| |
АЯКС | {{:software:development:web:book_icon_left.png?32|}}**[[software:development:web:docs:web:guide:AJAX|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 , для прямого изменения аудио и видео, например, добавляя эффекты реверберации/сжатия к аудио или фильтры оттенков серого/сепия к видео. Эта статья содержит ссылку, чтобы объяснить, что вам нужно сделать. | Прелесть Интернета в том, что вы можете комбинировать технологии для создания новых форм. Наличие собственных аудио и видео в браузере означает, что мы можем использовать эти потоки данных с такими технологиями, как <canvas>, WebGL или Web Audio API , для прямого изменения аудио и видео, например, добавляя эффекты реверберации/сжатия к аудио или фильтры оттенков серого/сепия к видео. Эта статья содержит ссылку, чтобы объяснить, что вам нужно сделать. |
| |
API | ===== APIs ===== |
Использование объектов FormData | Использование объектов FormData |
Объект 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, каждый из которых имеет свои плюсы и минусы. |
| |
Производительность | ===== Performance ===== |
Оптимизация и производительность | Оптимизация и производительность |
При создании современных веб-приложений и сайтов важно, чтобы ваш контент работал быстро и эффективно. Это позволяет ему эффективно работать как с мощными настольными системами, так и с более слабыми портативными устройствами. | При создании современных веб-приложений и сайтов важно, чтобы ваш контент работал быстро и эффективно. Это позволяет ему эффективно работать как с мощными настольными системами, так и с более слабыми портативными устройствами. |
| |
Мобильная веб-разработка | ===== Mobile web development ===== |
Мобильная веб-разработка | Мобильная веб-разработка |
В этой статье представлен обзор некоторых основных методов, необходимых для разработки веб-сайтов, которые хорошо работают на мобильных устройствах. | В этой статье представлен обзор некоторых основных методов, необходимых для разработки веб-сайтов, которые хорошо работают на мобильных устройствах. |
| |
Шрифты | ===== Fonts ===== |
Руководство по вариативным шрифтам | Руководство по вариативным шрифтам |
Узнайте, как использовать вариативные шрифты в своих проектах. | Узнайте, как использовать вариативные шрифты в своих проектах. |
| |
Формат открытого веб-шрифта (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:Пользовательский ввод и элементы управления]]** |
Современный веб-пользовательский ввод выходит за рамки простой мыши и клавиатуры: подумайте, например, о сенсорных экранах. В этой статье представлены рекомендации по управлению пользовательским вводом и реализации элементов управления в открытых веб-приложениях, а также ответы на часто задаваемые вопросы, примеры из реальной жизни и ссылки на дополнительную информацию для тех, кому нужна более подробная информация о базовых технологиях. | Современный веб-пользовательский ввод выходит за рамки простой мыши и клавиатуры: подумайте, например, о сенсорных экранах. В этой статье представлены рекомендации по управлению пользовательским вводом и реализации элементов управления в открытых веб-приложениях, а также ответы на часто задаваемые вопросы, примеры из реальной жизни и ссылки на дополнительную информацию для тех, кому нужна более подробная информация о базовых технологиях. |