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

Slides:



Advertisements
Presentaciones similares
Introducción a jQuery Formación interna
Advertisements

Introducción a la programación (Clase 2)
HTML (Historia) Rogelio Ferreira Escutia. 2 HTML, septiembre 2010 ¿Qué es? HTML, siglas de HyperText Markup Language.
CSS Rogelio Ferreira Escutia. 2 Hojas de estilo cascada, mayo 2010 Definición La hojas de estilo en cascada (en inglés.
JavaScript Rogelio Ferreira Escutia. 2 JavaScript Wikipedia, noviembre 2009http://es.wikipedia.org/wiki/Javascript.
El RSS es un formato basado en XML que permite encontrar aquella información que mejor se adapta a lo que el usuario desea, pero también ofrecerla de.
Asynchronous JavaScript and XML. Esta clase sirve para ser utilizado cuando lo único que queremos hacer es actualizar cierta parte de un sitio Web continuamente.
Desarrollo de aplicaciones para Windows con VB.NET 2005 Capitulo 3.
Ing. Jéber G. Martínez. HTML: Definiéndolo de forma sencilla, "HTML es lo que se utiliza para crear todas las páginas web de Internet". Más concretamente,
DOM ( Document Object Model) Prof. Franklin Cedeño.
Asynchronous JavaScript and XML.  No es una nueva forma de programar, es una forma de utilizar los estándares disponibles.  Es el arte de intercambiar.
Cont.. Universidad Católica de El Salvador Centro Regional de Ilobasco Licenciatura en ciencias de la educación con especialidad en matemática. Portafolio.
HERRAMIENTAS DE DISEÑO WEB
Faustino Efraín Ruiz Austria Info provided by
Daniel Correa Botero.  Puede ser desplegado en la mayoría de los servidores web y en casi todos los sistemas operativos y plataformas sin costo alguno.
DESARROLLANDO TEMPLATES PARA JOOMLA! 1.5 Ing. Edwin Rolando Paredes Calderón. Comercio Electrónico.
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
Propósito: * Mostrar indicativos porcentuales de los diversos microorganismos con los que se alimentan el camarón en un manejo semi-intensivo aplicado.
3 PROGRAMAR EN UN LENGUAJE DE HIPERTEXTO L.I. OSWALDO MARTINEZ C. EDPW.
F RAMEWORKS DE DESARROLLO JAVA,.NET Deisy Pérez Sánchez.
Lenguajes de programación Web
TIPOS DE SOFTWARE Se denomina software a un programa, equipamiento lógico o soporte lógico necesario para hacer posible la realización de una tarea con.
Lenguajes de programación para la web Lenguaje html Lenguaje java script Es un lenguaje estático para el desarrollo de sitios web Ventajas: Sencillo que.
Google Docs y Talk. Vamos a hacer una pequeña presentación de google docs y google talk en la que hablaremos de: Historia Historia Ventajas y desventajas.
Kleber Andres Loayza Castro Hernán Eduardo Cueva Delgado
Sito web página web Hoy veremos las características que poseen los sitios y las páginas web dentro de la internet. También veremos como son como se poseen.
DOCUMENTO: LOS DIFERENTES LENGUAJES DE PROGRAMACIÓN PARA LA WEB POR: JUAN RICARDO VILLEGAS.
Gabriel Montañés León. RSS es el acrónimo de Really Simple Sindication (Sindicación Realmente Simple). Es un formato basado en el lenguaje XML que permite.
Servicio de Internet http Pagina Web (blog). ¿ Que es una página Web? Documento en la World Wide Web que es visto a través de un navegador como Internet.
Cristian Fonnegra Marin
El Documento de Diseño Es el documento que se crea para reflejar las especificaciones del proyecto y puede servir para buscar inversores Sirve tanto.
INFOPATH – CLAUDIO ALVARADO. QUE ES INFOPATH Microsoft InfoPath es una aplicación usada para desarrollar formularios de entrada de datos basados en XML.
Profesora: Laura Patricia Pinto Prieto Ingeniera de sistemas Introducción a Programación 3.
INFORMÁTICA SOCIEDAD Y ORGANIZACIÓN
SEMINARIO 2 Miembros del grupo: Juan Francisco García Jorge Mahecha Sergi Mellado.
INTRODUCCION. Microsoft es la empresa fabricante de los distintos Sistemas o plataformas operativas conocidas como Windows los cuales nos han permitido.
LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) LENGUAJES DE PROGRAMACIÓN PARA EL DESARROLLO DE INTERFACES.
¿ Q UE ES UN WORDPRESS? Es un sistema ideal para un sitio web que se actualice periódicamente. Si se escribe contenido con cierta frecuencia, cuando alguien.
DIEGO ARMANDO GÓMEZ CUERVO Desarrollo de aplicaciones WEB con herramientas de software libre.
Navegador Luhana Margarita López Leidy Tatiana González salinas.
JQuery Instructores: Nancy Flores Torrecilla Julio césar Morales Crispín.
Gestores de contenido. Concepto: WORDPRESS es un sistema de gestión de contenido (o CMS, del inglés Content Management System) enfocado a la creación.
. ¿Cómo crear y administrar una web con Wordpress? Santiago, 1 de octubre 2012.
Alumno: Israel Espinosa Jiménez Matricula: Licenciatura: TIC Asignatura: Programación con Lenguajes de Cuarta Generación Cuatrimestre: 5 Página.
Creación de un sitio Web para la organización. ¿Qué es un sitio web? Un sitio web es una colección de una o varias páginas Web – archivos individuales.
TUTORIAL SLIDESHARE ANA ROMANO. Slideshare es una de las cientos de herramientas web 2.0 que encontramos en la Red. Es a las presentaciones lo que Youtube.
Capítulo 9: Detección de Errores MSc. Alexis Cabrera Mondeja.
 Curso básico de Dreamweaver MX (1)  Qué es Dreamweaver MX  Dreamweaver MX es un software fácil de usar que permite crear páginas web profesionales.
Introducción a GDevelop
@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo
Introduccióna Dreamweaver Licenciatura en Tecnología Educativa LEIVA HÉCTOR RUBEN.
¿Qué es jQuery? jQuery es una librería gratuita y open source, que simplifica la creación de páginas web altamente interactivas. Funciona.
Presentación Técnica DESCRIPCIÓN DE LA TECNOLOGÍA UTILIZADA PARA EL DESARROLLO DEL SISTEMA.
Explicación del trabajo académico y Proyecto Final
I.LENGUAJE DE PROGRAMACIÓN JAVASCRIPT. El JavaScript es un lenguaje de programación interpretado, lo que significa que no necesita ser compilado. Proviene.
1. Introducción ¿Qué es HTML? HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje para la elaboración.
GOOGLE DOCS Y TALK Vamos a realizar una pequeña presentación sobre Google Docs y Talk.
Primer nivel – Piramide SEO
Java Script. Como habilitar JavaScript en tu navegador
HTML. HTML 5 Características –Es una versión basada en HTML 4 –Manejo de la aplicación y multimedia. –Tags específicos para diferentes contenidos.
Herramientas digitales: Slid.es y Projeqt
Aplicación web de tipo Ambiente Educativo Virtual, un sistema de gestión de cursos, de distribución libre, que ayuda a los educadores a crear comunidades.
Hojas de Estilo UNIVERSIDAD TECNOLÓGICA DE AGUASCALIENTES.
Curso teórico-práctico de El código es poesía. Sistema de gestión de contenidos enfocado a la creación de Blogs (sitios web periódicamente actualizados).
Desarrollo y servicios web Luisa Fernanda Rincón Pérez
Introducción a jQuery Adam Sánchez CONDESAN. jQuery es una biblioteca o framework de JavaScript, creada inicialmente por John Resig, que permite simplificar.
Tendencias de Construcción Web
JQUERY ESTUDIANTEs : Omar Flores Ricaldez Luis m. nuñez castro
JQUERY ¿Qué es JQuery?  jQuery es una biblioteca de JavaScript, creada inicialmente por John Resig, que permite simplificar la manera de interactuar con.
Jorge Iván Villay Daniela Vélez Vélez
Transcripción de la presentación:

EDWIN GALEANO VARGAS JQUERY Y JQUERYUI

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

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

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

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

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: INSTALACIÓN

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

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

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

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

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

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

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

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

REFERENCIAS