Desarrollador Web, Gerente de la unidad de desarrollo de Maxnegocios.com.

Notas de jQuery

| viernes, 19 de febrero de 2010
Ha nacido mi hijo, y he estado un poco desconectado del blog, de vuelta por aca, colocaré algunas anotaciones que he realizado cuando me dediqué a aprender jQuery.

jQuery, es un framework de Javascript que permite simplificar la manera de interactuar con los documentos web, permitiendo manejar eventos, desarrollar animaciones y agregar interacción con las tecnologías AJAX a páginas web necesitando mucho menos tiempo y código para hacerlo.

Este apunte esta dividido en varios capitulos por llamarlo de alguna manera.

Cap #1.- Empezamos a ver los selectores: Acceder a partes concretas del DOM con selectores; El DOM; La Función Factoría $ ( ); Selectores CSS; Selectores XPath.

Cap #2.- Veremos como trabajar con selectores CSS, en este ejercicio trabajaremos con tablas y la manera como podemos cambiar el estilos de sus elementos.

Cap #3.- Eventos y Gestores de Eventos. Como hacer que el Código vigile y responda: Ejecutar tareas cuando se carga una página; Ejecutar múltiples scripts con un único selector; Abreviaturas de Código; Eventos iniciados por el Usuario; uso del método .bind( ) y el evento click; Uso de la palabra clave this; Uso de la iteración implícita de jQuery.

Cap #4.- En esta practica empezamos con una introducción al uso de efectos y vemos y trabajamos con el método .CSS: Modificar CSS inline; Uso del método .CSS como Getter y Setter; Uso de los métodos parseFloat( ) y .slice( ).

Cap #5.- Seguimos viendo los Eventos y gestores de eventos: Iteración implícita; Creación de colas y encadenamientos; Atajos de Evento; Eventos Complejos; .toggle( ) y .hover( ); Mostrar y ocultar elementos del DOM; Personalizar aspecto del cursor sobre distintos elementos.

Proximamente...

Cap #6.- Como cambiar aspecto y contenido de la página con comandos. Manipulación de atributos; Modificar varios atributos a la vez; El función loop .each; Los métodos .attr( ) y .removeAttr( ); Crear Código html con la función factoría $ ( ); Metodos para insertar código enpáginas web.

Cap #7.- Manipulación del DOM: Mover elementos. Crear un sistema de notas al pie; Uso de .append( ); .appendTo( ) y wrap( ).

Cap #8.- Métodos AJAX de jQuery. Las tecnologías AJAX; Cargar datos de modo asíncrono; AHAH(Asynchronous HTTP y HTML), añadir HTML; El método .load( ); Trabajar con Objetos JavaScript; La sintaxis JSON; Funciones jQuery globales; Uso de la función global $.getJSON( ); Ejecutar un Script; Acceder directamente a un script desde jQuery; uso de la función global $.getscript( ).

Cap #9.- Trabajo con AJAX y XML en JQuery. Cargar un documento XML; La función $.get( ); Uso de la sintaxis XPath en jQuery; Elegir un formato de datos: ventajas e inconvenientes de cada uno.

Cap #10.- Pasar Datos al Servidor. Ejecutar una petición GET; Ejecutar una petición POST; Uso de Serialize( ); Los métodos .ajaxStart( ) y .ajaxStop( ); Creación de un throbber; La función de bajo nivel $.ajax( ); Ajax y Eventos; Determinar el alcance de los eventos. Usar Event Bubbling.

Este curso lo tomé de videotutoriales.com dictado por Jesús Conde, se los recomiendo, estos apuntes no son más que la documentación de mis practicas del año pasado y este año y que me parecieron importante tenerlas a la vista, vayan a la fuente original si es preciso detallar mas a fondo.

0 comentarios: