Manual Jquery Basico

Sessión 1 - Introducción a jQuery
Descripción de este manual
Este es un pequeño manual básico de jQuery, el cual consta de 5 capitulos, esta diseñadado para
una clase de 2 horas cada capitulo.
Este manual esta licenciado bajo atribución creative commons, si desear colaborar te invito a que
visites el repositorio para que puedas ver las instrucciones para los colaboradores.

Breve referencia HTMLHTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), hace
referencia al lenguaje de marcado para la elaboración de páginas web. Se utiliza para describir la
estructura y el contenido en forma de texto. El HTML se escribe en forma de «etiquetas», rodeadas
por corchetes angulares ( < , > ). HTML también puede describir, hasta un cierto punto, la apariencia
de un documentoaunque resulta una practica más recomendable incluir hojas de estilos(CSS) para
este proposito, tambien suele incluir scripts (como JavaScript), el cual puede afectar el
comportamiento de navegadores web.

Concepto DOM
El Document Object Model o DOM ('Modelo de Objetos del Documento' o 'Modelo en Objetos para
la Representación de Documentos'), proporciona un conjunto estándar de objetos pararepresentar
documentos HTML y XML, un modelo estándar sobre cómo pueden combinarse dichos objetos, y
una interfaz estándar para acceder a ellos y manipularlos. A través del DOM, los programas pueden
acceder y modificar el contenido, estructura y estilo de los documentos HTML y* XML*, que es para
lo que se diseñó principalmente.
En otras parabras el DOM es una interfaz de programación de aplicacionespara acceder, añadir y
cambiar dinámicamente contenido estructurado en documentos con lenguajes como ECMAScript
(JavaScript).

Breve referencia CSS
Cascading Style Sheets (hojas de estilo en cascada). CSS es un lenguaje usado para definir la
presentación de un documento estructurado escrito en HTML o XML2 (y por extensión en XHTML).
El consorcio web W3C es el encargado de mantener laespecificaciones.

Anatomía CSS
La anatomía de la sintaxis de CSS es la siguiente:

Con CSS podemos hacer declaraciones de estilo sobre los elementos HTML, para esto CSS ha
definido una serie de selectores.
JQuery hace uso de estos selectores para interactuar con el DOM, por esta razón es importante
que el lector comprenda CSS lamentablemente el alcance de este manual no contempla la
explicación detallada deCSS. Sin embargo para nuestros fines nos basta con que conozcamos
bien el uso de sus selectores por tal motivo he agregado una lista de selectores css.

Software a usar

Software a usar
Para desarrollar sitios de Internet con jQuery basicamente necesitamos 4 cosas:
1.
2.
3.
4.

Editor de texto
Navegador web.
La libreria jQuery.
Servidor web(para la sección ajax, json).

1. Editor de texto:
Eleditor de texto es la herramienta básica para editar archivos: HTML, _javaScript y CSS. Hay
muchos editores muy buenos y usted puede puede usar el editor de su agrado, entre los que
recomendamos son los siguientes (ordenados según mis preferencias):
Geany
Vim
Emacs
Kate
Notepad++
TextMate
sublimeText
Sin embargo te recomiendo el geany el cual esta disponible para multiples Sistema operativos,
ademasde agregarle el geany-web-ninja el cual es una colección de archivos de configuración
orientadas al desarrollo web.

2. Navegador web:
Por cuestiones de pruebas te recomiendo que tengas todos los navegadores que esten disponibles
en tu S.O., sin embargo para desarrollar/depurar te comiendo el firefox con la extensión firebug.

Otra de las ventajas que tiene es que a partir de la versión 11 deMozilla Firefox, trae integrado el
3D inspector el cual nos permite analizar la profundidad de las capas CSS desde una forma muy
gráfica, como podemos ver a continuación:

3. La libreria jQuery.
JQuery es una libreria en constante evolución, te recomiendo usar la libreria más reciente, ya que
en cada nueva versión se integran caracteristicas nuevas al tiempo que se mejoran las anteriores,
la imagen...