search

mozillahispano / blog-labs

Seguimiento de las tareas del blog de Labs
3 stars 4 forks source link

Beyond Offline #52

Closed jvillalobos closed 8 years ago

jvillalobos commented 8 years ago

https://hacks.mozilla.org/2015/12/beyond-offline/

SoftwareRVG commented 8 years ago

Hola Jorge

¿Puedes asignarme esta traducción?. Respecto a la anterior la he pasado a revisión. Era mi primera tarea. Si hay algun paso, enlace ,documento,u otra acción que realizeis de otro modo al que yo lo he hecho, me lo dices para aplicarlo en mis siguientes tareas.

Saludos. Rober Villar

Josexv1 commented 8 years ago

@SoftwareRVG trata de enviar la traducción en un Documento de Google, para que sea mas fácil de editar. Editas, y publicas el link aca.

SoftwareRVG commented 8 years ago

De acuerdo. El anterior lo he pasado en google docks tambien. en el último comentario que he hecho está el enlace. Aqui tienes el de DevTools Reload _publicacion de Soledad Penadés: https://docs.google.com/document/d/1Vnx8XOT0LJU6Xc_W-sKsssZaPps_9pQcpCJmC3_7SJo/edit?usp=sharing Gracias Jose .

Saludos Rober Villar

SoftwareRVG commented 8 years ago

Mas allá, sin conexión

Por Salva

Publicado el 21 Diciembre, 2015 en ServiceWorkers

Esta es mi primera publicación en Mozilla,y aparte de mi blog personal , esta es mi primera publicación como mozillian (yay!). Durante este mes he estado trabajando en el Service Worker Cookbook project —parte de el Web Application Developer Initiative (WADI)— Que me ha dado la oportunidad de poner mi experiencia en ServicesWorkers a la práctica mientras que al mismo tiempo aprendía nuevas maneras de aprovechar esta excitante nueva tecnología web para el bien de la Web. Permitidme compartir con vosotros algunos de mis últimos pensamientos.

En la publicación previa de esta serie participó mi compañero David Walsh hablando sobre Caché de Aplicación y su falta de flexibilidad,por lo que no voy a profundizar mas en este tema. Sin embargo revisaré algo mas las recetas disponibles en el Service Worker Cookbook. David lo presentó y explicó algunas recetas fuera de linea; Yo quiero ir un poco mas allá y ver algunos otros usos de Service Workers.

Service workers hoy

SoftwareRVG commented 8 years ago

Mas allá, sin conexión

Por Salva

Publicado el 21 Diciembre, 2015 en ServiceWorkers

Esta es mi primera publicación en Mozilla,y aparte de mi blog personal , esta es mi primera publicación como mozillian (yay!). Durante este mes he estado trabajando en el Service Worker Cookbook project —parte de el Web Application Developer Initiative (WADI)— Que me ha dado la oportunidad de poner mi experiencia en ServicesWorkers a la práctica mientras que al mismo tiempo aprendía nuevas maneras de aprovechar esta excitante nueva tecnología web para el bien de la Web. Permitidme compartir con vosotros algunos de mis últimos pensamientos.

En la publicación previa de esta serie participó mi compañero David Walsh hablando sobre Caché de Aplicación y su falta de flexibilidad,por lo que no voy a profundizar mas en este tema. Sin embargo revisaré algo mas las recetas disponibles en el Service Worker Cookbook.. David lo presentó y explicó algunas recetas fuera de linea; Yo quiero ir un poco mas alla y ver algunos otros usos de Service Workers.

Service workers hoy

A pesar de haber estado en desarrollo durante algún tiempo,solo ahora comenzamos a escuchar que Service Workers está siendo utilizado líbremente. En resumen, esta API fué entregada originalmente para corregir lo que el caché de la aplicación hacía mal. la arqueología web revela que la intención fué precisamente fijar caché fuera de linea, permitiendo a los desarrolladores webconstruir URL amigable,por defecto aplicaciones fuera de linea por capas de una manera fiable..

El planteamiento inicial introdujo el concepto de control de la navegación a través de un concepto que se desarrolló dentro de Service Worker’s recuperar la funcionalidad en el acto: una manera de interceptar solicitudes de red y dar respuesta con los datos obtenidos, bases de datos o procedimiento generado. ¿La mejor parte? Las páginas controladas no tienen que saber que en realidad están siendo pirateadas (a pesar de que se les puede decir) por lo que la lógica del servicio está complétamente disociada de la lógica de la aplicación. Un perfecto “intermediario”.

Pero como hackers (¡Este es el blog Hacks, después de todo!) Lo que nos gusta es elaborar soluciones ingeniosas a problemas relevantes en los que “ingeniosas” con frecuencia significa abusar de las intenciones reales de algo. En Mozilla, desde nuestras iniciativas WADI y Firefox OS estamos explorando los siguientes usos con etiqueta-desconectado de Service Workers.

API analítica

Vamos a comenzar con una aplicación directa del intermediario: API analytics. Imagina que deseas obtener estádistica de una API y no tienes acceso al servidor. Las soluciones actuales manipulan la solicitud del cliente generando código HTTP , enviando los registros apropiados al servicio de analítica. Un Service Worker puede ir mas allá, interceptando cada solicitud, extrayendo los parámetros, y enviando el registro para analizar permitiendo que la solicitud original alcance la red.

Instalación de APPS empaquetadas

SoftwareRVG commented 8 years ago

Jorge, llevo la traducción bastante avanzada,mañana espero tenerla preparada. La pasaré a revisión con un enlace de Google Docks aquí en GitHub y te envio un correo también con el enlace.

Mas allá, sin conexión

Por Salva

Publicado el 21 Diciembre, 2015 en ServiceWorkers

Esta es mi primera publicación en Mozilla,y aparte de mi blog personal , esta es mi primera publicación como mozillian (yay!). Durante este mes he estado trabajando en el Service Worker Cookbook project —parte de el Web Application Developer Initiative (WADI)— Que me ha dado la oportunidad de poner mi experiencia en ServicesWorkers a la práctica mientras que al mismo tiempo aprendía nuevas maneras de aprovechar esta excitante nueva tecnología web para el bien de la Web. Permitidme compartir con vosotros algunos de mis últimos pensamientos.

En la publicación previa de esta serie participó mi compañero David Walsh hablando sobre Caché de Aplicación y su falta de flexibilidad,por lo que no voy a profundizar mas en este tema. Sin embargo revisaré algo mas las recetas disponibles en el Service Worker Cookbook.. David lo presentó y explicó algunas recetas fuera de linea; Yo quiero ir un poco mas alla y ver algunos otros usos de Service Workers.

Service workers hoy

A pesar de haber estado en desarrollo durante algún tiempo,solo ahora comenzamos a escuchar que Service Workers está siendo utilizado líbremente. En resumen, esta API fué entregada originalmente para corregir lo que el caché de la aplicación hacía mal. la arqueología web revela que la intención fué precisamente fijar caché fuera de linea, permitiendo a los desarrolladores webconstruir URL amigable,por defecto aplicaciones fuera de linea por capas de una manera fiable..

El planteamiento inicial introdujo el concepto de control de la navegación a través de un concepto que se desarrolló dentro de Service Worker’s recuperar la funcionalidad en el acto: una manera de interceptar solicitudes de red y dar respuesta con los datos obtenidos, bases de datos o procedimiento generado. ¿La mejor parte? Las páginas controladas no tienen que saber que en realidad están siendo pirateadas (a pesar de que se les puede decir) por lo que la lógica del servicio está complétamente disociada de la lógica de la aplicación. Un perfecto “intermediario”.

Pero como hackers (¡Este es el blog Hacks, después de todo!) Lo que nos gusta es elaborar soluciones ingeniosas a problemas relevantes en los que “ingeniosas” con frecuencia significa abusar de las intenciones reales de algo. En Mozilla, desde nuestras iniciativas WADI y Firefox OS estamos explorando los siguientes usos con etiqueta-desconectado de Service Workers.

API analítica

Vamos a comenzar con una aplicación directa del intermediario: API analytics. Imagina que deseas obtener estádistica de una API y no tienes acceso al servidor. Las soluciones actuales manipulan la solicitud del cliente generando código HTTP , enviando los registros apropiados al servicio de analítica. Un Service Worker puede ir mas allá, interceptando cada solicitud, extrayendo los parámetros, y enviando el registro para analizar permitiendo que la solicitud original alcance la red.

Instalar APPS empaquetadas

Antes de explorar otros usos exóticos, aquí hay uno más tradicional —un Service Worker puede utilizar los recursos fuera de linea, mediante la instalación de aplicaciones empaquetadas. Es posible descargar un sencillo paquete comprimido y descomprimirlo en el momento de la activación por Service Worker. Esto reduce la sobrecarga introducida por cada una de las solicitudes HTTP y hace de la descarga de los recursos una operación atómica. El almacenamiento inteligente y automático de grandes cantidades de recursos como son fuentes o imágenes es otro buen ejemplo de funcionamiento fuera de linea.

Imitar servidores

Recordando la aproximación del intermediario, actuando como proxy un service worker podría imitar un servidor y ejecutar la API que el cliente espera alcanzar a traves de la red. ServiceWorkerWare, desarrollado dentro de Firefox OS, es una biblioteca para apoyar la Nueva Arquitectura Gaia para aplicaciones y permitir a los desarrolladores escribir Service Workers de manera declarativa, siguiendo la filosofía del popular Nodo.js Express pero con la biblioteca en el lado del cliente.

Implementar funcionalidad en estructuras modernas

Service Workers tambien tiene su propio lugar como constructor de bloques para modernas estructuras. Considerar la interpolación de plantillas como un ejemplo. Montones de estructuras de actuales aplicaciones web muy populares como backbone.js y Angular reproducen modelos mediante su interpolación en una plantilla. La Nueva Arquitectura Gaia de la que hablamos previamente introduce el concepto de un almacen de reproducción, un caché fuera de linea almacenado como resultado de la interpolación de la plantilla con el modelo de datos de manera que la segunda vez que el cliente solicita el mismo modelo, este se puede recuperar desde el almacen de reproducción, evitando retrasos de interpolación.

Inyectar dependencia

Otro concepto popular en las modernas estructuras es Inyectar dependencia, el cual declara que la dependencia del código no necesita saber como se han construido estas dependencias. Este solo conoce el esquema de la comunicación , y la implementación específica es proporcionada por una fábrica desconocida llamada inyector. Un Service Worker puede actuar como inyector de dependencia. Una estructura puede hacer que estos componentes declaren dependencias a la API, entonces Service Worker, actúa como el inyector, puede identificar solicitudes desconocidas de recursos y responderlas con los módulos concretos.

Aplazar solicitudes

Si el dispositivo no tiene conectividad pero la aplicación sigue aceptando las operaciones, la aplicación cliente y el servidor en la nube estarán eventualmente fuera de sincronización. Una interesante propiedad para una estructura podría ser aplazar solicitudes. Por ejemplo, mientras se está desconectado Service Worker puede retener solicitudes a la API y realizarlas cuando la conexión vuelva. Mientras tanto, Service Worker puede imitar al servidor respondiendo el genérico OK ( código de estado 200) o ACEPTADO (código de estado 202) respuestas a las a las operaciones del cliente. Una vez regrese la conectividad, Service Worker puede sincronizar con la nube recreando la devolución de las solicitudes a la red desde una cola de solicitudes diferidas.

SoftwareRVG commented 8 years ago

jorge, ya he terminado la traducción del artículo. Lo paso a revisión.Debajo te dejo un enlace de google docks con el documento terminado. Tambien envío el enlace a tu correo personal.

Aqui os dejo el documento terminado:

https://docs.google.com/document/d/1FxiXop9tHe6S94purxI8sF5n18yyZdCD9A6K0eM2Kgc/edit#heading=h.35qv1fkopcy

Mas allá,sin conexión

Por Salva

Publicado el 21 Diciembre, 2015 en ServiceWorkers

Esta es mi primera publicación en Mozilla,y aparte de mi blog personal , esta es mi primera publicación como mozillian (yay!). Durante este mes he estado trabajando en el Service Worker Cookbook project —parte de el Web Application Developer Initiative (WADI)— Que me ha dado la oportunidad de poner mi experiencia en ServicesWorkers a la práctica mientras que al mismo tiempo aprendía nuevas maneras de aprovechar esta excitante nueva tecnología web para el bien de la Web. Permitidme compartir con vosotros algunos de mis últimos pensamientos.

En la publicación previa de esta serie participó mi compañero David Walsh hablando sobre Caché de Aplicación y su falta de flexibilidad,por lo que no voy a profundizar mas en este tema. Sin embargo revisaré algo mas las recetas disponibles en el Service Worker Cookbook.. David lo presentó y explicó algunas recetas fuera de linea; Yo quiero ir un poco mas alla y ver algunos otros usos de Service Workers.

Service workers hoy

A pesar de haber estado en desarrollo durante algún tiempo,solo ahora comenzamos a escuchar que Service Workers está siendo utilizado líbremente. En resumen, esta API fué entregada originalmente para corregir lo que el caché de la aplicación hacía mal. la arqueología web revela que la intención fué precisamente fijar caché fuera de linea, permitiendo a los desarrolladores webconstruir URL amigable,por defecto aplicaciones fuera de linea por capas de una manera fiable..

El planteamiento inicial introdujo el concepto de control de la navegación a través de un concepto que se desarrolló dentro de Service Worker’s recuperar la funcionalidad en el acto: una manera de interceptar solicitudes de red y dar respuesta con los datos obtenidos, bases de datos o procedimiento generado. ¿La mejor parte? Las páginas controladas no tienen que saber que en realidad están siendo pirateadas (a pesar de que se les puede decir) por lo que la lógica del servicio está complétamente disociada de la lógica de la aplicación. Un perfecto “intermediario”.

Pero como hackers (¡Este es el blog Hacks, después de todo!) Lo que nos gusta es elaborar soluciones ingeniosas a problemas relevantes en los que “ingeniosas” con frecuencia significa abusar de las intenciones reales de algo. En Mozilla, desde nuestras iniciativas WADI y Firefox OS estamos explorando los siguientes usos con etiqueta-desconectado de Service Workers.

API analítica

Vamos a comenzar con una aplicación directa del intermediario: API analytics. Imagina que deseas obtener estádistica de una API y no tienes acceso al servidor. Las soluciones actuales manipulan la solicitud del cliente generando código HTTP , enviando los registros apropiados al servicio de analítica. Un Service Worker puede ir mas allá, interceptando cada solicitud, extrayendo los parámetros, y enviando el registro para analizar permitiendo que la solicitud original alcance la red.

Instalar APPS empaquetadas

Antes de explorar otros usos exóticos, aquí hay uno más tradicional —un Service Worker puede utilizar los recursos fuera de linea, mediante la instalación de aplicaciones empaquetadas. Es posible descargar un sencillo paquete comprimido y descomprimirlo en el momento de la activación por Service Worker. Esto reduce la sobrecarga introducida por cada una de las solicitudes HTTP y hace de la descarga de los recursos una operación atómica. El almacenamiento inteligente y automático de grandes cantidades de recursos como son fuentes o imágenes es otro buen ejemplo de funcionamiento fuera de linea.

Imitar servidores

Recordando la aproximación del intermediario, actuando como proxy un service worker podría imitar un servidor y ejecutar la API que el cliente espera alcanzar a traves de la red. ServiceWorkerWare, desarrollado dentro de Firefox OS, es una biblioteca para apoyar la Nueva Arquitectura Gaia para aplicaciones y permitir a los desarrolladores escribir Service Workers de manera declarativa, siguiendo la filosofía del popular Nodo.js Express pero con la biblioteca en el lado del cliente.

Implementar funcionalidad en estructuras modernas

Service Workers tambien tiene su propio lugar como constructor de bloques para modernas estructuras. Considerar la interpolación de plantillas como un ejemplo. Montones de estructuras de actuales aplicaciones web muy populares como backbone.js y Angular reproducen modelos mediante su interpolación en una plantilla. La Nueva Arquitectura Gaia de la que hablamos previamente introduce el concepto de un almacen de reproducción, un caché fuera de linea almacenado como resultado de la interpolación de la plantilla con el modelo de datos de manera que la segunda vez que el cliente solicita el mismo modelo, este se puede recuperar desde el almacen de reproducción, evitando retrasos de interpolación.

Inyectar dependencia

Otro concepto popular en las modernas estructuras es Inyectar dependencia, el cual declara que la dependencia del código no necesita saber como se han construido estas dependencias. Este solo conoce el esquema de la comunicación , y la implementación específica es proporcionada por una fábrica desconocida llamada inyector. Un Service Worker puede actuar como inyector de dependencia. Una estructura puede hacer que estos componentes declaren dependencias a la API, entonces Service Worker, actúa como el inyector, puede identificar solicitudes desconocidas de recursos y responderlas con los módulos concretos.

Aplazar solicitudes

Si el dispositivo no tiene conectividad pero la aplicación sigue aceptando las operaciones, la aplicación cliente y el servidor en la nube estarán eventualmente fuera de sincronización. Una interesante propiedad para una estructura podría ser aplazar solicitudes. Por ejemplo, mientras se está desconectado Service Worker puede retener solicitudes a la API y realizarlas cuando la conexión vuelva. Mientras tanto, Service Worker puede imitar al servidor respondiendo el genérico OK ( código de estado 200) o ACEPTADO (código de estado 202) respuestas a las a las operaciones del cliente. Una vez regrese la conectividad, Service Worker puede sincronizar con la nube recreando la devolución de las solicitudes a la red desde una cola de solicitudes diferidas.

Ideas lógicas en la red

Y para finalizar, Service Worker también puede tener lógica en la red, quizás multiplexando una solicitud a multiples fuentes, midiendo la disponibilidad y calidad de cada fuente y devolviendo los datos por el canal correcto. Permitidme mostrar un pequeño ejemplo antes de finalizar. Suponer que tenemos una aplicación de video online. El usuario quiere ver una película en HD entonces la aplicación solicita la URL de la película , pero antes de comenzar a servir el contenido Service Worker intercepta la solicitud, pregunta los niveles de descarga al servidor, selecciona uno con el valor mas bajo y comienza a servir el contenido desde ese servidor específico.¿ Suena familiar?.Es un Equilibrador de carga, si, pero ahora disponible en el lado del cliente!.Es bueno. ¿No es así?

Resumen

¡Eso es todo por ahora amigos!. Siete usos,siete recetas exóticas mas allá del simple almacenamiento de caché para su disponibilidad sin conexión. En este momento, Service Worker Cookbook project expone todos estos modos (además de otros) para sacar provecho de las características proporcionadas por la API de Service Workers . Y no nos detendremos aquí —hay mucho mas por explorar; Push API está aquí para permanecer. Background Sync llegará pronto, con respuestas streaming HTTP y solicitudes cancelables como horizonte. ¿Quién sabe que oportunidades tenemos por delante?

Para obtener mas información sobre Service Workers y cualquier otros estados de implementación de la plataforma, echa un vistazo a Platatus, y. ¡Te mantendremos informado!

Acerca de Salva

Desarrollador de aplicaciones para usuario de Mozilla. Defensor de la Web-abierta, Me gusta programar,los idiomas , el cine, la música, los video-juegos y la cerveza.

```

Mas artículos de Salva…

```

2 comentarios

```
    ```
  1. James Nadeau ```

    Estupendo artículo, nunca pensé en todas estas funciones, ¡Buen trabajo!

    28 Diciembre, 2015 a las 12:02 ```
  2. lv7777 ```

    Estaba traduciendo tu artículo.
    ``` No sabía nada acerca de Service Worker hasta traducirlo,pero después me interesó Service Worker.

    ``` 7 Enero, 2016 a las 16:46 ```

Los comentarios estan cerrados para este artículo.

``` ```
``` ```
SoftwareRVG commented 8 years ago

Jorge. He terminado la traducción. Os dejo el enlace de edición de google docks:

https://docs.google.com/document/d/1FxiXop9tHe6S94purxI8sF5n18yyZdCD9A6K0eM2Kgc/edit#heading=h.35qv1fkopcy

Saludos: Rober Villar

hacks_beyond_offline_by_salva_translated_by_rober_villar

jvillalobos commented 8 years ago

@SoftwareRVG las tareas no se cierran hasta que el artículo esté publicado en el blog.

SoftwareRVG commented 8 years ago

De acuerdo . No me he dado cuenta de que la dejaba cerrada. Ahora he visto el simbolo Jorge.No se como la he cerrado. El enlace de edición en Google Docks lo he dejado accesible para todos . Ya me daré cuenta para otra vez.Espero instrucciones

jvillalobos commented 8 years ago

Publicado: https://www.mozilla-hispano.org/mas-alla-del-offline/

Gracias!