Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

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

Прежде чем начать

Убедитесь, что вы прочли и хорошо разбираетесь в следующих модулях (First steps, Building blocks, and JavaScript objects). Поскольку без понимая того, как работают те базовые принципы использования API, будет просто невозможно написать какой-либо JavaScript код на стороне клиента! Ведь в этом модуле вы уже приступите к более продвинутому уровню сложности, разбирая основы языка JavaScript и более подробно изучая принципы веб-интерфейсов.

Естественно знание HTML и CSS здесь также необходимо.

Примечание: Если вы работаете на устройстве, где у вас нет возможности создавать свои собственные файлы, вы можете попробовать (большинство) примеры кода в онлайн-программе кодирования, такой как JSBin или Thimble.

Руководства

Введение в различные web API
Прежде всего, мы начнем изучение web API с основ - что это такое, как это работает, как вы используете их в своем коде и как они структурированы? Мы также рассмотрим, что представляют собой различные основные классы API, и какие виды использования у них есть.
Управление документами
При написании веб-страниц и приложений наиболее частое действие, это каким-то образом управлять веб-документами.  Обычно это делается с помощью Document Object Model (DOM), набора API-интерфейсов для управления информацией HTML и стилей, которые используют объект Document. В этой статье мы рассмотрим, как использовать DOM, а также некоторые интересные API, которые могут изменить рабочую среду интересными способами.
Получение данных с сервера
Другой очень распространенной задачей в современных веб-сайтах и приложениях является получение отдельных элементов данных с сервера для обновления разделов веб-страницы без необходимости загрузки абсолютно новой страницы. Эта, казалось бы, небольшая деталь оказала огромное влияние на производительность и поведение сайтов, поэтому в этой статье мы объясним концепцию и рассмотрим технологии, которые позволяют это, например XMLHttpRequest и Fetch API.
Сторонние API
API, которые мы рассмотрели до сих пор, встроены в браузер, но не все API-интерфейсы. Многие крупные веб-сайты и сервисы, такие как Google Maps, Twitter, Facebook, PayPal и т.д., предоставляют API-интерфейсы, позволяющие разработчикам использовать свои данные (например, показывать ваш твиттер-поток в вашем блоге) или сервисы (например, отображение пользовательских карт Google на вашем сайте, или с помощью входа в систему Facebook для входа в систему пользователей). В этой статье рассматривается различие между API-интерфейсами браузера и сторонними API-интерфейсами и показано типичное использование последнего.
Рисование графики
В браузере содержатся очень мощные инструменты графического программирования, начиная с языка Scalable Vector Graphics (SVG) и заканчивая API для рисования элементов HTML <canvas> (см. The Canvas API и WebGL). В статье содержится введение в Canvas API и дополнительные ресурсы, чтобы вы могли узнать больше.
Видео и аудио API
HTML5 поставляется с элементами для размещения мультимедийных материалов в документах - <video> и <audio> - которые, в свою очередь, имеют свои собственные API для управления воспроизведением, поиском и т. д. В статье показано, как выполнять общие задачи, такие как создание пользовательских элементов управления воспроизведением.
Клиентское хранилище
Современные веб-браузеры имеют ряд различных технологий, которые позволяют хранить данные, связанные с веб-сайтами, и извлекать их, когда это необходимо, что позволяет вам сохранять данные в долгосрочной перспективе, сохранять сайты в автономном режиме и многое другое. В этой статье объясняются самые основы того, как они работают.

Метки документа и участники

Внесли вклад в эту страницу: slychai85, qwerst13, MagicMight, Paul_Yuhnovich, chrisdavidmills
Обновлялась последний раз: slychai85,