Return to Video

Together.js y Webmaker

  • 0:00 - 0:05
    Nuestra colaboración comienza con desarrolladores de Mozilla Labs y el equipo de Webmaker
  • 0:05 - 0:08
    Webmaker realiza eventos en todo el mundo, compartimos conocimientos
  • 0:08 - 0:12
    en escuelas, casas, uno a uno, ¡y en todas partes!
  • 0:12 - 0:18
    Con TogetherJS, dos líneas de JavaScript insertadas en cualquier página Web
  • 0:18 - 0:21
    te da colaboración al instante
  • 0:21 - 0:23
    ¡Las plataformas cerradas o Skype no pueden hacer eso!
  • 0:23 - 0:27
    Sin necesidad de más, obtienes charlas, edición colaborativa y
  • 0:27 - 0:34
    y llamadas a través del audio de WebRTC. Así que comenzamos un experimento para usar TogetherJS
  • 0:34 - 0:36
    y Thimble, el editor de código de Webmaker.
  • 0:36 - 0:40
    Aquí está Ankit, en Brunei, y Amati, en Chennai, creando una postal
  • 0:40 - 0:43
    con HTML. Dice "Hola Mozilleros" en Hindi.
  • 0:43 - 0:47
    Ahora escucha qué sucede cuando Paul Max en Vancouver y Michelle en Berlín
  • 0:47 - 0:49
    se unen para aprender JavaScript
  • 0:49 - 0:51
    con el poder del audio WebRTC.
  • 0:53 - 0:55
    Pomax entra a la sesión.
  • 0:55 - 0:57
    Si, si, si... Esto de la gota de agua con JS...
  • 0:57 - 1:03
    Hace algunas gráficas muy divertidas solo dibujando gotas sobre una imagen
  • 1:03 - 1:09
    y si ven desde la línea 24 hasta la 29, te dirá que quiere
  • 1:09 - 1:13
    en términos de gotas de lluvia. Entonces, como pueden ver, voy a cambiar el tamaño
  • 1:13 - 1:18
    de las gotas de agua, añadiendo un par de 1.
  • 1:18 - 1:20
    Oh si.
  • 1:22 - 1:28
    Y lo que esto está haciendo es generar gotas de lluvia a partir de este arreglo.
  • 1:28 - 1:31
    Si ya han visto eso en sus cursos de JavaScript, pueden darle
  • 1:31 - 1:36
    todo tipo de gotas de agua. Así que puedo decir que quiero esta pequeña gota
  • 1:36 - 1:40
    y quiero que aparezca en la mitad del tiempo, y en la otra mitad del tiempo quiero
  • 1:40 - 1:46
    una gran gota. Así puede que sea muy grande.
  • 1:46 - 1:49
    "Entonces si quieres ver..."
    "¿Puedo hacerla de 150?"
  • 1:49 - 1:52
    Dale. Cambia ese número.
  • 1:52 - 1:55
    Jajaja. Esa es una gota enorme.
  • 1:56 - 2:00
    Mejor la coloco en 15 de nuevo.
  • 2:01 - 2:06
    También puedes cambiar la URL de la imagen, que está justo aquí.
  • 2:06 - 2:07
    ¡La URL de la imagen!
  • 2:07 - 2:13
    Bueno, yo vivo en Berlín, así que tal vez voy a colocar una imagen gris de Berlín.
  • 2:15 - 2:18
    ¡Oh, bien!
  • 2:18 - 2:21
    Esa es mi... ahí justo después de la esquina desde mi casa
  • 2:21 - 2:24
    Entonces de acuerdo con eso está lloviendo muy fuerte
  • 2:24 - 2:32
    Así que digamos... ¿saben qué? engine.preset(... grandes gotas
  • 2:32 - 2:35
    ¡Ahí vamos! Llueve en Berlín
Title:
Together.js y Webmaker
Description:

De Mozilla Summit

more » « less
Video Language:
English
Duration:
02:46
Sebastián Magrí edited Spanish subtitles for Together.js and Webmaker

Spanish subtitles

Revisions