--- title: Руководства Web-разработчика slug: Web/Guide tags: - Web - Руководство translation_of: Web/Guide --- <p><strong>Эти статьи помогут изучить веб-технологии и интерфейсы API.</strong></p> <div class="row topicpage-table"> <div class="section"> <dl> <dt class="landingPageList"><a href="/ru/docs/Learn/HTML">Изучение HTML: руководства и уроки</a></dt> <dd class="landingPageList"><strong>Язык гипертекстовой разметки HTML (HyperText Markup Language)</strong> — это основной язык практически для всего веб-контента. Многое из того, что Вы видите в окне браузера, описано с помощью HTML.</dd> <dt class="landingPageList"><a href="/ru/docs/Learn/CSS">Изучение CSS</a></dt> <dd class="landingPageList">Каскадные таблицы стилей CSS (Cascading Style Sheets) — язык стилей, используемый для описания внешнего вида документа HTML.</dd> <dt class="landingPageList"><a href="/ru/docs/Web/Guide/Audio_and_video_delivery">Доставка аудио и видео контента</a></dt> <dd class="landingPageList">Мы можем доставлять аудио и видео контент различными способами. Это могут быть как статичные медиа файлы, так и потоковые данные. Эта статья является отправной точкой в изучении различных механизмов доставки медиа ресурсов и совместимости работы с популярными браузерами.</dd> <dt class="landingPageList"><a href="/ru/docs/Web/Guide/Audio_and_video_manipulation">Обработка аудио и видео </a></dt> <dd class="landingPageList">Веб-технологии примечательны тем, что они позволяют использовать различные инструменты в совокупности. Например, можно проводить манипуляции над имеющимися в браузере аудио и видео потоками с помощью {{htmlelement("canvas")}}, <a href="/en-US/docs/Web/WebGL">WebGL</a> или <a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a>: напрямую изменять аудио и видео, т.е. добавлять эффекты к аудио (реверберацию, компрессор), или к видео (фильтры ч/б, сепия и т.д.). В этой статье рассказывается о том, как это сделать.</dd> <dt class="landingPageList"><a href="/ru/docs/Web/Guide/Events">Руководство разработчика событий</a></dt> <dd class="landingPageList">События связаны с: <ul> <li>Шаблонами проектирования, используемыми для асинхронной обработки инцидентов, возникающих в жизненном цикле веб страницы</li> <li>Именованием, характеризацией и использованием большого количества инцидентов различного типа</li> </ul> </dd> <dt class="landingPageList"><a href="/ru/docs/Web/Guide/AJAX">AJAX</a></dt> <dd class="landingPageList">Это не технология сама по себе, а термин, который описывает «новый» подход к использованию существующих технологий вместе. АJAX включает: HTML или XHTML, CSS, JavaScript, DOM, XML, XSLT, и объект XMLHttpRequest. Когда эти технологии объединяются в модель AJAX, web-приложения способны делать быстрые дополняющие обновления интерфейса пользователя без необходимости полной перезагрузки страницы браузером. Приложения работают быстрее и становятся более отзывчивыми к действиям пользователей.</dd> <dt class="landingPageList"><a href="/ru/docs/Web/Guide/Графика">Графика для Web</a></dt> <dd class="landingPageList">Современным веб-сайтам и веб-приложениям часто требуется отображать графику.</dd> <dt class="landingPageList"><a href="/ru/docs/Web/Guide/API">Уроки по Web API</a></dt> <dd class="landingPageList">Список всех веб-API и как они работают.</dd> <dt><a href="/ru/docs/Web/JavaScript" title="/ru/docs/Web/JavaScript">JavaScript</a></dt> <dd>Мощный скриптовый язык для создания приложений в Web.</dd> <dt class="landingPageList"><a href="/ru/docs/Web/Guide/Localizations_and_character_encodings">Локализация и кодировка символов</a></dt> <dd class="landingPageList">По умолчанию браузер обрабатывает текст в кодировке Юникод (Unicode). При этом, при передаче информации через сеть (network) к браузеру символы кодируются байтами. Стандартом HTML рекомендуется использовать кодировку UTF-8 (так как она может представить любой Unicode символ) и обязательно объявлять, какая кодировка используется в документе.</dd> <dt class="landingPageList"><a href="/ru/docs/Web/Guide/mobile">Веб-разработка под мобильные устройства</a></dt> <dd class="landingPageList">На этой странице даётся обзор основных методов разработки веб-сайтов, корректно работающих на мобильных устройствах. См. также: <a href="/ru/docs/Mozilla/Firefox_для_Android">Firefox для Android</a>.</dd> </dl> </div> <div class="section"> <dl> <dt class="landingPageList"><a href="/ru/docs/Web/Progressive_web_apps">Прогрессивные веб-приложения</a></dt> <dd class="landingPageList">Прогрессивные веб-приложения используют современные веб-API вкупе со стратегией прогрессивного улучшения для создания кросс-платформенных приложений. Такие приложения запускаются везде и обладают рядом характеристик, обеспечивающих пользователей преимуществами, аналогичными тем, что доступны в нативных решениях.</dd> <dt class="landingPageList"><a href="/ru/docs/Web/Guide/Производительность">Оптимизация и производительность </a></dt> <dd class="landingPageList">Создаваемые Вами современные веб-приложения и сайты должны иметь хорошую производительность - работать быстро и эффективно, как на персональных компьютерах (десктоп), так и на менее мощных мобильных устройствах.</dd> <dt class="landingPageList"><a href="/ru/docs/Web/Guide/Parsing_and_serializing_XML">Прямая и обратная обработка XML</a></dt> <dd class="landingPageList">Различные методы обработки XML с помощью web платформы.</dd> <dt class="landingPageList"><a href="/ru/docs/Web/Guide/WOFF">The Web Open Font Format (WOFF)</a></dt> <dd class="landingPageList">WOFF — бесплатный файловый формат шрифтов.</dd> <dt class="landingPageList"><a href="/ru/docs/Web/Guide/Unicode_Bidrectional_Text_Algorithm">Алгоритм обработки текста двусторонней направленности (Unicode Bidirectional Text Algorithm)</a></dt> <dd class="landingPageList">Алгоритм является частью стандарта Юникод. Он описывает в каком порядке выставляет символы браузер при обработке текста Unicode. Руководство поможет при создании международного веб-контента.</dd> <dt class="landingPageList"><a href="/ru/docs/Web/API/FormData/Using_FormData_Objects">Использование объектов FormData</a></dt> <dd class="landingPageList">Объект <code><a href="/en-US/docs/Web/API/FormData">FormData</a></code> позволяет создать набор пар ключ/значение и передать их, используя <code><a href="/en-US/docs/Web/API/XMLHttpRequest">XMLHttpRequest</a>.</code> Объект <code><a href="/en-US/docs/Web/API/FormData">FormData</a></code> предназначен для передачи данных форм, однако может быть использован для передачи пар ключ/значение независимо от форм. Данные передаются в том же формате, как и данные, передаваемые методом <code>{{domxref("HTMLFormElement.submit","submit()")}}</code> формы, с установленной кодировкой <code>enctype="multipart/form-data"</code>.</dd> <dt class="landingPageList"><a href="/ru/docs/Web/Guide/User_input_methods">Пользовательский ввод и управление</a></dt> <dd class="landingPageList">Это руководство содержит рекомендации по обработке пользовательского ввода и внедрению управляющих элементов в веб-приложения. Также здесь Вы найдете соответствующие FAQs, живые примеры, ссылки на более подробные разборы близлежащих технологий.</dd> <dt class="landingPageList"><a href="/ru/docs/Словарь">Словарь (глоссарий терминов)</a></dt> <dd class="landingPageList">Определения и аббревиатуры в мире Web и Internet.</dd> </dl> </div> </div> <h2 id="См._также">См. также</h2> <ul> <li><a href="/ru/docs/Web/Reference">Справочник по веб-технологиям </a></li> </ul>