Showing Revision 6 created 03/09/2014 by Fran Ontanaya.

1. Title:
   Estado de la red
2. Description:

3. 150 0:00 - 0:03
   Esta parte es muy importante.
4. 2880 0:03 - 0:07
   El navegador no puede saber
   con certeza que está en línea.
5. 7070 0:07 - 0:10
   Tampoco que está sin conexión,
6. 9920 0:10 - 0:13
   a no ser que no esté
   conectado a ningún dispositivo.
7. 13280 0:13 - 0:17
   Hay un atributo, navigator.onLine
8. 16933 0:17 - 0:20
   que te indica si estás en línea.
9. 19816 0:20 - 0:23
   También hay un par de eventos
   que resaltan el cuerpo del documento
10. 23290 0:23 - 0:25
    cuando estás en línea o sin conexión.
11. 25290 0:25 - 0:28
    Sin embargo, no recomiendo fiarse,
12. 27993 0:28 - 0:31
    ya que solo indican
    si hay una conexión de red,
13. 30956 0:31 - 0:34
    no si esa conexión está conectada.
14. 34410 0:34 - 0:38
    Por ejemplo, mi computadora en casa
    se equivoca a veces,
15. 38150 0:38 - 0:40
    porque el cable módem se desconecta,
16. 40346 0:40 - 0:43
    pero la computadora
    sigue conectada al enrutador.
17. 42792 0:43 - 0:47
    A veces, las computadoras o aplicaciones
    usan pings a varios servidores
18. 47060 0:47 - 0:49
    para saber si hay alguna conexión
    a Internet.
19. 49440 0:49 - 0:53
    Básicamente, como desarrollador,
    el único estado sin conexión
20. 52550 0:53 - 0:56
    que te interesa es si hay
    acceso a tus propios servidores.
21. 56470 0:56 - 0:59
    Por supuesto, en el caso de
    la transmisión en celulares
22. 59390 0:59 - 1:01
    puede ser más complicado.
23. 61020 1:01 - 1:04
    Todos tuvimos una señal de una barra
24. 63730 1:04 - 1:06
    y tratamos de usar la red.
25. 65910 1:06 - 1:10
    Esto es esencial en relación al uso
    sin conexión, y es por lo que
26. 69610 1:10 - 1:12
    te indicamos que debes diseñar
    primero sin conexión.
27. 71920 1:12 - 1:15
    Podrías pensar que para
    realizar el soporte sin conexión,
28. 74680 1:15 - 1:18
    se utiliza primero la red
    y si falla tenemos la caché,
29. 78160 1:18 - 1:21
    pero en realidad no funciona así.
30. 80680 1:21 - 1:26
    Porque puede llevar mucho tiempo
    determinar si no hay conexión a Internet.
31. 86010 1:26 - 1:31
    Si solo das los datos de la caché
    cuando la solicitud de red falló,
32. 90920 1:31 - 1:35
    los usuarios deben esperar
    mientras el dispositivo lo intenta,
33. 94640 1:35 - 1:38
    pero no logra transmitir
    los datos a través de la red.
34. 97870 1:38 - 1:41
    A eso nos referimos con hacerlo
    primero sin conexión;
35. 100950 1:41 - 1:44
    no a que escribas código sin conexión,
36. 103510 1:44 - 1:47
    sino a que tu aplicación debe poder
    utilizar los datos de la caché primero.
37. 107290 1:47 - 1:51
    Y luego actualizar el contenido
    de la caché cuando esté en línea
38. 111007 1:51 - 1:54
    pero seguir usando los datos antiguos
    cuando esté sin conexión.