Video Tutorial JQuery
Es un buen curso que consta de 21 videos que son de nivel principiante ya que en cada video mezcla temas de JQuery con conceptos básicos de Javascript, DOM y CSS.
jQuery es una biblioteca o framework de Javascript, creada inicialmente por John Resig, que permite simplificar la manera de interactuar con los documentos HTML, manipular el arbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la tecnología AJAX a páginas web. Fue presentada el 14 de enero de 2006 en el BarCamp NYC.
jQuery es software libre y de código abierto, posee un doble licenciamiento bajo la licencia MIT y de la GNU General Public License, Versión 2.[1] jQuery, al igual que otras bibliotecas, ofrece una serie de funcionalidades basadas en Javascript que de otra manera requerirían de mucho más código. Es decir, con las funciones propias de esta biblioteca se logran grandes resultados en menos tiempo y espacio.
Las empresas Microsoft y Nokia anunciaron que incluirán la biblioteca en sus plataformas.[2] Microsoft la añadirá en su IDE Visual Studio[3] y la usará junto con los frameworks ASP.NET AJAX y ASP.NET MVC, mientras que Nokia los integrará con su plataforma Web Run-Time.
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.
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().
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.
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.
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( ).
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.
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.
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.
VideoTutorial Nº 18 del Curso de JQuery en el que vemos como utilizar el método jQuery de bajo nivel $.Ajax( ). Creación de una aplicación dinámica sin Ajax; Conversión de la Aplicación para el uso de jQuery. Parámetros que pasamos al Método de bajo nivel jQuery. Resultado final. 22 minutos.
VideoTutorial Nº 19 del Curso de jQuery en el que iniciamos un bloque dedicado a los plugins. En este Videotutorial vemos como usarlos y practicamos con alguno: PagePell; EasySlider y jqZoom. 40 minutos.
VideoTutorial Nº 20 del Curso de jQuery. Crear un Plugin: El archivo JavaScript; Convenciones en nombre; Crear los enlaces; Crear etiquetas que envuelven el código; Llamar al Plugin; Crear Código del Plugin; Probarlo en distintos navegadores; Evitar problemas del Plugin jQuery con otras librerías JavaScript. 22 minutos.
VideoTutorial Nº 21 y último del Curso de jQuery: Uso de jQuery UI. Creación de un plugin de sugerencias; Añadir al plugin la posibilidad de que el usuario modifique distintas opciones; ¿Qué es jQuery UI? Construir descargas personalizadas de jQuery UI; Selección de themes a aplicar; Explicación del pack descargado de jQuery UI; Como usar el contenido en una página web; Personalización de los widgets de jQuery UI; Uso de Opciones; Diseñar un Theme personalizado para aplicar a jQuery UI. 50 minutos.