curso de jquery – numero 1 – definición y ejemplo basico - ver mas:

13
jQuery Por: Andres Trujillo (4ng3r) domingo 5 de mayo de 13

Upload: andres-felipe-trujillo-madrigal

Post on 06-Sep-2014

812 views

Category:

Documents


1 download

DESCRIPTION

Curso de jQuery – Numero 1 – Definición y Ejemplo Basico - Ver Mas: http://4ng3r.com/#sthash.mzNd6kiv.dpuf

TRANSCRIPT

Page 1: Curso de jQuery – Numero 1 – Definición y Ejemplo Basico - Ver Mas:

jQueryPor: Andres Trujillo (4ng3r)

domingo 5 de mayo de 13

Page 2: Curso de jQuery – Numero 1 – Definición y Ejemplo Basico - Ver Mas:

Temas

• ¿Que es jQuery?

• DOM

• Sitio Oficial

• Como utilizar jQuery

• Ventajas de jQuery

domingo 5 de mayo de 13

Page 3: Curso de jQuery – Numero 1 – Definición y Ejemplo Basico - Ver Mas:

¿Que es jQuery?

domingo 5 de mayo de 13

Page 4: Curso de jQuery – Numero 1 – Definición y Ejemplo Basico - Ver Mas:

¿Que es jQuery?• jQuery es un librería de Javascript que

sirve para acceder a los objetos del DOM de un modo simplificado.

• jQuery es un biblioteca de Javascript que permite simplificar la manera de interactuar con los documentos HTML, fue presentado en el 2006 en el BarCamp de NYC

domingo 5 de mayo de 13

Page 5: Curso de jQuery – Numero 1 – Definición y Ejemplo Basico - Ver Mas:

DOM

domingo 5 de mayo de 13

Page 6: Curso de jQuery – Numero 1 – Definición y Ejemplo Basico - Ver Mas:

DOM

• Document Object Model.

• El Modelo de Objetos del Documento, es un API que proporciona un conjunto de estándares de objetos para representar documentos HTML y XML.

• El responsable del DOM es el Word Wide Web Consortium (W3C)

domingo 5 de mayo de 13

Page 7: Curso de jQuery – Numero 1 – Definición y Ejemplo Basico - Ver Mas:

Sitio Oficial

domingo 5 de mayo de 13

Page 8: Curso de jQuery – Numero 1 – Definición y Ejemplo Basico - Ver Mas:

Sitio oficial

• El sitio de la librería se puede accedes desde aquí, donde se puede descargar el archivo para los proyectos y además acceder a las ultimas noticias.

domingo 5 de mayo de 13

Page 9: Curso de jQuery – Numero 1 – Definición y Ejemplo Basico - Ver Mas:

Como Utilizar jQuery

domingo 5 de mayo de 13

Page 10: Curso de jQuery – Numero 1 – Definición y Ejemplo Basico - Ver Mas:

Como Utilizar jQuery

• Para utilizar la librería debemos descargarla del sitio oficial y en cada pagina que lo requiera, toca agregar la siguiente linea de código:

• <script type=”text/javascript” src=”jquery.js”></script>

domingo 5 de mayo de 13

Page 11: Curso de jQuery – Numero 1 – Definición y Ejemplo Basico - Ver Mas:

Ventajas de jQuery

domingo 5 de mayo de 13

Page 12: Curso de jQuery – Numero 1 – Definición y Ejemplo Basico - Ver Mas:

Ventajas de jQuery• Nos ahorra muchas lineas de código.

• Nos hace trasparente el soporte de nuestra aplicaciones para diferentes navegadores.

• Nos provee un mecanismo para la captura de eventos.

• Provee conjuntos de funciones para animar contenido de forma sencilla.

domingo 5 de mayo de 13

Page 13: Curso de jQuery – Numero 1 – Definición y Ejemplo Basico - Ver Mas:

Ejemplo

domingo 5 de mayo de 13