<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="es_ES"><generator uri="https://jekyllrb.com/" version="4.3.2">Jekyll</generator><link href="https://www.manualweb.net/feed/webapi.xml" rel="self" type="application/atom+xml" /><link href="https://www.manualweb.net/" rel="alternate" type="text/html" hreflang="es_ES" /><updated>2026-01-29T16:33:46+01:00</updated><id>https://www.manualweb.net/feed/webapi.xml</id><title type="html">Manual Web | Webapi</title><subtitle>Tutoriales de programación en español.
</subtitle><author><name>manual_web</name></author><entry><title type="html">Manual WebAPI</title><link href="https://www.manualweb.net/webapi/" rel="alternate" type="text/html" title="Manual WebAPI" /><published>2026-01-29T16:33:46+01:00</published><updated>2026-01-29T16:33:46+01:00</updated><id>https://www.manualweb.net/index</id><content type="html" xml:base="https://www.manualweb.net/webapi/"><![CDATA[<p>Dentro de este <strong>Tutorial Webapi</strong> podrás encontrar los siguientes contenidos:</p>

<p><strong>Conceptos Básicos</strong></p>
<ul>
  
    
    
    <li><a href="/webapi/introduccion-a-las-webapi/">Introducción a las WebAPI</a></li>
  
    
    
    <li><a href="/webapi/especificaciones-webapi/">Especificaciones WebAPI</a></li>
  
</ul>

<h3 id="descargar-manual-webapi">Descargar Manual WebAPI</h3>

<p>Puedes descargarte nuestro <a href="https://www.manualweb.net/WebAPI">Manual WebAPI en formato PDF</a>.</p>

<p>El manual se encuentra en continua revisión, de forma automática la URL proporcionada contendrá la última versión del <strong>Tutorial WebAPI</strong>.</p>

<h3 id="ejemplos-manual-webapi">Ejemplos Manual WebAPI</h3>

<p>A lo largo del <strong>Tutorial WebAPI</strong> se van explicando una serie de ejemplos. Podéis descargaros los ejemplos del <strong>Tutorial WebAPI</strong> desde el GitHub de Manual Web.</p>

<p>Si os gusta el contenido del material y los ejemplos os agradecemos si nos aportáis una estrella en GitHub.</p>

<p><a class="github-button" href="https://github.com/manualweb/manualweb" data-icon="octicon-star" data-style="mega" aria-label="Star manualweb/manualweb on GitHub">Star</a></p>

<h3 id="más-sobre-el-manual-webapi">Más sobre el Manual WebAPI</h3>

<p>Todas las preguntas y dudas sobre WebAPI las puedes consultar en el <a href="https://dudasprogramacion.com/javascript">Foro sobre WebAPI</a>. Y puedes echar un ojo a los <a href="http://lineadecodigo.com/categoria/javascript/">ejemplos sobre el lenguaje WebAPI</a>.</p>

<script id="github-bjs" src="https://buttons.github.io/buttons.js" async="" defer="defer"></script>]]></content><author><name>manual_web</name></author><summary type="html"><![CDATA[Dentro de este Tutorial Webapi podrás encontrar los siguientes contenidos: Conceptos Básicos Introducción a las WebAPI Especificaciones WebAPI]]></summary></entry><entry><title type="html">Especificaciones WebAPI</title><link href="https://www.manualweb.net/webapi/especificaciones-webapi/" rel="alternate" type="text/html" title="Especificaciones WebAPI" /><published>2023-02-04T00:00:00+01:00</published><updated>2023-02-04T00:00:00+01:00</updated><id>https://www.manualweb.net/webapi/especificaciones-webapi</id><content type="html" xml:base="https://www.manualweb.net/webapi/especificaciones-webapi/"><![CDATA[<p>Una vez que en la <a href="https://www.manualweb.net/webapi/introduccion-a-las-webapi/">introducción a las WebAPI</a> hemos visto qué son este tipo de <a href="https://arquitectoit.com/api-management/que-es-una-api/">APIs</a>, ahora vamos a ver que tipos de especificaciones WebAPI existen y cómo se organizan.</p>

<p>Así podríamos decir que las especificaciones WebAPI se podrían agrupar de la siguientes forma:</p>

<h2 id="manipular-documentos">Manipular Documentos</h2>

<p>En este caso hablamos de las APIs que nos permiten modificar el documento que representa una página web, de tal manera que podamos modificar su estructura y contenido.</p>

<p>Las WebAPI que podemos encontrar para <strong>manipular documentos</strong> son:</p>

<ul>
  <li><a href="https://www.manualweb.net/dom/">DOM (Document Object Model)</a></li>
  <li>HTMLDOM (HTML Document Object Model)</li>
  <li>CSSOM (CSS Object Model)</li>
  <li>Encoding API</li>
  <li>HTML Sanitizer API</li>
  <li>Intersection Observer API</li>
  <li>Page Visibility API</li>
  <li>Resize Observer API</li>
  <li>Trusted Types API</li>
</ul>

<h2 id="capacidades-del-navegador">Capacidades del Navegador</h2>

<p>El agente de usuario o navegador en la que se ejecuta nuestra página puede ofrecer información interesante para nuestro desarrollo. Ya sea el concepto básico que es la Consola para poder mostrar información para la depuración del desarrollo o el acceso a los elementos del historial de navegación.</p>

<p>Las WebAPI que podemos encontrar para acceder a las <strong>capacidades del navegador</strong> son:</p>

<ul>
  <li>Console API</li>
  <li>History API</li>
  <li>Clipboard API</li>
  <li>Content Index API</li>
  <li>Fullscreen API</li>
  <li>Payment Request API</li>
  <li>Performance API</li>
  <li>Prioritized Task Scheduling API</li>
  <li>Screen Orientation API</li>
  <li>Visual Viewport API</li>
  <li>Broadcast Channel API</li>
  <li>Channel Messaging API</li>
  <li>URL API</li>
</ul>

<h2 id="obtener-datos-servidor">Obtener Datos Servidor</h2>

<p>Son APIs que permiten recuperar información de forma asíncrona y cargar esa información online sobre la estructura de la página. Esto ayuda a la creación de SPA (Single Page Application) basadas en patrones <strong>AJAX (Asynchronous JavaScript and XML)</strong>.</p>

<p>Las WebAPI que podemos encontrar para <strong>obtener datos del servidor</strong> son:</p>

<ul>
  <li>XMLHttpRequest</li>
  <li>Fetch API</li>
  <li>Beacon API</li>
  <li>Compression Streams API</li>
  <li>Server-sent events</li>
  <li>Service Worker API</li>
  <li>Streams API</li>
</ul>

<h2 id="crear-y-modificar-gráficos">Crear y Modificar Gráficos</h2>

<p>En este caso las APIs están ligadas sobre el elemento <a href="https://w3api.com/HTML/canvas/"><code class="language-plaintext highlighter-rouge">canvas</code></a> de <a href="https://www.manualweb.net/html5/">HTML5</a> permitiendo crear escenas en 2D o 3D. Ya sea una escena 2d con círculos, rectángulos, degradados o filtros o bien una escena en 3D donde ya podamos incluir elementos de iluminación o texturas.</p>

<p>Las WebAPI que podemos encontrar para <strong>crear y modificar gráficos</strong> son:</p>

<ul>
  <li>API Canvas</li>
  <li>WebGL</li>
  <li>CSS Painting API</li>
  <li>CSS Font Loading API</li>
  <li>Encrypted Media Extensions API</li>
  <li>EyeDropper API</li>
  <li>Geometry Interfaces</li>
  <li>Picture-in-Picture API</li>
  <li>Screen Capture API</li>
  <li>Web Animations API</li>
</ul>

<h2 id="gestionar-audio-y-vídeo">Gestionar Audio y Vídeo</h2>

<p>Para poder interactuar con los elementos <a href="https://www.w3api.com/HTML/audio/"><code class="language-plaintext highlighter-rouge">audio</code></a> y <a href="https://www.w3api.com/HTML/video/"><code class="language-plaintext highlighter-rouge">video</code></a> de <a href="https://www.manualweb.net/html5/">HTML5</a> tenemos un conjunto de APIs que nos permiten modificar las pistas, gestionar el inicio, parada, avance o retroceso del audio o hacer otras cosas como capturar la cámara web del dispositivo en el que se ejecute nuestra página.</p>

<p>Las WebAPI que tenemos para <strong>gestionar audio y vídeo</strong> son:</p>

<ul>
  <li>HTMLMediaElement</li>
  <li>Web Audio API</li>
  <li>WebRTC</li>
  <li>Media Capabilities API</li>
  <li>Media Stream API</li>
  <li>Media Source API</li>
  <li>Media Session API</li>
  <li>MediaStream Recording API</li>
  <li>Web MIDI API</li>
</ul>

<h2 id="control-del-dispositivo"><strong>Control del Dispositivo</strong></h2>

<p>Son aquellas que nos permite recuperar información relativa al dispositivo en el que se ejecuta el agente de usuario/navegador y la página web que hemos desarrollado. De esta manera podremos crear notificaciones o saber dónde está geolocalizado el dispositivo.</p>

<p>Las WebAPI que tenemos para <strong>controlar el dispositivo</strong> son:</p>

<ul>
  <li>Geolocation API</li>
  <li>Vibration API</li>
  <li>Notifications API</li>
  <li>Battery Status API</li>
  <li>Device Orientation</li>
  <li>Gamepad API</li>
  <li>Sensor APIs</li>
  <li>Web Share API</li>
</ul>

<h2 id="interacción-del-usuario">Interacción del Usuario</h2>

<p>Algunas APIs nos permiten gestionar cómo el usuario interactua com muestra página y los elementos que contiene, si está utilizando un puntero o si selecciona parte del texto.</p>

<p>Las WebAPI que tenemos para gestionar la <strong>interacción del usuario</strong> son:</p>

<ul>
  <li>UI Events API</li>
  <li>Touch events API</li>
  <li>Drag &amp; Drop API</li>
  <li>Selection API</li>
</ul>

<h2 id="almacenamiento-datos">Almacenamiento Datos</h2>

<p>Son las APIs que permiten almacenar información en el lado del cliente y permitir, de esta manera, que la carga de información o persistencia de información en el cliente sea más sencillo.</p>

<p>Las WebAPI que tenemos para <strong>gestionar el almacenamiento</strong> de datos son:</p>

<ul>
  <li>Storage API</li>
  <li>Storage Access API</li>
  <li>Web Storage API</li>
  <li>IndexedDB API</li>
  <li>File API</li>
  <li>File Systems Access API</li>
  <li>File and Directory Entries API</li>
</ul>

<h2 id="seguridad">Seguridad</h2>

<p>Cada día se estandarizan más funcionalidades de seguridad sobre los navegadores, ya sean para ayudar en los procesos de autenticación, ya sean para gestionar el cifrado de los datos que almacenamos en ellos.</p>

<p>Las WebAPI que nos ayudan con las <strong>capacidades de seguridad</strong> son:</p>

<ul>
  <li>Credential Management API</li>
  <li>Permissions API</li>
  <li>Web Authentication API</li>
</ul>

<p>Puedes encontrar un <a href="https://developer.mozilla.org/es/docs/Web/API">listado completo de WebAPI</a> en la Web de MDN (Mozilla Developer Network) una plataforma colaborativa en la que podemos encontrar mucha documentación sobre <a href="https://www.manualweb.net/html/">HTML</a>, <a href="https://www.manualweb.net/css/">CSS</a>, <a href="https://www.manualweb.net/javascript/">Javascript</a> y <a href="https://www.manualweb.net/webapi/">WebAPIs</a>.</p>]]></content><author><name>manual_web</name></author><summary type="html"><![CDATA[c54503f8-9ca0-4a65-b72b-db44fb1c088f]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://www.manualweb.net/c54503f8-9ca0-4a65-b72b-db44fb1c088f" /><media:content medium="image" url="https://www.manualweb.net/c54503f8-9ca0-4a65-b72b-db44fb1c088f" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry><title type="html">Introducción a las WebAPI</title><link href="https://www.manualweb.net/webapi/introduccion-a-las-webapi/" rel="alternate" type="text/html" title="Introducción a las WebAPI" /><published>2023-02-03T00:00:00+01:00</published><updated>2023-02-03T00:00:00+01:00</updated><id>https://www.manualweb.net/webapi/introduccion-a-las-webapi</id><content type="html" xml:base="https://www.manualweb.net/webapi/introduccion-a-las-webapi/"><![CDATA[<p>##</p>]]></content><author><name>manual_web</name></author><summary type="html"><![CDATA[dd2b460a-4147-40de-ad86-f780433ee4f7]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://www.manualweb.net/dd2b460a-4147-40de-ad86-f780433ee4f7" /><media:content medium="image" url="https://www.manualweb.net/dd2b460a-4147-40de-ad86-f780433ee4f7" xmlns:media="http://search.yahoo.com/mrss/" /></entry></feed>