polin
11 03 2009, 05:08 AM
VideoTutorial jQuery
http://polin.wareznica.com/wp-content/uploads/2009/03/img.jpg
17 Partes | Tamaño Variado | Español | Jesus Conde
VideoTutorial Nº1 del Curso de jQuery, el 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. En este primer VideoTutorial hacemos una introducción en la que vemos cuales son las ventajas del uso de este tipo de frameworks, así como las funcionalidades que nos ofrece. Terminamos creando el primero proyecto con jQuery y explicando la sintaxis y estructura básica que utiliza.
VideoTutorial Nº 2 del Curso de jQuery en el que empezamos a ver los selectores: Acceder a partes concretas del DOM con selectores; El DOM; La Función Factoría $ ( ); Selectores CSS; Selectores XPath. En total algo más de media hora.
VideoTutorial 3 del Curso de jQuery en el que terminamos de ver los distintos tipos de selectores: Selectores personalizados; Dar estilo a filas de tablas; Métodos Transversales DOM; Dar estilo a cabeceras; Uso de los métodos next() y siblings(). En total unos 35 minutos.
VideoTutorial Nº 4 del Curso de jQuery. 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. 34 minutos en unos 70 megas.
Videotutorial Nº 5 del Curso de JQuery en el que 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. Media hora en 54 megas.
VT 6 del Curso de jQuery. Limitar el alcance de los eventos: El recorrido de un evento; Capturing Event y Bubbling Event; Limitar y finalizar eventos; El objeto Event de JavaScript; Objetivos del Evento, el método .target( ); Detener la propagación de un evento; El método .stopPropagation( ); Eliminar un gestor de evento; uso del método .unbind( ); El método .one( ); Simular un Evento: El método .trigger( ). Unos 36 minutos.
VideoTutorial Nº 7 del Curso de jQuery en el que 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( ). Ejemplo práctico del uso del método. Media hora en algo más de cincuenta megas.
VideoTutorial Nº 8 del Curso de jQuery. Efectos: Los métodos .hide( ) y .show( ); Uso del parámetro velocidad; .fadeIn( ); fadeOut( ); fadeTo( ); slideDown( ); slideUp( ); Métodos múltiples: .animate( ); Construir un .show animado; Crear una animación personalizada; Efectos simultáneos y efectos en cola; Trabajar con un conjunto único de elementos. En total unos 25 minutos en 56 megas.
VideoTutorial Nº 9 y último de los dedicados a los Efectos. Vemos el uso de las funciones Callback. Mostramos como poner en Cola métodos que no pertenecer a Efectos, como el método .CSS por ejemplo. 13 minutos en 18 megas.
VideoTutorial 10 del Curso de jQuery en el que iniciamos un nuevo bloque dedicado a la manipulación del DOM: 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 en páginas web. Unos 30 minutos.
VideoTutorial 11 del Curso de jQuery: Manipulación del DOM: Mover elementos. Crear un sistema de notas al pie; Uso de .append( ); .appendTo( ) y wrap( ). 25 minutos en los que creamos en cinco líneas de código un completo sistema de creación de notas al pie automatizado.
VideoTutorial 12 del Curso de jQuery. Terminamos el bloque dedicado a la manipulación del DOM, viendo como copiar elementos. Uso del método .clone( ); Profundidad del método; Creación de un sistema de llamadas; Resumen métodos Manipulación DOM. 23 minutos.
VideoTutorial Nº 13 del Curso de jQuery. 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( ). 36 minutos.
VideoTutorial 14 del Curso de jQuery. 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. Media hora.
VideoTutorial 15 del Curso de jQuery. 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. 49 minutos. Terminamos el bloque dedicado a Ajax y la presentación de las herramientas fundamentales de jQuery. A partir del próximo empezamos a ver usos prácticos de todas estas herramientas combinadas.
VideoTutorial Nº 16 del Curso de JQuery en el que empezamos con un bloque más práctico. Empezamos creando una Aplicación de Consulta de datos totalmente funcional. En esta primera parte creamos la base de datos y los archivos php necesarios para hacerla totalmente funcional. Se trata de una aplicación que consulta datos de población por Comunidades Autónomas españolas en los últimos 5 años. En el siguiente VideoTutorial veremos como reconvertir esta aplicación mediante el uso de jQuery y del plugin jQuery-form, para hacer que las peticiones sean asíncronas al estilo AJAX.
VideoTutorial 17 del Curso de jQuery. Creación de una Aplicación de Consulta de Datos II. En esta Segunda parte vemos como convertir un formulario HTML en un formulario que usa las funcionalidades AJAX mediante el uso del plugin jquery.form. En unos pocos sencillos pasos, mediante el uso de los métodos AjaxForm( ) y AjaxSubmit( ) del plugin. Pasos que puedes aplicar a cualquier formulario que tengas en tus páginas web.
:: MU ::
http://www.megaupload.com/?f=UP1K3809
http://polin.wareznica.com/wp-content/uploads/2009/03/img.jpg
17 Partes | Tamaño Variado | Español | Jesus Conde
VideoTutorial Nº1 del Curso de jQuery, el 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. En este primer VideoTutorial hacemos una introducción en la que vemos cuales son las ventajas del uso de este tipo de frameworks, así como las funcionalidades que nos ofrece. Terminamos creando el primero proyecto con jQuery y explicando la sintaxis y estructura básica que utiliza.
VideoTutorial Nº 2 del Curso de jQuery en el que empezamos a ver los selectores: Acceder a partes concretas del DOM con selectores; El DOM; La Función Factoría $ ( ); Selectores CSS; Selectores XPath. En total algo más de media hora.
VideoTutorial 3 del Curso de jQuery en el que terminamos de ver los distintos tipos de selectores: Selectores personalizados; Dar estilo a filas de tablas; Métodos Transversales DOM; Dar estilo a cabeceras; Uso de los métodos next() y siblings(). En total unos 35 minutos.
VideoTutorial Nº 4 del Curso de jQuery. 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. 34 minutos en unos 70 megas.
Videotutorial Nº 5 del Curso de JQuery en el que 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. Media hora en 54 megas.
VT 6 del Curso de jQuery. Limitar el alcance de los eventos: El recorrido de un evento; Capturing Event y Bubbling Event; Limitar y finalizar eventos; El objeto Event de JavaScript; Objetivos del Evento, el método .target( ); Detener la propagación de un evento; El método .stopPropagation( ); Eliminar un gestor de evento; uso del método .unbind( ); El método .one( ); Simular un Evento: El método .trigger( ). Unos 36 minutos.
VideoTutorial Nº 7 del Curso de jQuery en el que 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( ). Ejemplo práctico del uso del método. Media hora en algo más de cincuenta megas.
VideoTutorial Nº 8 del Curso de jQuery. Efectos: Los métodos .hide( ) y .show( ); Uso del parámetro velocidad; .fadeIn( ); fadeOut( ); fadeTo( ); slideDown( ); slideUp( ); Métodos múltiples: .animate( ); Construir un .show animado; Crear una animación personalizada; Efectos simultáneos y efectos en cola; Trabajar con un conjunto único de elementos. En total unos 25 minutos en 56 megas.
VideoTutorial Nº 9 y último de los dedicados a los Efectos. Vemos el uso de las funciones Callback. Mostramos como poner en Cola métodos que no pertenecer a Efectos, como el método .CSS por ejemplo. 13 minutos en 18 megas.
VideoTutorial 10 del Curso de jQuery en el que iniciamos un nuevo bloque dedicado a la manipulación del DOM: 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 en páginas web. Unos 30 minutos.
VideoTutorial 11 del Curso de jQuery: Manipulación del DOM: Mover elementos. Crear un sistema de notas al pie; Uso de .append( ); .appendTo( ) y wrap( ). 25 minutos en los que creamos en cinco líneas de código un completo sistema de creación de notas al pie automatizado.
VideoTutorial 12 del Curso de jQuery. Terminamos el bloque dedicado a la manipulación del DOM, viendo como copiar elementos. Uso del método .clone( ); Profundidad del método; Creación de un sistema de llamadas; Resumen métodos Manipulación DOM. 23 minutos.
VideoTutorial Nº 13 del Curso de jQuery. 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( ). 36 minutos.
VideoTutorial 14 del Curso de jQuery. 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. Media hora.
VideoTutorial 15 del Curso de jQuery. 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. 49 minutos. Terminamos el bloque dedicado a Ajax y la presentación de las herramientas fundamentales de jQuery. A partir del próximo empezamos a ver usos prácticos de todas estas herramientas combinadas.
VideoTutorial Nº 16 del Curso de JQuery en el que empezamos con un bloque más práctico. Empezamos creando una Aplicación de Consulta de datos totalmente funcional. En esta primera parte creamos la base de datos y los archivos php necesarios para hacerla totalmente funcional. Se trata de una aplicación que consulta datos de población por Comunidades Autónomas españolas en los últimos 5 años. En el siguiente VideoTutorial veremos como reconvertir esta aplicación mediante el uso de jQuery y del plugin jQuery-form, para hacer que las peticiones sean asíncronas al estilo AJAX.
VideoTutorial 17 del Curso de jQuery. Creación de una Aplicación de Consulta de Datos II. En esta Segunda parte vemos como convertir un formulario HTML en un formulario que usa las funcionalidades AJAX mediante el uso del plugin jquery.form. En unos pocos sencillos pasos, mediante el uso de los métodos AjaxForm( ) y AjaxSubmit( ) del plugin. Pasos que puedes aplicar a cualquier formulario que tengas en tus páginas web.
:: MU ::
http://www.megaupload.com/?f=UP1K3809