SlideShare ist ein Scribd-Unternehmen logo
1 von 19
Neyder Angarita Osorio
Cod. 16000-1802
    jQuery es una “librería JavaScript
    muy rápida y muy ligera que
    simplifica el desarrollo de la parte de
    cliente de las aplicaciones web”.
   Simplifica la manera de interactuar con los
    documentos HTML.

   El manejo de eventos, animación, y las
    interacciones Ajax para el desarrollo web
    rápido.

   Creador John Resig. En el año 2006.
   Google Trends:
Sitios Destacados:

Google
Amazon
IBM
Microsoft - Visual Studio, ASP.NET MVC.
Twitter
Dell, Inc.
   Selección de elementos DOM. ('Modelo de
    Objetos del Documento‘)
   Interactividad y modificaciones del árbol DOM
   Eventos.
   Manipulación de la hoja de estilos CSS.
   Efectos y animaciones.
   Animaciones personalizadas.
   AJAX.
   Soporta extensiones.
   Compatibilidad con la gran mayoría de los
    navegadores.
   ¿Que se necesita para empezar?

   Descargar la librería http://jquery.com/ y enlazar en nuestras
    páginas el único archivo JavaScript que la forma:

<script type="text/javascript“ src="jquery-
  1.7.1.min.js"></script>

<script type="text/javascript“
  src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
Funcion $, selectores y metodos
    Selectores: expresión CSS o el nombre de
    una etiqueta HTML

   $(“selector”).metodo();
   $("#id").css();
   $(".clase").animate();
   Inicio de jQuery

$(document).ready(function() { //Aquí van
   todas las acciones del documento.
});
http://docs.jquery.com
Ejemplo :

slides-conferencia-jqueryslides-conferencia-
   jqueryejemplosholamundo.html
 jQuery Plugins.
Slides

plugin-parpadea.html
 LIBRERIAS BASADAS EN   jQuery
http://jqueryui.com/




calendario.html
   Necesarias para utilizar la librería.
   http://www.matiasmancini.com.ar/jquery-
    plugin-validar-formularios-html5-con-
    ajax.html
   jQuery Mobile



   SITIOS:

   http://www.jqmgallery.com/


 jquery-mobileej2.html
Fecha de versión            Número de versión       Notas adicionales

26 de agosto de 2006      1.0                       Primera versión estable

21 de noviembre de 2011   1.7.1                     Mejor soporte
                                                    de HTML5 para IE6/7/8
GRACIAS ….   :)

Weitere ähnliche Inhalte

Was ist angesagt?

Leslie rios y natasha saravia
Leslie rios y natasha saraviaLeslie rios y natasha saravia
Leslie rios y natasha saraviaLeslie Styles
 
Presentacion diseño web con jquery
Presentacion diseño web con jqueryPresentacion diseño web con jquery
Presentacion diseño web con jqueryEutobar
 
La magia de jquery
La magia de jqueryLa magia de jquery
La magia de jqueryAngelDX
 

Was ist angesagt? (7)

Leslie rios y natasha saravia
Leslie rios y natasha saraviaLeslie rios y natasha saravia
Leslie rios y natasha saravia
 
Presentacion diseño web con jquery
Presentacion diseño web con jqueryPresentacion diseño web con jquery
Presentacion diseño web con jquery
 
La magia de jquery
La magia de jqueryLa magia de jquery
La magia de jquery
 
Google docs
Google docsGoogle docs
Google docs
 
Leccion 1 dream
Leccion 1 dreamLeccion 1 dream
Leccion 1 dream
 
Incrustar hoja de cálculo en blog
Incrustar hoja de cálculo en blogIncrustar hoja de cálculo en blog
Incrustar hoja de cálculo en blog
 
Crear archivo html
Crear archivo htmlCrear archivo html
Crear archivo html
 

Andere mochten auch

Andere mochten auch (8)

Software LIBRE Y PROPIETARIO
Software LIBRE Y PROPIETARIOSoftware LIBRE Y PROPIETARIO
Software LIBRE Y PROPIETARIO
 
Jquery
JqueryJquery
Jquery
 
Web20
Web20Web20
Web20
 
Semanal Técnico 17/12/2013
Semanal Técnico 17/12/2013Semanal Técnico 17/12/2013
Semanal Técnico 17/12/2013
 
Plan de soporte y mantenimiento
Plan de soporte y mantenimiento Plan de soporte y mantenimiento
Plan de soporte y mantenimiento
 
Semillero .net
Semillero .netSemillero .net
Semillero .net
 
Grupodetrabajoacm
GrupodetrabajoacmGrupodetrabajoacm
Grupodetrabajoacm
 
Html
HtmlHtml
Html
 

Ähnlich wie J query

Ähnlich wie J query (20)

Introducción a JQuery
Introducción a JQueryIntroducción a JQuery
Introducción a JQuery
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007
 
Barcelona Workshop 2008
Barcelona Workshop 2008Barcelona Workshop 2008
Barcelona Workshop 2008
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007
 
Web20
Web20Web20
Web20
 
Guia jQuery INCES Militar - Kurt Gude
Guia jQuery INCES Militar - Kurt GudeGuia jQuery INCES Militar - Kurt Gude
Guia jQuery INCES Militar - Kurt Gude
 
JqueryMobile
JqueryMobile JqueryMobile
JqueryMobile
 
Web20 With Ajax
Web20 With AjaxWeb20 With Ajax
Web20 With Ajax
 
Jquery
JqueryJquery
Jquery
 
myprofly
myproflymyprofly
myprofly
 
Ajax tsis
Ajax tsisAjax tsis
Ajax tsis
 
Seminario jquery, html5 y wicket
Seminario jquery, html5 y wicketSeminario jquery, html5 y wicket
Seminario jquery, html5 y wicket
 
Ajax
AjaxAjax
Ajax
 
Curso ajax
Curso ajaxCurso ajax
Curso ajax
 
Introduccion a j query
Introduccion a j queryIntroduccion a j query
Introduccion a j query
 
Charla Jquery
Charla JqueryCharla Jquery
Charla Jquery
 
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
 
Javascript
JavascriptJavascript
Javascript
 
Phonegap
PhonegapPhonegap
Phonegap
 
Javascript en proyectos reales: jQuery
Javascript en proyectos reales: jQueryJavascript en proyectos reales: jQuery
Javascript en proyectos reales: jQuery
 

Kürzlich hochgeladen

Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosJhonJairoRodriguezCe
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 

Kürzlich hochgeladen (11)

Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 

J query

  • 2. jQuery es una “librería JavaScript muy rápida y muy ligera que simplifica el desarrollo de la parte de cliente de las aplicaciones web”.
  • 3. Simplifica la manera de interactuar con los documentos HTML.  El manejo de eventos, animación, y las interacciones Ajax para el desarrollo web rápido.  Creador John Resig. En el año 2006.
  • 4. Google Trends:
  • 5. Sitios Destacados: Google Amazon IBM Microsoft - Visual Studio, ASP.NET MVC. Twitter Dell, Inc.
  • 6.
  • 7. Selección de elementos DOM. ('Modelo de Objetos del Documento‘)  Interactividad y modificaciones del árbol DOM  Eventos.  Manipulación de la hoja de estilos CSS.  Efectos y animaciones.  Animaciones personalizadas.  AJAX.  Soporta extensiones.  Compatibilidad con la gran mayoría de los navegadores.
  • 8. ¿Que se necesita para empezar?  Descargar la librería http://jquery.com/ y enlazar en nuestras páginas el único archivo JavaScript que la forma: <script type="text/javascript“ src="jquery- 1.7.1.min.js"></script> <script type="text/javascript“ src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  • 9. Funcion $, selectores y metodos  Selectores: expresión CSS o el nombre de una etiqueta HTML  $(“selector”).metodo();  $("#id").css();  $(".clase").animate();
  • 10. Inicio de jQuery $(document).ready(function() { //Aquí van todas las acciones del documento. });
  • 14.  LIBRERIAS BASADAS EN jQuery http://jqueryui.com/ calendario.html
  • 15. Necesarias para utilizar la librería.
  • 16. http://www.matiasmancini.com.ar/jquery- plugin-validar-formularios-html5-con- ajax.html
  • 17. jQuery Mobile  SITIOS:  http://www.jqmgallery.com/  jquery-mobileej2.html
  • 18. Fecha de versión Número de versión Notas adicionales 26 de agosto de 2006 1.0 Primera versión estable 21 de noviembre de 2011 1.7.1 Mejor soporte de HTML5 para IE6/7/8