En más de una ocasión hemos hablado de las bondades de JavaScript para el desarrollo de proyectos digitales. Este lenguaje de programación se ha convertido en un must dentro del desarrollo, no solo por la parte del front-end, que era lo más habitual, también por el lado del back-end (marcos de desarrollo, bases de datos y entornos de desarrollo por la capa del servidor). Sintaxis completa, con enormes oportunidades y de gran salida profesional.
Por el lado del front-end, diseñadores de todo el mundo utilizan infinidad de librerías JavaScript para implementar funcionalidades y características dinámicas a sus proyectos. Es en este lenguaje donde residen todas las potencionalidades que un desarrollador puede darle, por ejemplo, a una web. Algunas de estas librerías son de código abierto: acceso libre y gratuito. Esto es un listado con algunas de las más usadas por los desarrolladores.
jQuery es una librería JavaScript que permite la manipulación de documentos HTML en el DOM y los estilos CSS, la gestión de eventos, efectos y animaciones, AJAX y una API que facilita mucho la labor de los desarrolladores, compatible con todos los navegadores de última generación. El diseñador diseña, jQuery se encarga de que ese diseño se sirva sin problemas en todos los escenarios. Es una de las librerías más empleadas dentro del mundo del diseño para la creación de proyectos digitales responsive (con una variedad específica de jQuery llamada jQuery Mobile), un único diseño para todos los entornos (escritorio, móvil y tableta). Su versatilidad y capacidad para aumentar los recursos con plugins la convierten en una referencia real. Grandes compañías como Google, Microsoft e IBM la usan en sus productos.
jQuery tiene algunas otras ventajas que la hacen tan popular:
– La programación de los estilos es muy similar al tradicional CSS. Si el diseñador tiene conocimientos en CSS, su adaptación es sencilla.
– Encadenamiento de enunciados. Se pueden manipular distintos elementos a la vez con una única línea de código. Simplicidad.
– Es realmente sencillo añadirla a cualquier página web. Para incluir dentro del código debemos colocar el <script> dentro del <head> así:
<head>
<script src = “jquery-1.11.3.min.js”> </ script>
</ head>
Es recomendable colocar el archivo JavaScript descargado en el mismo directorio utilizado para alojar las páginas web donde usemos jQuery.
Dentro de esta librería de front-end existen dos versiones distintas, dependiendo del tipo de uso que se haga de la librería.
– Versión de producción: una versión de jQuery disponible para páginas web con el código ya compactado y comprimido.
– Versión de desarrollo: para pruebas (código sin comprimir).
html5sql es una librería JavaScript pensada especialmente para trabajar con la base de datos Web SQL para HTML5. Proporciona una estructura donde es posible el procesamiento de sentencias SQL en una única transacción (operaciones tratadas como una sola unidad). Todas las características de html5sql están pensadas para agilizar el desarrollo front-end:
– Capacidad de proceso de secuencias SQL de varias formas distintas:
– Como una sola serie de sentencias SQL.
– Como una matriz de cadenas de sentencias SQL.
– Como un conjunto de objetos de sentencias SQL.
– Como una cadena que contiene varias sentencias SQL, cada una de las cuales finaliza en un punto y coma.
– A partir de un archivo separado con instrucciones SQL.
– Dar un marco para el control de versiones de una base de datos.
RequireJS es una biblioteca JavaScript basada en la especificación AMD (Asynchronous Module Definition), que nos permite definir módulos y declarar explícitamente las dependencias necesarias para cada uno de los módulos de una aplicación hecha en JavaScript. RequireJS es una librería muy útil porque esta sintaxis no trae por defecto una manera de declarar módulos explícitamente sin añadir un número enorme de etiquetas script al código.
Un ejemplo del código mediante el que se declaran módulos con la especificación AMD en JavaScript:
// miModulo.js
define([‘dep1’, ‘dep2’], function (dep1, dep2) {
var miModulo = function(){
//Haz algo
//Usa cualquier atributo de las dependencias
dep1.atributo
}
return miModulo;
});
Algunas de las características fundamentales de RequireJS:
– Carga y descarga dinámica de dependencias.
– Declaración explícita de dependencias.
– Capacidad para crear módulos extensibles.
– Posibilidad de definir el nombre de nuestros módulos.
– Asignación de dependencias a una variable dentro de un módulo.
– Gestión de timeouts.
– Compatible con la mayoría de navegadores del mercado: Internet Explorer, Mozilla Firefox, Google Chrome, Safari y Opera.
Al final el objetivo de RequireJS es establecer un enfoque distintos en la carga de la escritura de las tradicionales etiquetas script de JavaScript. RequireJS lo que hace es apostar por el código modular, es decir, una sintaxis basada en identificadores de módulos en vez de direcciones URL. RequireJS lo que hace es cargar el código a partir de una baseURL, que normalmente se establece dentro del mismo directorio que el script. La librería hace una llamada al código y carga la página cuando comprueba ese atributo principal de datos.
<!–This sets the baseUrl to the “scripts” directory, and
loads a script that will have a module ID of ‘main’–>
<script data-main=”scripts/main.js” src=”scripts/require.js”></script>
BonsaiJS es una librería JavaScript para la creación de gráficos SVG, animaciones e incorporación de archivos de audio, vídeo e imágenes sin problemas. Lo interesante del uso de JavaScript para la creación de visualizaciones de datos es que la carga de los datos siempre se hace en el navegador, por el lado del cliente, y nunca por el lado del servidor. Es la forma ideal de tener gráficos y animaciones de gran calidad sin coste añadido.
PrismJS es una librería JavaScript específica para el resaltado de código en el texto de una página web. Se encarga de aplicar estilos a la sintaxis en función del tipo de lenguaje que estemos empleando. Los lenguajes que vienen por defecto son el trío habitual del diseño (HTML, JS y CSS), pero en la descarga de la librería se puede personalizar para resaltar otro tipo de lenguajes.
PrismJS dispone de cinco temas distintos, seis plugins para ampliar sus funcionalidades y la posibilidad de resaltar hasta 15 sintaxis diferentes (no sólo HTML o JavaScript, también Java, C, PHP, Python, CoffeeScript…).
Una vez descargada la librería, se coloca una llamada en el código HTML de la web, concretamente en el <head> y en el <body>, y a partir de ahí usando las etiquetas <pre> y <code> se puede empezar a resaltar el código que se quiera:
Infinity.js es una librería que permite cambiar el estilo de la paginación habitual en una web. Un diseñador o un desarrollador puede cargar entradas nuevas a medida que el usuario hace scroll y llega al final de la página. Esa carga constante de nueva información se hace a partir de lotes y hasta el infinito, de ahí el nombre de la librería. Cuando el lector llega al final, se cargan más entradas. Es lo que los desarrolladores llaman una UITableView, herramienta que nos posibilita mostrar nuevo contenido en formato lista.
Esta librería de código abierto fue desarrollada por el sitio de intercambio de alojamiento para turistas Airbnb, se distribuye bajo licencia BSD (Berkeley Software Distribution) y el código está disponible en GitHub. Para usarla es necesario tener instalada primero la librería jQuery.
– Código para empezar a funcionar con Infinity.js:
var $el = $(‘#my-infinite-container’);
var listView = new infinity.ListView($el);
// … When adding new content:
var $newContent = $(‘<p>Hello World</p>’);
listView.append($newContent);
// … To remove items from a list:
var listItems = listView.find(‘.my-items’);
for(var index = 0, length = listItems.length; index < length; index++) {
Llevar a un cliente por todo el proceso de compra hasta que este se formaliza es un viaje arduo y que se enfrenta a la posibilidad constante de abandono. Sin embargo, hay formas de lograr que la decisión de compra se haga realidad si se le dan facilidades como una financiación ágil, segura y adaptada a lo que necesita.
En un mundo conectado, las APIs son el pegamento que une todas las piezas que forman nuestra vida diaria. Y de la misma forma que un pegamento solo es potente si sabemos en qué material utilizarlo y conocemos sus propiedades, las APIs son tan útiles como su documentación permita.
Existen diferentes soluciones para monitorizar el rendimiento de una API, tanto en términos de tráfico como de calidad y rapidez de las respuestas que proporciona. Detectar fallos en el código o cuantificar los ingresos que genera también son algunas de las opciones que ofrecen estas útiles herramientas.
Por favor, si no lo encuentras, recuerda revisar la sección de correo no deseado
×
El correo electrónico con tu ebook está en camino
Te hemos enviado dos mensajes. Uno con el ebook solicitado y otro para confirmar tu correo electrónico y empezar a recibir la newsletter de BBVA API_Market
×
TRATAMIENTO DE DATOS PERSONALES
¿Quién es el Responsable del tratamiento de tus datos personales?
Banco Bilbao Vizcaya Argentaria, S.A. (“BBVA”), con domicilio social en Plaza de San Nicolás 4, 48005, Bilbao, España, C.I.F. A-48265169 Dirección de correo electrónico: contact.bbvaapimarket@bbva.com
¿Para qué y por qué utilizamos tus datos personales?
Para aquellas de las siguientes actividades para la que nos prestes tu consentimiento marcando la casilla correspondiente:
para la ejecución y gestión de tu solicitud, en concreto, recibir la newsletter de BBVA API_Market por medios electrónicos;
para enviarte comunicaciones comerciales, eventos y encuestas relativas a BBVA API_Market a la dirección de correo electrónico que nos hayas facilitado.
¿Durante cuánto tiempo conservaremos tus datos?
Conservaremos tus datos hasta que te des de baja para dejar de recibir nuestra newsletter o, en su caso, las comunicaciones comerciales, eventos y encuestas a las que te hayas suscrito. Tanto si te das de baja como si BBVA decide finalizar el servicio, tus datos serán eliminados.
¿Cómo puedo darme de baja para dejar de recibir la newsletter y/o comunicaciones de BBVA API_Market?
Puedes darte de baja en cualquier momento y sin necesidad de indicarnos ninguna justificación, remitiendo un correo electrónico a la siguiente dirección: contact.bbvaapimarket@bbva.com
¿A quién comunicaremos tus datos?
No cederemos tus datos personales a terceros, salvo que estemos obligados por una ley o que tú lo consientas previamente.
¿Cuáles son tus derechos cuando nos facilitas tus datos?
Consultar los datos personales que se incluyan en los ficheros de BBVA (derecho de acceso)
Solicitar la modificación de tus datos personales (derecho de rectificación)
Solicitar que no se traten tus datos personales (derecho de oposición)
Solicitar la supresión de tus datos personales (derecho de supresión)
Limitar el tratamiento de tus datos personales en los supuestos permitidos (limitación del tratamiento)
Recibir así como a transmitir a otra entidad, en formato electrónico, los datos personales que nos hayas facilitado y aquellos que se han obtenido de tu relación con BBVA (derecho de portabilidad)
Te responsabilizas de la veracidad de los datos personales que facilitas a BBVA y de mantenerlos debidamente actualizados.
Si consideras que no hemos tratado tus datos personales de acuerdo con la normativa, puedes contactar con el Delegado de Protección de Datos en la dirección dpogrupobbva@bbva.com
Puedes encontrar más información en el documento “Política de Protección de Datos Personales” de esta página web.
×
TRATAMIENTO DE DATOS PERSONALES
¿Quién es el Responsable del tratamiento de tus datos personales?
Banco Bilbao Vizcaya Argentaria, S.A. (“BBVA”), con domicilio social en Plaza de San Nicolás 4, 48005, Bilbao, España, C.I.F. A-48265169 Dirección de correo electrónico:contact.bbvaapimarket@bbva.com
¿Para qué y por qué utilizamos tus datos personales?
Para la ejecución y gestión de tu solicitud, en concreto, descargar el e-book/s solicitado.
BBVA informa te informa de que, salvo que indiques tu oposición enviando un correo a la siguiente dirección:contact.bbvaapimarket@bbva.com, BBVA podrá enviarte comunicaciones comerciales, encuestas y eventos relativas a productos y/o servicios de BBVA API Market a través de medios electrónicos.
¿Durante cuánto tiempo conservaremos tus datos?
Conservaremos tus datos mientras sea necesario para la gestión de la solicitud, así como para el envío de comunicaciones comerciales, eventos y/o, encuestas. BBVAconservará tus datos hasta que te des de baja para dejar de recibir dichas comunicaciones o, en su caso, hasta que finalice el servicio.Después, destruiremos tus datos.
¿Cómo puedo darme de baja para dejar de recibir newsletters y/o comunicaciones de BBVA API Market?
Puedes darte de baja en cualquier momento y sin necesidad de indicarnos ninguna justificación, remitiendo un correo electrónico a la siguiente dirección:contact.bbvaapimarket@bbva.com
¿A quién comunicaremos tus datos?
No cederemos tus datos personales a terceros, salvo que estemos obligados por una ley o que tú lo consientas previamente.
¿Cuáles son tus derechos cuando nos facilitas tus datos?
Consultar los datos personales que se incluyan en los ficheros de BBVA (derecho de acceso)
Solicitar la modificación de tus datos personales (derecho de rectificación)
Solicitar que no se traten tus datos personales (derecho de oposición)
Solicitar la supresión de tus datos personales (derecho de supresión)
Limitar el tratamiento de tus datos personales en los supuestos permitidos (limitación del tratamiento)
Recibir así como a transmitir a otra entidad, en formato electrónico, los datos personales que nos hayas facilitado y aquellos que se han obtenido de tu relación con BBVA (derecho de portabilidad)
Puedes ejercitar ante BBVA los citados derechos a través de la siguiente dirección:contact.bbvaapimarket@bbva.com
Te responsabilizas de la veracidad de los datos personales que facilitas a BBVA y de mantenerlos debidamente actualizados.
Si consideras que no hemos tratado tus datos personales de acuerdo con la normativa, puedes contactar con el Delegado de Protección de Datos de BBVA en la dirección dpogrupobbva@bbva.com
Puedes encontrar más información en el documento “Política de Protección de Datos Personales ” de esta página web.
Banco Bilbao Vizcaya Argentaria, S.A. titular de este portal utiliza cookies y/o tecnologías similares propias y de terceros para fines técnicos, de personalización, analíticos, de publicidad comportamental o publicidad relacionada con tus preferencias sobre la base de un perfil elaborado a partir de tus hábitos de navegación (por ejemplo, páginas visitadas). Si deseas obtener información más detallada, consulta nuestra Política de Cookies.
Panel de configuración de cookies
Este es el configurador avanzado de cookies propias y de terceros. Aquí puedes modificar parámetros que afectarán directamente a tu experiencia de navegación en esta web.
Cookies técnicas (necesarias)
Estas cookies son importantes para darte acceso seguro a zonas con información personal o para reconocerte cuando inicias sesión.
Denominación
Titular
Duración
Finalidad
gobp.lang
BBVA
1 mes
Preferencia de idioma
aceptarCookies
BBVA
1 año
Configuración Cookies aceptadas
_abck
BBVA
1 año
Ayuda a protegerse contra los ataques de sitios web maliciosos
bm_sz
BBVA
4 horas
Ayuda a protegerse contra los ataques de sitios web maliciosos
ADRUM_BTs
Salesforce Marketing Cloud
Sesión
Requerido para la supervisión del servicio, inherente al SFMC
ADRUM_BT1
Salesforce Marketing Cloud
Sesión
Requerido para la supervisión del servicio, inherente al SFMC
ADRUM_BTa
Salesforce Marketing Cloud
Sesión
Requerido para la supervisión del servicio, inherente al SFMC
ADRUM_BT
Salesforce Marketing Cloud
Sesión
Requerido para la supervisión del servicio, inherente al SFMC
xt_0d95e
Salesforce Marketing Cloud
Sesión
Recordar las preferencias del usuario (si las hay)
__s9744cdb192d044faa1bf201d29fafd1e
Salesforce Marketing Cloud
Sesión
Recordar las preferencias del usuario (si las hay)
wpml_browser_redirect_test
WPML
Sesión
Traducción de textos del portal
wp-wpml_current_language
WPML
24 horas
Traducción de textos del portal
Permiten medir, de forma anónima, el número de visitas o la actividad. Gracias a ellas podemos mejorar constantemente tu experiencia de navegación.
Dispones de una mejora continua en la experiencia de navegación.
Con tu selección no podemos ofrecerte una mejora continua en la experiencia de navegación.
Denominación
Titular
Duración
Finalidad
AMCV_***
Adobe Analytics
Sesión
ID de visitante único que se usan en las soluciones de Marketing Cloud
AMCVS_***
Adobe Analytics
2 años
ID de visitante único que se usan en las soluciones de Marketing Cloud
demdex (safari)
Adobe Analytics
180 días
Crear y almacenar identificadores únicos y persistentes
sessionID
Adobe Analytics
Sesión
Cookie interna de Launch usada para identificar al usuario
gpv_URL
Adobe Analytics
Sesión
plugin Adobe Analytics: getPreviousValue Capturar el valor de una determinada variable en la siguiente vista de página, en este caso la prop1
gpv_level1
Adobe Analytics
Sesión
Cookie utilizada para almacenar el levl1 del DataLayer de la página anterior.
gpv_pageIntent
Adobe Analytics
Sesión
Cookie utilizada para almacenar el pageIntent de la página anterior.
gpv_pageName
Adobe Analytics
Sesión
Cookie utilizada para almacenar el pagename de la página anterior.
aocs
Adobe Analytics
Sesión
Cookie que almacena los primeros valores recogidos al inicio de un proceso.
TTC
Adobe Analytics
Sesión
Cookie usada para almacenar el tiempo transcurrido entre el evento App Page Visit y App Completed.
TTCL
Adobe Analytics
Sesión
Cookie usada para almacenar el tiempo transcurrido entre el evento LogIn y App Completed.
s_cc
Adobe Analytics
Sesión
Determinar si las cookies están activas
s_hc
Adobe Analytics
Sesión
Cookie usada por Adobe con propositos de analítica.
s_ht
Adobe Analytics
Sesión
Cookie usada por Adobe con propositos de analítica.
s_nr
Adobe Analytics
2 años
Determinar el número de visitas de usuario
s_ppv
Adobe Analytics
Persistente
plugin Adobe Analytics: getPercentPageViewed Determinar el procentaje de página que visualiza un usuario
s_sq
Adobe Analytics
Sesión
Funcionalidades ClickMap/ActivityMap
s_tp
Adobe Analytics
Sesión
Cookie usada por Adobe con propositos de analítica.
s_visit
Adobe Analytics
2 años
Cookie usada por Adobe para saber cunado una sesión se ha iniciado.
Permiten que la publicidad que te mostramos sea personalizada y relevante para ti. Gracias a estas cookies no verás anuncios que no te interesen.
Dispones de una publicidad adaptada a ti y a tus preferencias.
Con tu selección pierdes la personalización de la publicidad, solo verás anuncios genéricos.
Denominación
Titular
Duración
Finalidad
OT2
VersaTag
90 días
Cookie de VersaTag usada para almacenar un id de usuario y el numero de visitas del usuario.
u2
VersaTag
90 días
Cookie de VersaTag en la que se almacena el ID del usuario
TargetingInfo 2
MediaMind
1 año
Cookie que sirve para asignar un número unico random que genera MediaMind.
Estas cookies están relacionadas con características generales como, por ejemplo, el navegador que utilizas.
Dispones de una experiencia y contenidos personalizados.
Con tu selección no podemos ofrecerte una navegación y contenidos personalizados.
Denominación
Titular
Duración
Finalidad
mbox
Adobe Target
9 días
Cookie usada por Adobe Target para hacer test de personalizacion de experencia del usuario.
×
Parece que estás navegando desde México, así que vamos a mostrarte el contenido personalizado para tu localización. Cambiar
Parece que estás navegando desde España, así que vamos a mostrarte el contenido personalizado para tu localización. Cambiar
Selecciona el país
Para poder acceder al área privada y sandbox correspondiente, selecciona el país de las APIs que quieres utilizar.
×
×
×
Preferencias de Navegación
Elige el país del que quieres que te mostremos su contenido por defecto.