alexbm8_apuntes_seminarioJQuery

=Seminario de JQuery = En esta clase, en la que el profesor no podía acudir, Pakitochus nos comentó su presentación sobre el atractivo y desconocido JQuery. En primer lugar accedimos a la dirección 150.214.221.149, la IP de su ordenador, ya que instaló un servidor para que accediésemos a una página con ejemplos y la misma presentación en pdf. Nos descargamos la presentación del directorio 150.214.221.149/descargas/. Lo primero que hay que saber sobre JQuery es que para trabajar con él debemos añadir los correspondientes //includes// (ver ejemplos). La librería podemos descargárnosla o acceder a ella desde la página oficial de [|JQuery], y sólo tendríamos que añadir, como de costumbre, al principio de cada script lo siguiente: code  code Aunque algunas puristas afirman que sólo debemos usar HTML y CSS, la realidad es que Javascript es cada vez más usado y extendido por sus posibilidades y sencillez a la hora de desarrollar aplicaciones online. Librerías principales de Javascript por orden de aparición: · [|Prototype]: usado por empresas conocidas como Apple, Microsoft · [|Mootools]: que permite trabajar sólo con las funcionalidades que deseemos · [|JQuery]: con una extensa comunidad de desarrolladores (lo emplean en Google, Mozilla, Dell, etc.) Detrás de esta librería se encuentra mozilla, ya que su creador pertenecía a dicha organización. JQuery permite trabajar con la librería JQuery UI tal y como se realiza en el [|siguiente ejemplo]. EL selector de JQuery (‘$’) es la función principal de la librería. Se encarga de seleccionar cualquier documento dentro del modelo de objetos del documento. Podemos seleccionar también etiquetas HTML o CSS. Vimos el primer ejemplo: "hola mundo". El manejo del DOM también es mucho más sencillo. Podemos acceder al contenido de un párrafo como: texto=**$**('#parrafin').**text**;

Vimos el segundo ejemplo, sobre manejo de capas (divs). El carácter ‘#’ se usa para referencia id, y el "." para las clases. Vimos el tercer ejemplo, con propiedades de CSS, párrafo limpio y párrafo sucio. Se trataba de que haciendo click sobre párrafo limpio, se cambia el fondo del párrafo. También vimos con este ejemplo que se le pueden cambiar todos los atributos a una etiqueta HTML, como por ejemplo el href, o el target. El fondo gris del párrafo se pone cambiando el fondo al contenedor. Vimos la herramienta "toggle" que sirve para alternar funciones.

Ejemplo 3: eventos y animaciones. Descubrimos hasta qué grado podemos anidar animaciones. A continuación vimos cómo usar clases de AJAX con JQuery. Para comenzar analizamos la función //load//: cuarto ejemplo, en el que cargamos en un contenedor una página web realizando la solicitud al servidor. No podemos acceder a direcciones externas, sólo páginas ubicadas en el mismo directorio. Al cargar la página, puede que las funciones de la página anterior no funcionen bien, debido a que se carga el modelo de objetos del documento con //document.ready//, y al cargar el contenido de la página en el contenedor no se está cargando todo este árbol. SI quitásemos el //ready// funcionaría, aunque siempre es recomendable comprobar que se carga el DOM del documento. También podemos usar los parámetros GET y POST de AJAX. Por último vimos algunas importantes funcionalidades de JQuery, que también están disponibles en la "[|chuletilla]" Tenemos luego los plugins como JQuery UI, con los que podemos hacer [|cosas como ésta]. Y también los temas, que se [|pueden descargar] y se insertan en las cabeceras. [|pueden descargar] y se insertan en las cabeceras. Para terminar vimos un ejemplo de tabla con clases distintas para filas pares e impares. La ventaja de JQuery frente a Flash es que permite indexar contenido, por lo que si usamos JQuery en una página web, todo el texto que manejemos podrá ser localizado, por ejemplo, por el motor de búsqueda de Google, ya que todo es accesible, cosa que no ocurre con Flash.

En resumen, una presentación muy buena a la que mereció la pena acudir.