EDWIN GALEANO VARGAS JQUERY Y JQUERYUI. jQuery es una biblioteca de JavaScript, creada inicialmente por John Resig, programador y empresario, conocido.

Presentación del tema: "EDWIN GALEANO VARGAS JQUERY Y JQUERYUI. jQuery es una biblioteca de JavaScript, creada inicialmente por John Resig, programador y empresario, conocido."— Transcripción de la presentación:

1 EDWIN GALEANO VARGAS JQUERY Y JQUERYUI

2 jQuery es una biblioteca de JavaScript, creada inicialmente por John Resig, programador y empresario, conocido por ser el Evangelista de JavaScript de la Fundación Mozilla. jQuery fue presentada el 14 de enero de 2006 en el BarCamp NYC. En 2008 Microsoft (Framework Ajax) y Nokia (plataforma de diseño de Widget) adoptan jQuery como parte de sus plataformas de desarrollo de aplicaciones. Anualmente se realizan conferencias oficiales, la próxima en Chicago el 12 y 13 de septiembre HISTORIA DE JQUERY

3 Es una librería JavaScript con la idea de “Escribir menos, hacer mas”. El propósito principal es hacer mas fácil el uso JavaScript en aplicaciones Web. Toma tareas comunes que toman muchas líneas de código JavaScript y las reúne en métodos que se pueden llamar con una línea de código. Específicamente simplifica tareas complicadas como las llamadas AJAX y la manipulación del DOM. CARACTERÍSTICAS

4 Contiene las siguientes características especificas: Manejo de HTML/DOM Manejo de CSS Métodos de eventos HTML Efectos y animaciones AJAX CARACTERÍSTICAS

5 Adición de jQuery páginas web desarrolladas Hay varias formas de iniciar el uso de jQuery en un sitio web. Se puede: Descargar la librería jQuery de jQuery.com Incluir jQuery desde un CDN ( content delivery network en inglés), como Google INSTALACIÓN

6 Descarga de jQuery Hay dos versiones disponibles para descargar Versión de producción – se usa en el sitio en línea, con la característica de que ha sido manipulado y comprimido. Versión de desarrollo - para pruebas y desarrollo (código sin comprimir y legible). Ambas versiones se pueden descargar del siguiente link: http://jquery.com/download/ INSTALACIÓN

7 La biblioteca jQuery es un solo archivo de JavaScript, y se referencia con la etiqueta HTML (Note que la etiqueta debe estar dentro de la sección ): Ubique el archivo descargado en el mismo directorio de la página que lo va a usar. INSTALACIÓN

8 La otra alternativa en el caso de no querer descargar el archivo es incluirlo desde un CDN (Content Delivery Network) Para tal caso se usa los siguientes comandos: Google CDN: Microsoft CDN: INSTALACIÓN

9 COMO TRABAJA JQUERY Empecemos por crear el siguiente código:

10 COMO TRABAJA JQUERY Lanzando código de un documento Ejemplo completo.

11 COMO TRABAJA JQUERY Adicionando y removiendo una clase HTML Código Efectos especiales Código Llamadas y funciones Llamadas sin argumentos Llamadas con argumentos

12 Es una biblioteca de componentes para el jQuery que le añaden un conjunto de plug-ins, widgets y efectos visuales para la creación de aplicaciones webbibliotecajQueryplug-inswidgets JQUERY UI

13 COMO TRABAJA JQUERY UI Inicialización Métodos Métodos Comunes Option Disable Enable Destroy Widget Eventos

14 EJEMPLO Se mostraran los eventos con el mouse entre ellos: click() dobleclick() mouseenter() mouseleave() mousedown() mouseup()

15 REFERENCIAS https://jquery.org/license/ http://blog.jquery.com/category/events/ http://www.w3schools.com/jquery/ http://learn.jquery.com/ http://jqueryui.com/