FECHA ÚLTIMA REVISIÓN: 13/12/11 VERSIÓN: 1.0CÓDIGO: GDI.3.1.004
CARRERA DE INGENIERÍA EN TECNOLOGÍAS DE LA INFORMACIÓN
PERÍODO
Septiembre 2019 - Febrero 2020
ASIGNATURA
INTEGRANTES
Jennifer Cadena, James Guerrero y Wendy Puchaicela
NIVEL
Quinto “A”
DOCENTE
Ing. Héctor Revelo
UNIVERSIDAD DE LAS FUERZAS ARMADAS ESPE
DEPARTAMENTO DE CIENCIAS DE LA COMPUTACIÓN
FECHA ÚLTIMA REVISIÓN: 13/12/11 VERSIÓN: 1.0CÓDIGO: GDI.3.1.004
jQuery
VERSIÓN: 1.0
jQuery es una biblioteca multiplataforma de JavaScript,
creada inicialmente por John Resig, que permite simplificar
la manera de interactuar con los documentos HTML,
manipular el árbol DOM*, manejar eventos, desarrollar
animaciones y agregar interacción con la técnica AJAX* a
páginas web.
Es software libre y de código abierto, posee un doble
licenciamiento bajo la Licencia MIT y la Licencia Pública
General de GNU v2, permitiendo su uso en proyectos libres
y privados.
*DOM ('Modelo de Objetos del Documento' o 'Modelo en Objetos para la Representación de
Documentos') es esencialmente una interfaz de plataforma que proporciona un conjunto estándar de
objetos para representar documentos HTML, XHTML y XML
*AJAX: acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML) técnica de
desarrollo web para crear aplicaciones interactivas.
VERSIÓN: 1.0
¿Qué es jQuery?
● jQuery es una librería JavaScript ligera, "escribir menos, hacer más".
● El propósito de jQuery es hacer mucho más fácil el uso de JavaScript en su
sitio web.
● jQuery toma muchas tareas comunes que requieren muchas líneas de código
JavaScript para realizar, y las envuelve en métodos a los que puede llamar con
una sola línea de código.
● jQuery también simplifica muchas de las cosas complicadas de JavaScript,
como las llamadas AJAX y la manipulación de DOM.
La biblioteca jQuery contiene las siguientes características:
➔ Manipulación de HTML/DOM
➔ Manipulación de CSS
➔ Métodos de eventos HTML
➔ Efectos y animaciones
➔ AJAX
➔ Servicios públicos
➔ Además, jQuery tiene plugins para casi cualquier tarea.
VERSIÓN: 1.0
¿Por qué jQuery?
Hay muchos otros marcos de trabajo de JavaScript, pero
jQuery parece ser el más popular, y también el más
extensible.
Muchas de las empresas más grandes de la Web utilizan
jQuery, como por ejemplo:
➢ Google
➢ Microsoft
➢ IBM
➢ Netflix
VERSIÓN: 1.0
VENTAJAS:
❖ jQuery es una biblioteca de JavaScript.
❖ jQuery simplifica enormemente la programación de
JavaScript.
❖ jQuery es fácil de aprender.
VERSIÓN: 1.0
¿Qué nos permite realizar jQuery?
Nos permite agregar interactividad a nuestra web sin tener
grandes conocimientos de programación.
Usar galerías de fotos dinámicas y elegantes, validación de
formularios, calendarios, hacer aparecer y desaparecer
elementos en nuestra página
Posibilidad de usar AJAX para mejorar la interactividad,
velocidad y usabilidad de nuestra web.
VERSIÓN: 1.0
Pasos para utilizar jQuery en tu página web
Descarga la última versión del
framework
Tenemos dos opciones para descargar
jQuery, comprimido y sin comprimir.
VERSIÓN: 1.0
El resultado de la descarga es un archivo con extensión js que
guardaremos en una carpeta de nuestro equipo.
<script src="js/jquery-3.2.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
● Ese vínculo conviene colocarlo dentro del body y hacia el
final del HTML para no ralentizar la carga de los contenidos.
● Si descargamos el archivo y lo vinculamos de esa manera,
debemos subir el archivo a nuestro hosting.
VERSIÓN: 1.0
Ejemplo JavaScript vs JQuery
VERSIÓN: 1.0
REFERENCIAS:
https://www.w3schools.com/jquery/default.asp

Jquery

  • 1.
    FECHA ÚLTIMA REVISIÓN:13/12/11 VERSIÓN: 1.0CÓDIGO: GDI.3.1.004 CARRERA DE INGENIERÍA EN TECNOLOGÍAS DE LA INFORMACIÓN PERÍODO Septiembre 2019 - Febrero 2020 ASIGNATURA INTEGRANTES Jennifer Cadena, James Guerrero y Wendy Puchaicela NIVEL Quinto “A” DOCENTE Ing. Héctor Revelo UNIVERSIDAD DE LAS FUERZAS ARMADAS ESPE DEPARTAMENTO DE CIENCIAS DE LA COMPUTACIÓN
  • 2.
    FECHA ÚLTIMA REVISIÓN:13/12/11 VERSIÓN: 1.0CÓDIGO: GDI.3.1.004 jQuery
  • 3.
    VERSIÓN: 1.0 jQuery esuna biblioteca multiplataforma de JavaScript, creada inicialmente por John Resig, que permite simplificar la manera de interactuar con los documentos HTML, manipular el árbol DOM*, manejar eventos, desarrollar animaciones y agregar interacción con la técnica AJAX* a páginas web. Es software libre y de código abierto, posee un doble licenciamiento bajo la Licencia MIT y la Licencia Pública General de GNU v2, permitiendo su uso en proyectos libres y privados. *DOM ('Modelo de Objetos del Documento' o 'Modelo en Objetos para la Representación de Documentos') es esencialmente una interfaz de plataforma que proporciona un conjunto estándar de objetos para representar documentos HTML, XHTML y XML *AJAX: acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML) técnica de desarrollo web para crear aplicaciones interactivas.
  • 4.
    VERSIÓN: 1.0 ¿Qué esjQuery? ● jQuery es una librería JavaScript ligera, "escribir menos, hacer más". ● El propósito de jQuery es hacer mucho más fácil el uso de JavaScript en su sitio web. ● jQuery toma muchas tareas comunes que requieren muchas líneas de código JavaScript para realizar, y las envuelve en métodos a los que puede llamar con una sola línea de código. ● jQuery también simplifica muchas de las cosas complicadas de JavaScript, como las llamadas AJAX y la manipulación de DOM. La biblioteca jQuery contiene las siguientes características: ➔ Manipulación de HTML/DOM ➔ Manipulación de CSS ➔ Métodos de eventos HTML ➔ Efectos y animaciones ➔ AJAX ➔ Servicios públicos ➔ Además, jQuery tiene plugins para casi cualquier tarea.
  • 5.
    VERSIÓN: 1.0 ¿Por quéjQuery? Hay muchos otros marcos de trabajo de JavaScript, pero jQuery parece ser el más popular, y también el más extensible. Muchas de las empresas más grandes de la Web utilizan jQuery, como por ejemplo: ➢ Google ➢ Microsoft ➢ IBM ➢ Netflix
  • 6.
    VERSIÓN: 1.0 VENTAJAS: ❖ jQueryes una biblioteca de JavaScript. ❖ jQuery simplifica enormemente la programación de JavaScript. ❖ jQuery es fácil de aprender.
  • 7.
    VERSIÓN: 1.0 ¿Qué nospermite realizar jQuery? Nos permite agregar interactividad a nuestra web sin tener grandes conocimientos de programación. Usar galerías de fotos dinámicas y elegantes, validación de formularios, calendarios, hacer aparecer y desaparecer elementos en nuestra página Posibilidad de usar AJAX para mejorar la interactividad, velocidad y usabilidad de nuestra web.
  • 8.
    VERSIÓN: 1.0 Pasos parautilizar jQuery en tu página web Descarga la última versión del framework Tenemos dos opciones para descargar jQuery, comprimido y sin comprimir.
  • 9.
    VERSIÓN: 1.0 El resultadode la descarga es un archivo con extensión js que guardaremos en una carpeta de nuestro equipo. <script src="js/jquery-3.2.1.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> ● Ese vínculo conviene colocarlo dentro del body y hacia el final del HTML para no ralentizar la carga de los contenidos. ● Si descargamos el archivo y lo vinculamos de esa manera, debemos subir el archivo a nuestro hosting.
  • 10.
  • 11.