SlideShare una empresa de Scribd logo
1 de 11
JQUERY
INTRODUCCIÓN A JQUERY
Agregar interactividad a las páginas web ha
sido simplificado dramáticamente gracias a
JQuery, El framework más popular de
JavaScript. Las razones de la popularidad de
jQuery pueden resumirse en:
 Escribes menos código, lo que en JavaScript te
tomaría cerca de 20 líneas, con jQuery puedes
lograrlo en 2 o 3 líneas.

QUE ES JQUERY
JQuery esta diseñado para cambiar la manera en
que se escribe código
JavaScript”. No solo ha hecho esto, se ha
logrado algo aún más impresionante, ha
animado a un gran número de diseñadores web a
comenzar a escribir su propio código en lugar de
copiarlo de dudosas fuentes.


jQuery es lo que se conoce como una
librería JavaScript, pero no es del tipo de
librerías que esta llena con filas y filas
de libros. Es un archivo relativamente
pequeño (84kb sin comprimir) que contiene
docenas de funciones (métodos) de
JavaScript diseñadas para simplificar el
trabajo con JavaScript.


Simplemente ligas tu página web al
archivo y usas los métodos de jQuery
para agregar interactividad a tu sitio web.



JavaScript
es un
lenguaje muy
potente,
pero hay dos obstáculos
importantes para su uso.


JavaScript fe desarrollado originalmente
por Netscape, el archirrival de Internet
Explorer durante la guerra de los
navegadores en los 90’s. Aunque Internet
Explorer adopto rápidamente el lenguaje
(su versión oficial se llama JScript), hay
diferencias fundamentales en ciertas
áreas, como el manejo de eventos. Hacer
scripts que funcionen en todos los
navegadores
generalmente
implica
rescribir mucho código.


La interactividad consiste en agregar y
quitar elementos de una página o afectar
los estilos que tengan. Los métodos
oficiales para hacer esto, usando el
Documento de Modelo de Objetos del
consorcio World Wide Web (W3C
DOM), son bastante engorrosos.
COMO FUNCIONA


jQuery funciona en todos los navegadores
actuales incluyendo Internet Explorer 6+,
Firefox 2+, Safari 3+, Chrome, and Opera 9+.



Es de código libre licenciado a la vez con MIT
License y Licence y GNU General Public License


Se estima que tres de cada cuatros sitios web
con JavaScript han adoptado jQuery.



Empresas líderes usan jQuery como
Amazon.com, Bank of America, BBC y Twitter.
COMO OBTENER JQUERY


Aunque Dreamweaver CS5.5 tiene sugerencias
de código para todo jQuery, es necesario ligar
tus páginas web a la librearía core de jQuery.
Hay dos maneras de hacer eso:



Ligar a la última versión de la librería
hospedada en un “Content Distribution Network
(CDN)”
J query

Más contenido relacionado

La actualidad más candente

Trabajo práctico de google chrome y mozilla firefox
Trabajo práctico de google chrome y mozilla firefoxTrabajo práctico de google chrome y mozilla firefox
Trabajo práctico de google chrome y mozilla firefoxmartinaisasmendi
 
Trabajo práctico nº 2
Trabajo práctico nº 2Trabajo práctico nº 2
Trabajo práctico nº 2agusraya
 
Presentacion wikis equipo 2
Presentacion wikis  equipo 2Presentacion wikis  equipo 2
Presentacion wikis equipo 2Josue Negrete
 
Examen de programacion
Examen de programacionExamen de programacion
Examen de programacionFranck Lezcano
 
Blogs trabajo eesr# 24
Blogs trabajo eesr# 24Blogs trabajo eesr# 24
Blogs trabajo eesr# 24esgarsr
 
Presentación sin título
Presentación sin títuloPresentación sin título
Presentación sin títuloDylan Caro
 
Trabajo pràctico nº 3.
Trabajo pràctico nº 3.Trabajo pràctico nº 3.
Trabajo pràctico nº 3.EMILIACARIGNANO
 
Ppt sobre cite while you write
Ppt sobre cite while you writePpt sobre cite while you write
Ppt sobre cite while you writenildarivera
 
mootools y sexyimages
mootools y sexyimagesmootools y sexyimages
mootools y sexyimagesCW
 
NavegadoresWeb/GoogleChrome
NavegadoresWeb/GoogleChromeNavegadoresWeb/GoogleChrome
NavegadoresWeb/GoogleChromeLizeth Alvarez
 
Mapa conceptual de Diseños Web
Mapa conceptual de Diseños WebMapa conceptual de Diseños Web
Mapa conceptual de Diseños WebEdisonq0891
 
Cómo utilizar skydrive
Cómo utilizar skydriveCómo utilizar skydrive
Cómo utilizar skydrive3118236464
 
Trabajo práctico nº 2
Trabajo práctico nº 2Trabajo práctico nº 2
Trabajo práctico nº 2Tomi Figueroa
 
Blog paco
Blog pacoBlog paco
Blog pacopacocc
 

La actualidad más candente (17)

Trabajo práctico de google chrome y mozilla firefox
Trabajo práctico de google chrome y mozilla firefoxTrabajo práctico de google chrome y mozilla firefox
Trabajo práctico de google chrome y mozilla firefox
 
Crear y mantener Blog
Crear y mantener BlogCrear y mantener Blog
Crear y mantener Blog
 
Lalablog
LalablogLalablog
Lalablog
 
Trabajo práctico nº 2
Trabajo práctico nº 2Trabajo práctico nº 2
Trabajo práctico nº 2
 
Presentacion wikis equipo 2
Presentacion wikis  equipo 2Presentacion wikis  equipo 2
Presentacion wikis equipo 2
 
Examen de programacion
Examen de programacionExamen de programacion
Examen de programacion
 
Blogs trabajo eesr# 24
Blogs trabajo eesr# 24Blogs trabajo eesr# 24
Blogs trabajo eesr# 24
 
Presentación sin título
Presentación sin títuloPresentación sin título
Presentación sin título
 
Trabajo pràctico nº 3.
Trabajo pràctico nº 3.Trabajo pràctico nº 3.
Trabajo pràctico nº 3.
 
Ppt sobre cite while you write
Ppt sobre cite while you writePpt sobre cite while you write
Ppt sobre cite while you write
 
mootools y sexyimages
mootools y sexyimagesmootools y sexyimages
mootools y sexyimages
 
NavegadoresWeb/GoogleChrome
NavegadoresWeb/GoogleChromeNavegadoresWeb/GoogleChrome
NavegadoresWeb/GoogleChrome
 
Mapa conceptual de Diseños Web
Mapa conceptual de Diseños WebMapa conceptual de Diseños Web
Mapa conceptual de Diseños Web
 
Expo . google chrome
Expo . google chromeExpo . google chrome
Expo . google chrome
 
Cómo utilizar skydrive
Cómo utilizar skydriveCómo utilizar skydrive
Cómo utilizar skydrive
 
Trabajo práctico nº 2
Trabajo práctico nº 2Trabajo práctico nº 2
Trabajo práctico nº 2
 
Blog paco
Blog pacoBlog paco
Blog paco
 

Destacado (7)

Business ppt-template-025 (1)
Business ppt-template-025 (1)Business ppt-template-025 (1)
Business ppt-template-025 (1)
 
Homenaje de una joven Odeesa
Homenaje de una joven OdeesaHomenaje de una joven Odeesa
Homenaje de una joven Odeesa
 
Fisioterapia BUAP
Fisioterapia BUAP
Fisioterapia BUAP
Fisioterapia BUAP
 
Ny wett bloggar i skolan
Ny wett bloggar i skolanNy wett bloggar i skolan
Ny wett bloggar i skolan
 
resume
resumeresume
resume
 
Proceso de Producción
Proceso de Producción Proceso de Producción
Proceso de Producción
 
Ht 7
Ht 7Ht 7
Ht 7
 

Similar a J query

J query el framework de la web luc van lancker-1504
J query el framework de la web    luc van lancker-1504J query el framework de la web    luc van lancker-1504
J query el framework de la web luc van lancker-1504Vanessa Carlos
 
web_tendencias_construccion.ppt
web_tendencias_construccion.pptweb_tendencias_construccion.ppt
web_tendencias_construccion.pptSoftnet
 
Manual de jquery en pdf desarrollowebcom
Manual de jquery en pdf desarrollowebcomManual de jquery en pdf desarrollowebcom
Manual de jquery en pdf desarrollowebcomjo_ram
 
manual de jquery
manual de jquerymanual de jquery
manual de jqueryAngel Luna
 
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 JavaScriptKarsarmi
 
Andres web 2.0
Andres web 2.0Andres web 2.0
Andres web 2.0Becado
 
Instalacion adobe dream weaver
Instalacion adobe dream weaverInstalacion adobe dream weaver
Instalacion adobe dream weaverLuis Viteri
 
Diapositivas de tecnologia
Diapositivas de tecnologiaDiapositivas de tecnologia
Diapositivas de tecnologiaGonzalo Valdés
 
Diapositivas de tecnologia
Diapositivas de tecnologiaDiapositivas de tecnologia
Diapositivas de tecnologiaGonzalo Valdés
 

Similar a J query (20)

Jquery
JqueryJquery
Jquery
 
J query el framework de la web luc van lancker-1504
J query el framework de la web    luc van lancker-1504J query el framework de la web    luc van lancker-1504
J query el framework de la web luc van lancker-1504
 
web_tendencias_construccion.ppt
web_tendencias_construccion.pptweb_tendencias_construccion.ppt
web_tendencias_construccion.ppt
 
Manual jquery
Manual jqueryManual jquery
Manual jquery
 
JQUERY.pptx
JQUERY.pptxJQUERY.pptx
JQUERY.pptx
 
Manual de jquery en pdf desarrollowebcom
Manual de jquery en pdf desarrollowebcomManual de jquery en pdf desarrollowebcom
Manual de jquery en pdf desarrollowebcom
 
Manual de jquery
Manual de jqueryManual de jquery
Manual de jquery
 
Jquery
JqueryJquery
Jquery
 
manual de jquery
manual de jquerymanual de jquery
manual de jquery
 
Programación juliana montoya
Programación juliana montoyaProgramación juliana montoya
Programación juliana montoya
 
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
 
Andres web 2.0
Andres web 2.0Andres web 2.0
Andres web 2.0
 
Presentacion Google Web Toolkit
Presentacion Google Web ToolkitPresentacion Google Web Toolkit
Presentacion Google Web Toolkit
 
Instalacion adobe dream weaver
Instalacion adobe dream weaverInstalacion adobe dream weaver
Instalacion adobe dream weaver
 
MicroTutorial No 3: Introducción a Jquery
MicroTutorial No 3: Introducción a JqueryMicroTutorial No 3: Introducción a Jquery
MicroTutorial No 3: Introducción a Jquery
 
Programación d.j
Programación d.jProgramación d.j
Programación d.j
 
Diapositivas de tecnologia
Diapositivas de tecnologiaDiapositivas de tecnologia
Diapositivas de tecnologia
 
Diapositivas de tecnologia
Diapositivas de tecnologiaDiapositivas de tecnologia
Diapositivas de tecnologia
 
Web 2 0
Web 2 0Web 2 0
Web 2 0
 
Tecnologias Web 2 0
Tecnologias Web 2 0Tecnologias Web 2 0
Tecnologias Web 2 0
 

J query

  • 2. INTRODUCCIÓN A JQUERY Agregar interactividad a las páginas web ha sido simplificado dramáticamente gracias a JQuery, El framework más popular de JavaScript. Las razones de la popularidad de jQuery pueden resumirse en:  Escribes menos código, lo que en JavaScript te tomaría cerca de 20 líneas, con jQuery puedes lograrlo en 2 o 3 líneas. 
  • 3. QUE ES JQUERY JQuery esta diseñado para cambiar la manera en que se escribe código JavaScript”. No solo ha hecho esto, se ha logrado algo aún más impresionante, ha animado a un gran número de diseñadores web a comenzar a escribir su propio código en lugar de copiarlo de dudosas fuentes.
  • 4.  jQuery es lo que se conoce como una librería JavaScript, pero no es del tipo de librerías que esta llena con filas y filas de libros. Es un archivo relativamente pequeño (84kb sin comprimir) que contiene docenas de funciones (métodos) de JavaScript diseñadas para simplificar el trabajo con JavaScript.
  • 5.  Simplemente ligas tu página web al archivo y usas los métodos de jQuery para agregar interactividad a tu sitio web.  JavaScript es un lenguaje muy potente, pero hay dos obstáculos importantes para su uso.
  • 6.  JavaScript fe desarrollado originalmente por Netscape, el archirrival de Internet Explorer durante la guerra de los navegadores en los 90’s. Aunque Internet Explorer adopto rápidamente el lenguaje (su versión oficial se llama JScript), hay diferencias fundamentales en ciertas áreas, como el manejo de eventos. Hacer scripts que funcionen en todos los navegadores generalmente implica rescribir mucho código.
  • 7.  La interactividad consiste en agregar y quitar elementos de una página o afectar los estilos que tengan. Los métodos oficiales para hacer esto, usando el Documento de Modelo de Objetos del consorcio World Wide Web (W3C DOM), son bastante engorrosos.
  • 8. COMO FUNCIONA  jQuery funciona en todos los navegadores actuales incluyendo Internet Explorer 6+, Firefox 2+, Safari 3+, Chrome, and Opera 9+.  Es de código libre licenciado a la vez con MIT License y Licence y GNU General Public License
  • 9.  Se estima que tres de cada cuatros sitios web con JavaScript han adoptado jQuery.  Empresas líderes usan jQuery como Amazon.com, Bank of America, BBC y Twitter.
  • 10. COMO OBTENER JQUERY  Aunque Dreamweaver CS5.5 tiene sugerencias de código para todo jQuery, es necesario ligar tus páginas web a la librearía core de jQuery. Hay dos maneras de hacer eso:  Ligar a la última versión de la librería hospedada en un “Content Distribution Network (CDN)”