Please enable JavaScript.
Coggle requires JavaScript to display documents.
API's de JavaScript (Canvas (Añadido en HTML5, el elemento HTML <…
API's de JavaScript
Canvas
Añadido en HTML5, el elemento HTML <canvas> se puede usar para dibujar gráficos mediante scripting en JavaScript. Por ejemplo, se puede usar para hacer gráficas, composiciones fotográficas, crear animaciones, o incluso procesado o renderizado de vídeo en tiempo real.
Las aplicaciones de Mozilla soportan <canvas> desde Gecko 1.8 (es decir, Firefox 1.5). El elemento fue inicialmenmte presentado por Apple para el Dashboard de OS X y Safari. Internet Explorer soporta <canvas> desde la versión 9 en adelante; para versiones anteriores de IE, se puede añadir soporte para <canvas> a una página incluyendo un script del proyecto de Google Explorer Canvas. Google Chrome y Opera 9 también soportan <canvas>.
El elemento <canvas> también se usa en WebGL para dibujar gráficos 3D con aceleración por hardware en páginas web.
Drag and Drop
La función de arrastrar y soltar (Drag and Drop, DnD) tiene una gran importancia en HTML5. En la especificación se define un mecanismo basado en eventos, el API de JavaScript y elementos de marcado adicionales para indicar que prácticamente cualquier tipo de elemento de una página se pueda arrastrar.
Es difícil tener algo en contra de la compatibilidad nativa de un navegador con una determinada función. La compatibilidad nativa del navegador con la función DnD permite ofrecer aplicaciones web más interactivas.
Geolocation
La API de geolocalización permite al usuario compartir su ubicación a las aplicaciones web si así lo desea. Por razones de privacidad, al usuario se le pide que confirme el permiso para proporcionar información de ubicación.
-
File
-
Éstos son generalmente recuperados através de un objeto FileList retornado como resultado de un usuario seleccionado archivos por medio de un elemento input, desde las operaciones drag y drop de un objeto DataTransfer , o desde la API mozGetAsFile() en un HTMLCanvasElement.
La referencia al archivo puede ser almacenada cuando el formulario en enviado mientras el usuario esta desconectado, para que los datos puedan ser recuperados y subidos una vez que la conexión a Internet sea reestablecida.
Storage
La propiedad localStorage te permite acceder al objeto local Storage. localStorage es similar a sessionStorage
La única diferencia es que, mientras los datos almacenados en localStorage no tienen fecha de expiración, los datos almacenados en sessionStorage son eliminados cuando finaliza la sesion de navegación - lo cual ocurre cuando se cierra el navegador.
Con sessionStorage los datos persisten sólo en la ventana/tab que los creó, mientras que con localStorage los datos persisten entre ventanas/tabs con el mismo origen
WebWorkers
Los Web Workers dedicados proveen un medio sencillo para que el contenido web ejecute scripts en hilos en segundo plano
Una vez creado, un worker puede enviar mensajes a la tarea creada mediante envio de mensajes al manejador de eventos especificado por el creador.
Sin embargo, los workers trabajan dentro de un contexto global diferente de la ventana actual (usar el atajo window en lugar de self con el fin de obtener el scope actual dentro de un Worker retornaría, de hecho, un error).
History
-
La History interfaz permite la manipulación del historial de sesiones del navegador , es decir, las páginas visitadas en la pestaña o el marco en el que se carga la página actual.
Offline
Firefox 3 introduce dos nuevos eventos: "online" y "offline". Estos dos eventos son iniciados en el <body> de cada página cuando el usuario cambia de modo online a offline. Además, los eventos emergen desde document.body a document, terminando en window. Ambos eventos son no-cancelables (no se puede evitar que el usuario pase a modo online u offline).
Forms
Los elementos FORM comparten todas las propiedades y métodos de los otros elementos HTML descritos en el capítulo del elemento. También tienen la interfaz especial HTMLFormElement.
-
JQuery
jQuery es una JavaScript Library que se enfoca en simplificar la manipulación del DOM, llamadas AJAX y manejo de Event
-
jQUery usa un formato, $(selector).action() para asignar elementos a un evento. Para explicarlo con mayor detalle, $(selector) hara que jQuery seleccione los elementos selector y los asigne a un evento API llamado .action().
Google Maps
La API de Google Maps es la que se utiliza para mostrar los mapas de Google en nuestras páginas webs, que hasta ahora venía siendo gratuito
Además, la buena noticia es que contaremos con un crédito mensual, que Google nos da, con el que podremos ir pagando si superamos las visitas.
Communication
Las API de comunicación son API que brindan a los desarrolladores la capacidad de integrar llamadas de voz, mensajes de texto y otras funciones de comunicación en una aplicación de software o producto.
Por ejemplo, la voz programable y la mensajería programable son dos tipos de API de comunicación que proporciona el ancho de banda.