Para muchos que están en el mundo del desarrollo web, saben que los navegadores implementan extensiones que realizan funciones específicas, como la interacción con redes sociales como Facebook, Twitter, etc. Por otro lado, hay otras extensiones que sincronizan los marcadores entre el navegador y un servidor que los guarda. En conclusión, un sinfín de extensiones que ayudan al usuario a tener una mejor experiencia usando el navegador preferido.
La finalidad de este artículo es presentar que el famoso navegador Google Chrome va más allá de la extensiones. En él pueden desarrollar aplicaciones que para muchas personas sería algo nuevo, pero lo es relativamente, debido a que recientemente Google lanzó la versión número 23 de Chrome, la cual soporta las nuevas APIs para desarrollar, y la última actualización ha sido la versión 25, lo que hace que existan nuevas API’s y las actuales sean más maduras y que las betas lo sean menos.
Para los que somos seguidores de Chrome no es nada nuevo, ya que en el evento de Google IO 2012 pudimos ver la presentación llamada “La próxima generación de las aplicaciones de Chrome”, donde ingenieros que trabajan en Google presentaron espectaculares ejemplos donde cualquier desarrollador empedernido quedaría con las ganas de hacer una para gustos propios o para algún cliente.
Lo más llamativo de todo esto es que Google le ha dado una fuerte promoción a estas APIs a través de manuales, vídeos y teleconferencias, para que los fanáticos y desarrolladores vean los ejemplos y que los mismos muestran, por ejemplo:
En el siguiente enlace que te tiene la presentación en el evento se podrán ver algunos de los ejemplos mencionados en la pequeña lista de ejemplos. Pero el vídeo está en inglés. Hasta el día de hoy no existe una versión traducida o subtitulada, que sería la ideal para comunidad de habla hispana. Con este otro enlace se puede ver una lista de vídeo con muchos ejemplos, eso sí, todo en inglés.
La duda que viene a la mente es si necesitaría aprender un nuevo lenguaje de programación extra. De ninguna manera, solamente con tener conocimientos en los siguientes lenguajes de programación, ya se tiene un paso adelantado:
En el siguiente ejemplo se hará el clásico “Hola Mundo” que es muy usado por las personas cuando empiezan una nueva aventura de código, lo mejor es iniciar por una aplicaciones sencilla.
Los siguientes archivos son los que usaremos en nuestra app, además se explicará su función específica.
manifest.json
{
"manifest_version": 2,
"name": "Hello World",
"version": "1",
"minimum_chrome_version": "23",
"icons": {
"16": "icon_16.png",
"128": "icon_128.png"
},
"app": {
"background": {
"scripts": ["main.js"]
}
}
}
Explicación:
EL código es el corazón de la aplicación, ya que establece los requisitos que se necesitan para que el resultado esperado se muestre.
chrome.app.runtime.onLaunched.addListener(function() {
chrome.app.window.create('index.html',
{width: 500, height: 309});
});
Explicación:
El código muestra 3 líneas que realizarán los eventos para ver el aplicativo en acción.
<html>
<head>
<meta charset="utf-8">
<title>Hello World</title>
<link href="styles/main.css" rel="stylesheet">
</head>
<body>
<h1>Hola, Mundo!</h1>
</body>
</html>
Explicación:
Es el clásico código HTML y con el mensaje de “Hola, Mundo!”
main.css:
h1 {
text-align: center;
width: 100%;
line-height: 120%;
padding-top: 200px;
font-family: Arial, sans-serif;
color: rgb(66,66,66);
letter-spacing: -0.05em;
}
Explicación:
Estilos para la etiqueta que tiene el mensaje.
El resultado es el esperado.
Para ver el repositorio que contiene los ejemplos donde se usan estas nuevas apis es el siguiente:
Con la información brindada solo falta pensar un una aplicación y comenzar a escribir código. Sólo falta decir una frase muy motivadora
“HAPPY CODING”
Compartir en redes sociales
Usuarios: 
01 de febrero de 2013
Valoración del artículo:
