SlideShare una empresa de Scribd logo
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?

                                           Javascript




Javier Infante <jabi@irontec.com>

Donosti :: EHU / UPV ::16/10/2009
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




¿QUÉ ES JAVASCRIPT?
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




Lenguaje de scripting.
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




No se compila, es LENTO.
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




¿QUÉ NO ES
 JAVASCRIPT?
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




No es un applet de Java.
(No necesita una máquina virtual para
              ejecutarse)
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




       No es un Flash.
(No necesita un plugin para ejecutarse)
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




Su ámbito principal es un
     navegador web.
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




  El script se DESCARGA y
se interpreta en el navegador
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




     Es totalmente
  independiente de la
tecnología que haya en
       el servidor.
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




Javascript es simplemente
 código descargado desde
 el servidor web. Sin más.
(Es un lenguaje común e independiente de
   todas las plataformas de desarrollo web)
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




Un poco de historia
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?

                                             Historia




      1995
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?

                                                Historia




Brendan Eich...
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?

                                                   Historia



...inventa el lenguaje
Mocha. Se rebautizará
   como Livescript
    y finalmente...
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?

                                                   Historia




…el 4 de Diciembre de
        1995...
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?

                                                    Historia


Sun y Netscape anuncian
    conjuntamente la
 aparición de Javascript
     en su navegador
         Netscape
     Communicator.
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




Julio 1996
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




  Microsoft responde
 anunciando su propio
 dialecto de Javascript
para IE3: Nacía JScript.
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




Junio 1997
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




ECMA* adopta Javascript
  como un estándar:
    ECMAScript.
 (ISO lo adoptará en 1998)

  *ECMA: European Computer Manufactures
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?

                                             Historia



      2000
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?

                                                      Historia



W3C diseña y propone el
   estándar DOM*.



    *DOM: Document Object Model
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




            En resumen:
 Tenemos distintas implementaciones de JS en
         distintos navegadores (CAOS).
 Intentos de estandarización sin mucho éxito.

Así que en aquellos primeros años de Javascript...
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




Javascript era casi como un juguete
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?

                             ¿Es Asterisk una alternativa fiable?




Además un juguete bastante caótico...
            (y sigue siéndolo)
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




Era la época del prompt,
 los alerts, y los popups...
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




El copia y pega de scripts
    “super útiles” desde
    montones de sitios...
   javascriptsource.com
    dynamicdrive.com
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?

                          ¿Es Asterisk una alternativa fiable?




Nieve en tu página web (GRATIS!)
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




Cuenta atrás!
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




Protección contra ladrones de fotos
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?

                                                      Historia



    LA REVOLUCIÓN.




La revolución estaba cerca...
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




      2003
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




  En la conferencia SXSW,
Steve Champeon y Nick Fink
          presentan:
 “Progressive Enhancement
   and the Future of Web
           Design*”
       SXSW: South by SouthWest
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




 Básicamente introducen
   nuevas pautas en el
      desarrollo web:
Separación de contenido y presentación.
           Marcado semántico.
             Estándares web.
Disponibilidad de cualquier sitio web para
             cualquier cliente.
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




     Traducido a Javascript:
 - El sitio web es usable con cualquier navegador, tenga o
                  no tenga soporte Javascript.
      - Todo el JS tiene que estar en ficheros externos.
    - No se permiten etiquetas para control de eventos
                         (onclick / etc).
- Los elementos dependientes de Javascript, son añadidos
                        dinámicamente.
        - Las funcionalidades Javascript deben
    enriquecer la experiencia de usuario, no dar
            acceso exclusivo a la información.
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




 Básicamente viene a decir:
Tu “user-experience” será proporcional a la
          calidad de tu navegador.
    Pero la información será siempre
                 accesible.
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




18 Febrero de 2005
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




Jesse James Garrett
         ...
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




 ...escribe un artículo
 bautizando un nuevo
paradigma en Javascript:
         AJAX
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?

                                                                 Historia




http://adaptivepath.com/ideas/essays/archives/000385.php
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




  AJAX: Asyncronous
 Javascript and XML.
 - Peticiones asíncronas al servidor directamente desde
                         Javascript.
- Permite actualizar contenido (DOM), sin necesidad de
                     recargar la página.

- Acerca la lógica del servidor a Javascript. Lo hace más
                          práctico.
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




  Aunque no fue la primera gran
compañía en utilizar AJAX, Google lo
         puso de moda.
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




   Hoy, no vemos un portal
o aplicación web sin Javascript.
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?

                                                         Historia




Javacript es un lenguaje maduro y
muy POTENTE (y respetado por fin).
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




Ya tenemos la idea sobre como
   queremos desarrollar webs
  potentes, y con interfaces de
 usuarios amigables y accesibles
                .
          Pero....
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




Seguimos teniendo que ejecutar
Javascript en los navegadores...
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




Y muchos navegadores,
todavía no respetan esos
estándares ECMAScript...
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




 Pero queremos seguir
desarrollando siguiendo el
   modelo de mejora
 progresiva y haciendo
    webs con AJAX y
      animaciones...
    ¿Qué hacemos?
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




(IE6+IE7 cuentan con aproximadamente un
      30% del mercado actualmente...
           no se pueden obviar)
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?



Opción A)
Podemos programar nuestras propias librerías
de abstracción para resolver todos los conflictos
CROSS-BROWSER.



Opción B)
Utilizar Librerías de abstracción ya
desarrolladas, y olvidarnos de una parte
importante de Javascript.
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?



Opción A)
Podemos programar nuestras propias librerías
de abstracción para resolver todos los conflictos
CROSS-BROWSER.

Opción B)
Utilizar Librerías ya desarrolladas, y
dejar de programar en Javascript.
- Evitamos cambiar nuestras librerías cuando
cambien los navegadores.
- Llegaremos a todos los bugs conocidos en
todos los navegadores.
- El desarrollo de la comunidad siempre será
más fiable y eficiente.
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?




Presentamos:




y la “elegida”:
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?



    ¿Por qué jQuery?
●   API muy potente e intuitiva basada en
    selectores CSS.
●   Excelente respeto por el namespacing global.
    (simplemente se quedan con “$”, y puede
    evitarse).
●   Buen soporte para plugins.
●   Excelente documentación.
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?

    ¿Por qué NO todas las demás?
●   YUI: demasiado “escueta”, su “namespacing”
    es severo, pero incómodo, aunque tiene buena
    documentación.
●   Prototype: demasiado inspirada en Ruby on
    Rails, demasiadas funciones en el contexto
    global y demasiadas modificaciones de los
    tipados internos.
●   DOJO: curva de aprendizaje alta y
    documentación no tan buena.
●   MOOTOOLS: No es muy compatible con
    otras librerías, API poco intuitiva y poco respeto
    por el contexto global
Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?

                                                                  Licencias / Créditos
                                         Fotos
              Brandon Deth: http://www.flickr.com/photos/bdeth/
              SkinnyDiver: http://www.flickr.com/photos/tangysd/
           AcidJazzed: http://en.wikipedia.org/wiki/User:AcidJazzed
                Topgold: http://www.flickr.com/photos/topgold/
                             CSSBlog: http://cssblog.es
                                       Licencia
       Este documento está protegido bajo la licencia Reconocimiento-
               SinObraDerivada 2.1 España de Creative Common
             (http://creativecommons.org/licenses/by-nc-sa/3.0/es/)
          Copyright © 2009 Javier Infante <jabi@irontec.com>
Se permite la copia, modificación, distribución, uso comercial y realización de la obra,
   siempre y cuando se reconozca la autoría de la misma, a no sea ser que se obtenga
   permiso expreso del autor. El autor no permite distribuir obras derivadas a esta. Esta
   nota no es la licencia completa de la obra, sinouna traducción de la nota orientativa
                    de la licenciaoriginal completa (jurídicamente válida).

Más contenido relacionado

Destacado

Smtp
SmtpSmtp
Smtp
Irontec
 
Curso avanzado SVN
Curso avanzado SVNCurso avanzado SVN
Curso avanzado SVN
Irontec
 
Euskera zabaltzeko gure app berriak | Nuestras apps para difundir el euskera
Euskera zabaltzeko gure app berriak | Nuestras apps para difundir el euskeraEuskera zabaltzeko gure app berriak | Nuestras apps para difundir el euskera
Euskera zabaltzeko gure app berriak | Nuestras apps para difundir el euskera
Irontec
 
Mongol Rally 2009Minicong: MCTL - Voip2day2009
Mongol Rally 2009Minicong: MCTL - Voip2day2009Mongol Rally 2009Minicong: MCTL - Voip2day2009
Mongol Rally 2009Minicong: MCTL - Voip2day2009
Irontec
 
jQuery 1.3 Eghost Julio2009
jQuery 1.3 Eghost Julio2009jQuery 1.3 Eghost Julio2009
jQuery 1.3 Eghost Julio2009
Irontec
 
Jquery Eghost Julio2008
Jquery Eghost Julio2008Jquery Eghost Julio2008
Jquery Eghost Julio2008
Irontec
 
Sinadura y otras herramientas de software libre para implementar firma digital
Sinadura y otras herramientas de software libre para implementar firma digitalSinadura y otras herramientas de software libre para implementar firma digital
Sinadura y otras herramientas de software libre para implementar firma digital
Irontec
 
Hacia La Web Sincrona
Hacia La Web SincronaHacia La Web Sincrona
Hacia La Web Sincrona
Irontec
 
Cursosquid
CursosquidCursosquid
Cursosquid
Irontec
 
Curso CSS Avanzado
Curso CSS AvanzadoCurso CSS Avanzado
Curso CSS Avanzado
Irontec
 
Symfony parte 14 Consultas SQL - Páginador
Symfony parte 14 Consultas SQL - PáginadorSymfony parte 14 Consultas SQL - Páginador
Symfony parte 14 Consultas SQL - Páginador
Rodrigo Miranda
 
Kaazing Gateway + Apache Active MQ + Javascript + Stomp
Kaazing Gateway + Apache Active MQ + Javascript + StompKaazing Gateway + Apache Active MQ + Javascript + Stomp
Kaazing Gateway + Apache Active MQ + Javascript + Stomp
Irontec
 
Curso Basico Linux
Curso Basico LinuxCurso Basico Linux
Curso Basico Linux
Irontec
 
Nfsnis
NfsnisNfsnis
Nfsnis
Irontec
 
PHP for Android: scripting PHP en Android
PHP for Android: scripting PHP en AndroidPHP for Android: scripting PHP en Android
PHP for Android: scripting PHP en Android
Irontec
 
Apache
ApacheApache
Apache
Irontec
 
Introducción a Zend Framework
Introducción a Zend FrameworkIntroducción a Zend Framework
Introducción a Zend Framework
Irontec
 
Certificación y firma electrónica
Certificación y firma electrónicaCertificación y firma electrónica
Certificación y firma electrónica
Irontec
 
Irontec - comunicaciones unificadas en educación - biopen eduka - software li...
Irontec - comunicaciones unificadas en educación - biopen eduka - software li...Irontec - comunicaciones unificadas en educación - biopen eduka - software li...
Irontec - comunicaciones unificadas en educación - biopen eduka - software li...
Irontec
 
Introducción a varnish cache (@irontec)
Introducción a varnish cache (@irontec)Introducción a varnish cache (@irontec)
Introducción a varnish cache (@irontec)
Irontec
 

Destacado (20)

Smtp
SmtpSmtp
Smtp
 
Curso avanzado SVN
Curso avanzado SVNCurso avanzado SVN
Curso avanzado SVN
 
Euskera zabaltzeko gure app berriak | Nuestras apps para difundir el euskera
Euskera zabaltzeko gure app berriak | Nuestras apps para difundir el euskeraEuskera zabaltzeko gure app berriak | Nuestras apps para difundir el euskera
Euskera zabaltzeko gure app berriak | Nuestras apps para difundir el euskera
 
Mongol Rally 2009Minicong: MCTL - Voip2day2009
Mongol Rally 2009Minicong: MCTL - Voip2day2009Mongol Rally 2009Minicong: MCTL - Voip2day2009
Mongol Rally 2009Minicong: MCTL - Voip2day2009
 
jQuery 1.3 Eghost Julio2009
jQuery 1.3 Eghost Julio2009jQuery 1.3 Eghost Julio2009
jQuery 1.3 Eghost Julio2009
 
Jquery Eghost Julio2008
Jquery Eghost Julio2008Jquery Eghost Julio2008
Jquery Eghost Julio2008
 
Sinadura y otras herramientas de software libre para implementar firma digital
Sinadura y otras herramientas de software libre para implementar firma digitalSinadura y otras herramientas de software libre para implementar firma digital
Sinadura y otras herramientas de software libre para implementar firma digital
 
Hacia La Web Sincrona
Hacia La Web SincronaHacia La Web Sincrona
Hacia La Web Sincrona
 
Cursosquid
CursosquidCursosquid
Cursosquid
 
Curso CSS Avanzado
Curso CSS AvanzadoCurso CSS Avanzado
Curso CSS Avanzado
 
Symfony parte 14 Consultas SQL - Páginador
Symfony parte 14 Consultas SQL - PáginadorSymfony parte 14 Consultas SQL - Páginador
Symfony parte 14 Consultas SQL - Páginador
 
Kaazing Gateway + Apache Active MQ + Javascript + Stomp
Kaazing Gateway + Apache Active MQ + Javascript + StompKaazing Gateway + Apache Active MQ + Javascript + Stomp
Kaazing Gateway + Apache Active MQ + Javascript + Stomp
 
Curso Basico Linux
Curso Basico LinuxCurso Basico Linux
Curso Basico Linux
 
Nfsnis
NfsnisNfsnis
Nfsnis
 
PHP for Android: scripting PHP en Android
PHP for Android: scripting PHP en AndroidPHP for Android: scripting PHP en Android
PHP for Android: scripting PHP en Android
 
Apache
ApacheApache
Apache
 
Introducción a Zend Framework
Introducción a Zend FrameworkIntroducción a Zend Framework
Introducción a Zend Framework
 
Certificación y firma electrónica
Certificación y firma electrónicaCertificación y firma electrónica
Certificación y firma electrónica
 
Irontec - comunicaciones unificadas en educación - biopen eduka - software li...
Irontec - comunicaciones unificadas en educación - biopen eduka - software li...Irontec - comunicaciones unificadas en educación - biopen eduka - software li...
Irontec - comunicaciones unificadas en educación - biopen eduka - software li...
 
Introducción a varnish cache (@irontec)
Introducción a varnish cache (@irontec)Introducción a varnish cache (@irontec)
Introducción a varnish cache (@irontec)
 

Similar a Conferencia-presentación Javascript

JAVASCRIPT.pptx
JAVASCRIPT.pptxJAVASCRIPT.pptx
JAVASCRIPT.pptx
CesarAndresCardozoPa
 
JAVASCRIPT.pptx
JAVASCRIPT.pptxJAVASCRIPT.pptx
JAVASCRIPT.pptx
CesarAndresCardozoPa
 
Javacript
JavacriptJavacript
Javacript
Bryan_Castillo
 
Java Scripts
Java ScriptsJava Scripts
Java Scripts
Pablo perez
 
Mi lenguaje de Programación de Preferencia: Javascript
Mi lenguaje de Programación de Preferencia: JavascriptMi lenguaje de Programación de Preferencia: Javascript
Mi lenguaje de Programación de Preferencia: Javascript
ixmarcano16
 
ventajas y desventajas de programas informaticos
ventajas y desventajas de programas informaticosventajas y desventajas de programas informaticos
ventajas y desventajas de programas informaticos
Irving Muñoz
 
ventajas y desventajas de programas informaticos
ventajas y desventajas de programas informaticosventajas y desventajas de programas informaticos
ventajas y desventajas de programas informaticos
Irving Muñoz
 
Aprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptAprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScript
Karsarmi
 
Code Blast 2012 - Node.js
Code Blast 2012 - Node.jsCode Blast 2012 - Node.js
Code Blast 2012 - Node.js
INSIGNIA4U
 
Java script
Java scriptJava script
Java script
Carlos Solano
 
Tutorial Java
Tutorial JavaTutorial Java
Java script(1)
Java script(1)Java script(1)
Java script(1)
mat3matik
 
Java script(1)
Java script(1)Java script(1)
Java script(1)
mat3matik
 
Gwt I - entendiendo gwt
Gwt I - entendiendo gwtGwt I - entendiendo gwt
Gwt I - entendiendo gwt
Manuel Carrasco Moñino
 
Gwt seminario java_hispano_manolocarrasco
Gwt seminario java_hispano_manolocarrascoGwt seminario java_hispano_manolocarrasco
Gwt seminario java_hispano_manolocarrasco
Manuel Carrasco Moñino
 
Java script(1)
Java script(1)Java script(1)
Java script(1)
trazco
 
Clase 0 - Introducción a Javascript.pptx
Clase 0 - Introducción a Javascript.pptxClase 0 - Introducción a Javascript.pptx
Clase 0 - Introducción a Javascript.pptx
MaxiMalaval
 
Investigacion 1
Investigacion 1Investigacion 1
Investigacion 1
Neto Siordia
 
Programación Reactiva, Javascript Isomorfo y Meteorjs !
Programación Reactiva, Javascript Isomorfo y Meteorjs !Programación Reactiva, Javascript Isomorfo y Meteorjs !
Programación Reactiva, Javascript Isomorfo y Meteorjs !
ouuyeah
 
HTML5 en el universo Windows (Apps universales)
HTML5 en el universo Windows (Apps universales)HTML5 en el universo Windows (Apps universales)
HTML5 en el universo Windows (Apps universales)
Quique Fdez Guerra
 

Similar a Conferencia-presentación Javascript (20)

JAVASCRIPT.pptx
JAVASCRIPT.pptxJAVASCRIPT.pptx
JAVASCRIPT.pptx
 
JAVASCRIPT.pptx
JAVASCRIPT.pptxJAVASCRIPT.pptx
JAVASCRIPT.pptx
 
Javacript
JavacriptJavacript
Javacript
 
Java Scripts
Java ScriptsJava Scripts
Java Scripts
 
Mi lenguaje de Programación de Preferencia: Javascript
Mi lenguaje de Programación de Preferencia: JavascriptMi lenguaje de Programación de Preferencia: Javascript
Mi lenguaje de Programación de Preferencia: Javascript
 
ventajas y desventajas de programas informaticos
ventajas y desventajas de programas informaticosventajas y desventajas de programas informaticos
ventajas y desventajas de programas informaticos
 
ventajas y desventajas de programas informaticos
ventajas y desventajas de programas informaticosventajas y desventajas de programas informaticos
ventajas y desventajas de programas informaticos
 
Aprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptAprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScript
 
Code Blast 2012 - Node.js
Code Blast 2012 - Node.jsCode Blast 2012 - Node.js
Code Blast 2012 - Node.js
 
Java script
Java scriptJava script
Java script
 
Tutorial Java
Tutorial JavaTutorial Java
Tutorial Java
 
Java script(1)
Java script(1)Java script(1)
Java script(1)
 
Java script(1)
Java script(1)Java script(1)
Java script(1)
 
Gwt I - entendiendo gwt
Gwt I - entendiendo gwtGwt I - entendiendo gwt
Gwt I - entendiendo gwt
 
Gwt seminario java_hispano_manolocarrasco
Gwt seminario java_hispano_manolocarrascoGwt seminario java_hispano_manolocarrasco
Gwt seminario java_hispano_manolocarrasco
 
Java script(1)
Java script(1)Java script(1)
Java script(1)
 
Clase 0 - Introducción a Javascript.pptx
Clase 0 - Introducción a Javascript.pptxClase 0 - Introducción a Javascript.pptx
Clase 0 - Introducción a Javascript.pptx
 
Investigacion 1
Investigacion 1Investigacion 1
Investigacion 1
 
Programación Reactiva, Javascript Isomorfo y Meteorjs !
Programación Reactiva, Javascript Isomorfo y Meteorjs !Programación Reactiva, Javascript Isomorfo y Meteorjs !
Programación Reactiva, Javascript Isomorfo y Meteorjs !
 
HTML5 en el universo Windows (Apps universales)
HTML5 en el universo Windows (Apps universales)HTML5 en el universo Windows (Apps universales)
HTML5 en el universo Windows (Apps universales)
 

Más de Irontec

Gestion de proyectos con GitLab en tiempos de teletrabajo
Gestion de proyectos con GitLab en tiempos de teletrabajoGestion de proyectos con GitLab en tiempos de teletrabajo
Gestion de proyectos con GitLab en tiempos de teletrabajo
Irontec
 
Sobre cómo gestionamos centenares de despliegues de VoIP
Sobre cómo gestionamos centenares de despliegues de VoIPSobre cómo gestionamos centenares de despliegues de VoIP
Sobre cómo gestionamos centenares de despliegues de VoIP
Irontec
 
Presente y futuro del nuevo IVOZ Provider
Presente y futuro del nuevo IVOZ ProviderPresente y futuro del nuevo IVOZ Provider
Presente y futuro del nuevo IVOZ Provider
Irontec
 
Automated Testing para aplicaciones VoIP, WebRTC
Automated Testing para aplicaciones VoIP, WebRTCAutomated Testing para aplicaciones VoIP, WebRTC
Automated Testing para aplicaciones VoIP, WebRTC
Irontec
 
Asterisk: Liberando y generando modelos de negocio en gran cuenta y operador ...
Asterisk: Liberando y generando modelos de negocio en gran cuenta y operador ...Asterisk: Liberando y generando modelos de negocio en gran cuenta y operador ...
Asterisk: Liberando y generando modelos de negocio en gran cuenta y operador ...
Irontec
 
LA REVOLUCIÓN DEL CLOUD COMPUTING: NUEVA ERA DE DESARROLLO - OpenExpo17
LA REVOLUCIÓN DEL CLOUD COMPUTING: NUEVA ERA DE DESARROLLO - OpenExpo17LA REVOLUCIÓN DEL CLOUD COMPUTING: NUEVA ERA DE DESARROLLO - OpenExpo17
LA REVOLUCIÓN DEL CLOUD COMPUTING: NUEVA ERA DE DESARROLLO - OpenExpo17
Irontec
 
IVOZ Provider Open Source - La solución VoIP opensource para operadores e int...
IVOZ Provider Open Source - La solución VoIP opensource para operadores e int...IVOZ Provider Open Source - La solución VoIP opensource para operadores e int...
IVOZ Provider Open Source - La solución VoIP opensource para operadores e int...
Irontec
 
Escalabilidad “horizontal” en soluciones VoIP basadas en Asterisk / Kamailio
Escalabilidad “horizontal” en soluciones VoIP basadas en Asterisk / KamailioEscalabilidad “horizontal” en soluciones VoIP basadas en Asterisk / Kamailio
Escalabilidad “horizontal” en soluciones VoIP basadas en Asterisk / Kamailio
Irontec
 
VoIP2DAY 2015 - Workshop comercial ivoz provider
VoIP2DAY 2015 - Workshop comercial ivoz providerVoIP2DAY 2015 - Workshop comercial ivoz provider
VoIP2DAY 2015 - Workshop comercial ivoz provider
Irontec
 
Comparativa Firewall: IPCop vs. pfSense
Comparativa Firewall: IPCop vs. pfSenseComparativa Firewall: IPCop vs. pfSense
Comparativa Firewall: IPCop vs. pfSense
Irontec
 
Curso de introducción a Sphinx | Irontec
Curso de introducción a Sphinx | IrontecCurso de introducción a Sphinx | Irontec
Curso de introducción a Sphinx | Irontec
Irontec
 
Curso de VoIP / Parte 01: VoIP y Asterisk
Curso de VoIP / Parte 01: VoIP y AsteriskCurso de VoIP / Parte 01: VoIP y Asterisk
Curso de VoIP / Parte 01: VoIP y Asterisk
Irontec
 
Curso de VoIP / Parte 03: Dialplan
Curso de VoIP / Parte 03: DialplanCurso de VoIP / Parte 03: Dialplan
Curso de VoIP / Parte 03: Dialplan
Irontec
 
Curso de VoIP / Parte 02: SIP
Curso de VoIP / Parte 02: SIPCurso de VoIP / Parte 02: SIP
Curso de VoIP / Parte 02: SIP
Irontec
 
Curso de VoIP / Parte 04: Conceptos avanzados
Curso de VoIP / Parte 04: Conceptos avanzadosCurso de VoIP / Parte 04: Conceptos avanzados
Curso de VoIP / Parte 04: Conceptos avanzados
Irontec
 
Virtualizacion KVM + libvirt + HREL6
Virtualizacion KVM + libvirt + HREL6Virtualizacion KVM + libvirt + HREL6
Virtualizacion KVM + libvirt + HREL6
Irontec
 
Irontec - Presentación de servicios de telefonía IP
Irontec - Presentación de servicios de telefonía IPIrontec - Presentación de servicios de telefonía IP
Irontec - Presentación de servicios de telefonía IP
Irontec
 
Caso de éxito: Irontec por nuestro proveedor Hostalia
Caso de éxito: Irontec por nuestro proveedor HostaliaCaso de éxito: Irontec por nuestro proveedor Hostalia
Caso de éxito: Irontec por nuestro proveedor Hostalia
Irontec
 
Curso completo de CRM + SugarCRM
Curso completo de CRM + SugarCRMCurso completo de CRM + SugarCRM
Curso completo de CRM + SugarCRM
Irontec
 
Seguridad en VoIP
Seguridad en VoIPSeguridad en VoIP
Seguridad en VoIP
Irontec
 

Más de Irontec (20)

Gestion de proyectos con GitLab en tiempos de teletrabajo
Gestion de proyectos con GitLab en tiempos de teletrabajoGestion de proyectos con GitLab en tiempos de teletrabajo
Gestion de proyectos con GitLab en tiempos de teletrabajo
 
Sobre cómo gestionamos centenares de despliegues de VoIP
Sobre cómo gestionamos centenares de despliegues de VoIPSobre cómo gestionamos centenares de despliegues de VoIP
Sobre cómo gestionamos centenares de despliegues de VoIP
 
Presente y futuro del nuevo IVOZ Provider
Presente y futuro del nuevo IVOZ ProviderPresente y futuro del nuevo IVOZ Provider
Presente y futuro del nuevo IVOZ Provider
 
Automated Testing para aplicaciones VoIP, WebRTC
Automated Testing para aplicaciones VoIP, WebRTCAutomated Testing para aplicaciones VoIP, WebRTC
Automated Testing para aplicaciones VoIP, WebRTC
 
Asterisk: Liberando y generando modelos de negocio en gran cuenta y operador ...
Asterisk: Liberando y generando modelos de negocio en gran cuenta y operador ...Asterisk: Liberando y generando modelos de negocio en gran cuenta y operador ...
Asterisk: Liberando y generando modelos de negocio en gran cuenta y operador ...
 
LA REVOLUCIÓN DEL CLOUD COMPUTING: NUEVA ERA DE DESARROLLO - OpenExpo17
LA REVOLUCIÓN DEL CLOUD COMPUTING: NUEVA ERA DE DESARROLLO - OpenExpo17LA REVOLUCIÓN DEL CLOUD COMPUTING: NUEVA ERA DE DESARROLLO - OpenExpo17
LA REVOLUCIÓN DEL CLOUD COMPUTING: NUEVA ERA DE DESARROLLO - OpenExpo17
 
IVOZ Provider Open Source - La solución VoIP opensource para operadores e int...
IVOZ Provider Open Source - La solución VoIP opensource para operadores e int...IVOZ Provider Open Source - La solución VoIP opensource para operadores e int...
IVOZ Provider Open Source - La solución VoIP opensource para operadores e int...
 
Escalabilidad “horizontal” en soluciones VoIP basadas en Asterisk / Kamailio
Escalabilidad “horizontal” en soluciones VoIP basadas en Asterisk / KamailioEscalabilidad “horizontal” en soluciones VoIP basadas en Asterisk / Kamailio
Escalabilidad “horizontal” en soluciones VoIP basadas en Asterisk / Kamailio
 
VoIP2DAY 2015 - Workshop comercial ivoz provider
VoIP2DAY 2015 - Workshop comercial ivoz providerVoIP2DAY 2015 - Workshop comercial ivoz provider
VoIP2DAY 2015 - Workshop comercial ivoz provider
 
Comparativa Firewall: IPCop vs. pfSense
Comparativa Firewall: IPCop vs. pfSenseComparativa Firewall: IPCop vs. pfSense
Comparativa Firewall: IPCop vs. pfSense
 
Curso de introducción a Sphinx | Irontec
Curso de introducción a Sphinx | IrontecCurso de introducción a Sphinx | Irontec
Curso de introducción a Sphinx | Irontec
 
Curso de VoIP / Parte 01: VoIP y Asterisk
Curso de VoIP / Parte 01: VoIP y AsteriskCurso de VoIP / Parte 01: VoIP y Asterisk
Curso de VoIP / Parte 01: VoIP y Asterisk
 
Curso de VoIP / Parte 03: Dialplan
Curso de VoIP / Parte 03: DialplanCurso de VoIP / Parte 03: Dialplan
Curso de VoIP / Parte 03: Dialplan
 
Curso de VoIP / Parte 02: SIP
Curso de VoIP / Parte 02: SIPCurso de VoIP / Parte 02: SIP
Curso de VoIP / Parte 02: SIP
 
Curso de VoIP / Parte 04: Conceptos avanzados
Curso de VoIP / Parte 04: Conceptos avanzadosCurso de VoIP / Parte 04: Conceptos avanzados
Curso de VoIP / Parte 04: Conceptos avanzados
 
Virtualizacion KVM + libvirt + HREL6
Virtualizacion KVM + libvirt + HREL6Virtualizacion KVM + libvirt + HREL6
Virtualizacion KVM + libvirt + HREL6
 
Irontec - Presentación de servicios de telefonía IP
Irontec - Presentación de servicios de telefonía IPIrontec - Presentación de servicios de telefonía IP
Irontec - Presentación de servicios de telefonía IP
 
Caso de éxito: Irontec por nuestro proveedor Hostalia
Caso de éxito: Irontec por nuestro proveedor HostaliaCaso de éxito: Irontec por nuestro proveedor Hostalia
Caso de éxito: Irontec por nuestro proveedor Hostalia
 
Curso completo de CRM + SugarCRM
Curso completo de CRM + SugarCRMCurso completo de CRM + SugarCRM
Curso completo de CRM + SugarCRM
 
Seguridad en VoIP
Seguridad en VoIPSeguridad en VoIP
Seguridad en VoIP
 

Último

Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador ValenciaCatalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
AMADO SALVADOR
 
Informació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdfInformació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdf
Festibity
 
Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....
Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....
Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....
MiguelAtencio10
 
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdfPresentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
giampierdiaz5
 
Inteligencia Artificial
Inteligencia ArtificialInteligencia Artificial
Inteligencia Artificial
YashiraPaye
 
mantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptxmantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptx
MiguelAtencio10
 
El uso de las TIC por Cecilia Pozos S..pptx
El uso de las TIC  por Cecilia Pozos S..pptxEl uso de las TIC  por Cecilia Pozos S..pptx
El uso de las TIC por Cecilia Pozos S..pptx
cecypozos703
 
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfqedublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
larapalaciosmonzon28
 
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdfProjecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Festibity
 
Manual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputosManual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputos
cbtechchihuahua
 
Projecte Iniciativa TIC 2024 HPE. inCV.pdf
Projecte Iniciativa TIC 2024 HPE. inCV.pdfProjecte Iniciativa TIC 2024 HPE. inCV.pdf
Projecte Iniciativa TIC 2024 HPE. inCV.pdf
Festibity
 
computacion global 3.pdf pARA TERCER GRADO
computacion global 3.pdf pARA TERCER GRADOcomputacion global 3.pdf pARA TERCER GRADO
computacion global 3.pdf pARA TERCER GRADO
YaniEscobar2
 
Nuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsadNuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsad
larapalaciosmonzon28
 
625204013-64-Camino-a-----La-Lectura.pdf
625204013-64-Camino-a-----La-Lectura.pdf625204013-64-Camino-a-----La-Lectura.pdf
625204013-64-Camino-a-----La-Lectura.pdf
yuberpalma
 
Programming & Artificial Intelligence ebook.pdf
Programming & Artificial Intelligence ebook.pdfProgramming & Artificial Intelligence ebook.pdf
Programming & Artificial Intelligence ebook.pdf
Manuel Diaz
 
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
AMADO SALVADOR
 
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
codesiret
 
Projecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdf
Projecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdfProjecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdf
Projecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdf
Festibity
 
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANOREVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
gisellearanguren1
 
TIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololoTIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololo
KukiiSanchez
 

Último (20)

Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador ValenciaCatalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
 
Informació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdfInformació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdf
 
Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....
Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....
Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....
 
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdfPresentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
 
Inteligencia Artificial
Inteligencia ArtificialInteligencia Artificial
Inteligencia Artificial
 
mantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptxmantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptx
 
El uso de las TIC por Cecilia Pozos S..pptx
El uso de las TIC  por Cecilia Pozos S..pptxEl uso de las TIC  por Cecilia Pozos S..pptx
El uso de las TIC por Cecilia Pozos S..pptx
 
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfqedublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
 
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdfProjecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
 
Manual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputosManual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputos
 
Projecte Iniciativa TIC 2024 HPE. inCV.pdf
Projecte Iniciativa TIC 2024 HPE. inCV.pdfProjecte Iniciativa TIC 2024 HPE. inCV.pdf
Projecte Iniciativa TIC 2024 HPE. inCV.pdf
 
computacion global 3.pdf pARA TERCER GRADO
computacion global 3.pdf pARA TERCER GRADOcomputacion global 3.pdf pARA TERCER GRADO
computacion global 3.pdf pARA TERCER GRADO
 
Nuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsadNuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsad
 
625204013-64-Camino-a-----La-Lectura.pdf
625204013-64-Camino-a-----La-Lectura.pdf625204013-64-Camino-a-----La-Lectura.pdf
625204013-64-Camino-a-----La-Lectura.pdf
 
Programming & Artificial Intelligence ebook.pdf
Programming & Artificial Intelligence ebook.pdfProgramming & Artificial Intelligence ebook.pdf
Programming & Artificial Intelligence ebook.pdf
 
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
 
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
 
Projecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdf
Projecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdfProjecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdf
Projecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdf
 
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANOREVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
 
TIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololoTIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololo
 

Conferencia-presentación Javascript

  • 1. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Javascript Javier Infante <jabi@irontec.com> Donosti :: EHU / UPV ::16/10/2009
  • 2. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? ¿QUÉ ES JAVASCRIPT?
  • 3. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Lenguaje de scripting.
  • 4. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? No se compila, es LENTO.
  • 5. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? ¿QUÉ NO ES JAVASCRIPT?
  • 6. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? No es un applet de Java. (No necesita una máquina virtual para ejecutarse)
  • 7. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? No es un Flash. (No necesita un plugin para ejecutarse)
  • 8. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Su ámbito principal es un navegador web.
  • 9. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? El script se DESCARGA y se interpreta en el navegador
  • 10. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Es totalmente independiente de la tecnología que haya en el servidor.
  • 11. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?
  • 12. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Javascript es simplemente código descargado desde el servidor web. Sin más. (Es un lenguaje común e independiente de todas las plataformas de desarrollo web)
  • 13. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Un poco de historia
  • 14. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Historia 1995
  • 15. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Historia Brendan Eich...
  • 16. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Historia ...inventa el lenguaje Mocha. Se rebautizará como Livescript y finalmente...
  • 17. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Historia …el 4 de Diciembre de 1995...
  • 18. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Historia Sun y Netscape anuncian conjuntamente la aparición de Javascript en su navegador Netscape Communicator.
  • 19. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Julio 1996
  • 20. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Microsoft responde anunciando su propio dialecto de Javascript para IE3: Nacía JScript.
  • 21. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Junio 1997
  • 22. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? ECMA* adopta Javascript como un estándar: ECMAScript. (ISO lo adoptará en 1998) *ECMA: European Computer Manufactures
  • 23. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Historia 2000
  • 24. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Historia W3C diseña y propone el estándar DOM*. *DOM: Document Object Model
  • 25. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? En resumen: Tenemos distintas implementaciones de JS en distintos navegadores (CAOS). Intentos de estandarización sin mucho éxito. Así que en aquellos primeros años de Javascript...
  • 26. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Javascript era casi como un juguete
  • 27. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? ¿Es Asterisk una alternativa fiable? Además un juguete bastante caótico... (y sigue siéndolo)
  • 28. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Era la época del prompt, los alerts, y los popups...
  • 29. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? El copia y pega de scripts “super útiles” desde montones de sitios... javascriptsource.com dynamicdrive.com
  • 30. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? ¿Es Asterisk una alternativa fiable? Nieve en tu página web (GRATIS!)
  • 31. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Cuenta atrás!
  • 32. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Protección contra ladrones de fotos
  • 33. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Historia LA REVOLUCIÓN. La revolución estaba cerca...
  • 34. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? 2003
  • 35. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? En la conferencia SXSW, Steve Champeon y Nick Fink presentan: “Progressive Enhancement and the Future of Web Design*” SXSW: South by SouthWest
  • 36. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Básicamente introducen nuevas pautas en el desarrollo web: Separación de contenido y presentación. Marcado semántico. Estándares web. Disponibilidad de cualquier sitio web para cualquier cliente.
  • 37. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Traducido a Javascript: - El sitio web es usable con cualquier navegador, tenga o no tenga soporte Javascript. - Todo el JS tiene que estar en ficheros externos. - No se permiten etiquetas para control de eventos (onclick / etc). - Los elementos dependientes de Javascript, son añadidos dinámicamente. - Las funcionalidades Javascript deben enriquecer la experiencia de usuario, no dar acceso exclusivo a la información.
  • 38. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Básicamente viene a decir: Tu “user-experience” será proporcional a la calidad de tu navegador. Pero la información será siempre accesible.
  • 39. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? 18 Febrero de 2005
  • 40. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Jesse James Garrett ...
  • 41. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? ...escribe un artículo bautizando un nuevo paradigma en Javascript: AJAX
  • 42. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Historia http://adaptivepath.com/ideas/essays/archives/000385.php
  • 43. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? AJAX: Asyncronous Javascript and XML. - Peticiones asíncronas al servidor directamente desde Javascript. - Permite actualizar contenido (DOM), sin necesidad de recargar la página. - Acerca la lógica del servidor a Javascript. Lo hace más práctico.
  • 44. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde?
  • 45. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Aunque no fue la primera gran compañía en utilizar AJAX, Google lo puso de moda.
  • 46. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Hoy, no vemos un portal o aplicación web sin Javascript.
  • 47. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Historia Javacript es un lenguaje maduro y muy POTENTE (y respetado por fin).
  • 48. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Ya tenemos la idea sobre como queremos desarrollar webs potentes, y con interfaces de usuarios amigables y accesibles . Pero....
  • 49. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Seguimos teniendo que ejecutar Javascript en los navegadores...
  • 50. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Y muchos navegadores, todavía no respetan esos estándares ECMAScript...
  • 51. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Pero queremos seguir desarrollando siguiendo el modelo de mejora progresiva y haciendo webs con AJAX y animaciones... ¿Qué hacemos?
  • 52. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? (IE6+IE7 cuentan con aproximadamente un 30% del mercado actualmente... no se pueden obviar)
  • 53. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Opción A) Podemos programar nuestras propias librerías de abstracción para resolver todos los conflictos CROSS-BROWSER. Opción B) Utilizar Librerías de abstracción ya desarrolladas, y olvidarnos de una parte importante de Javascript.
  • 54. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Opción A) Podemos programar nuestras propias librerías de abstracción para resolver todos los conflictos CROSS-BROWSER. Opción B) Utilizar Librerías ya desarrolladas, y dejar de programar en Javascript. - Evitamos cambiar nuestras librerías cuando cambien los navegadores. - Llegaremos a todos los bugs conocidos en todos los navegadores. - El desarrollo de la comunidad siempre será más fiable y eficiente.
  • 55. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Presentamos: y la “elegida”:
  • 56. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? ¿Por qué jQuery? ● API muy potente e intuitiva basada en selectores CSS. ● Excelente respeto por el namespacing global. (simplemente se quedan con “$”, y puede evitarse). ● Buen soporte para plugins. ● Excelente documentación.
  • 57. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? ¿Por qué NO todas las demás? ● YUI: demasiado “escueta”, su “namespacing” es severo, pero incómodo, aunque tiene buena documentación. ● Prototype: demasiado inspirada en Ruby on Rails, demasiadas funciones en el contexto global y demasiadas modificaciones de los tipados internos. ● DOJO: curva de aprendizaje alta y documentación no tan buena. ● MOOTOOLS: No es muy compatible con otras librerías, API poco intuitiva y poco respeto por el contexto global
  • 58. Javascript. ¿Qué? ¿Cómo? ¿De dónde? ¿Hasta dónde? Licencias / Créditos Fotos Brandon Deth: http://www.flickr.com/photos/bdeth/ SkinnyDiver: http://www.flickr.com/photos/tangysd/ AcidJazzed: http://en.wikipedia.org/wiki/User:AcidJazzed Topgold: http://www.flickr.com/photos/topgold/ CSSBlog: http://cssblog.es Licencia Este documento está protegido bajo la licencia Reconocimiento- SinObraDerivada 2.1 España de Creative Common (http://creativecommons.org/licenses/by-nc-sa/3.0/es/) Copyright © 2009 Javier Infante <jabi@irontec.com> Se permite la copia, modificación, distribución, uso comercial y realización de la obra, siempre y cuando se reconozca la autoría de la misma, a no sea ser que se obtenga permiso expreso del autor. El autor no permite distribuir obras derivadas a esta. Esta nota no es la licencia completa de la obra, sinouna traducción de la nota orientativa de la licenciaoriginal completa (jurídicamente válida).