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

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

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

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

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

Note: If you are working on a device where you don't have the ability to create your own files, you could try out (most of) the code examples in an online coding program such as JSBin or Thimble.

Руководства

Введение в различные web API
Прежде всего, мы начнем изучение web API с основ - что это такое, как это работает, как вы используете их в своем коде и как они структурированы? Мы также рассмотрим, что представляют собой различные основные классы API, и какие виды использования у них есть.
Управление документами
При написании веб-страниц и приложений наиболее частое действие, это каким-то образом управлять веб-документами.  Обычно это делается с помощью Document Object Model (DOM), набора API-интерфейсов для управления информацией HTML и стилей, которые используют объект Document. В этой статье мы рассмотрим, как использовать DOM, а также некоторые интересные API, которые могут изменить рабочую среду интересными способами.
Fetching data from the server
Another very common task in modern websites and applications is retrieving individual data items from the server to update sections of a webpage without having to load an entirely new page. This seemingly small detail has had a huge impact on the performance and behavior of sites, so in this article, we'll explain the concept, and look at technologies that make it possible, such as XMLHttpRequest and the Fetch API.
Third party APIs
The APIs we've covered so far are built into the browser, but not all APIs are. Many large websites and services such as Google Maps, Twitter, Facebook, PayPal, etc. provide APIs allowing developers to make use of their data (e.g. displaying your twitter stream on your blog) or services (e.g. displaying custom Google Maps on your site, or using Facebook login to log in your users). This article looks at the difference between browser APIs and 3rd party APIs and shows some typical uses of the latter.
Drawing graphics
The browser contains some very powerful graphics programming tools, from the Scalable Vector Graphics (SVG) language, to APIs for drawing on HTML <canvas> elements, (see The Canvas API and WebGL). Ths article provides an introduction to the Canvas API, and further resources to allow you to learn more.
Video and audio APIs
HTML5 comes with elements for embedding rich media in documents — <video> and <audio> — which in turn come with their own APIs for controlling playback, seeking, etc. This article shows you how to do common tasks such as creating custom playback controls.
Client-side storage
Modern web browsers feature a number of different technologies that allow you to store data related to web sites and retrieve it when necessary allowing you to persist data long term, save sites offline, and more. This article explains the very basics of how these work.

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

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