Mostrando entradas con la etiqueta curso. Mostrar todas las entradas
Mostrando entradas con la etiqueta curso. Mostrar todas las entradas

sábado, 14 de junio de 2014

VídeoTutorial jQuery 28 - Limitar el número de caracteres de un textarea


En este capítulo veremos como limitar el número de caracteres de un campo textarea a través de un plugin llamado maxLength. Este plugin lo puedes descargar en el siguiente enlace: maxLength



viernes, 30 de mayo de 2014

VídeoTutorial jQuery 27 - Validar formularios con jQuery Validate


Bienvenid@s, en esta parte del tutorial utilizaremos el plugin jQuery Validate para validar los campos de un formulario, veremos como de un modo fácil y práctico podemos conseguir formularios correctamente validados del lado del cliente.




jueves, 29 de mayo de 2014

VídeoTutorial jQuery 26 - AJAX método $.ajax



En esta parte del curso veremos el método $.ajax que es el método padre y posee todas las opciones necesarias para realizar peticiones AJAX, los métodos $.post, $.get y $.getJSON son hijos directos de este método, en el siguiente enlace puedes ver las distintas opciones que puedes utilizar con el método $.ajax ... http://jquery-manual.blogspot.com.es/2012/05/carga-dinamica-con-la-funcion-ajax-de.html




miércoles, 28 de mayo de 2014

VídeoTutorial jQuery 24 - AJAX método $.get


En este capítulo veremos como enviar parámetros GET a un archivo PHP mediante el método $.get de jQuery, para ello realizaremos un ejemplo de un test con una pregunta y tres posibles respuestas, sólo una de las respuestas es verdadera y las restantes son falsas, comprobaremos el resultado realizando una petición AJAX a un script PHP.




VídeoTutorial jQuery 23 - AJAX método $.post


En este capítulo empezaremos a utilizar la tecnología AJAX y concretamente el método $.post(), veremos como cargar el contenido de un archivo con extensión .html en el documento y también veremos con enviar parámetros POST a un archivo PHP y así poder obtener una respuesta del script.




VídeoTutorial jQuery 25 - AJAX método $.getJSON


En esta parte del curso veremos como obtener información de un archivo en formato .json mediante el método AJAX $.getJSON(), el formato json está basado en el lenguaje Javascript y es útil para el intercambio de datos, los datos json son estructurados a modo de arrays indexados a través de claves.




jueves, 22 de mayo de 2014

VídeoTutorial jQuery 22 - Crear funciones jQuery parte 2


En este capítulo avanzaremos aun más y crearemos una función que afecte a los elementos del DOM HTML tipo css, animate, append, text, etc, ... esta función nos va a permitir animar al elemento seleccionado, para hacerla más completa le agregaremos opciones y una función callback como parámetros, que serán opcionales.




VídeoTutorial jQuery 21 - Crear funciones JQuery parte 1


En este capítulo empezamos a ver como desarrollar funciones propias de jquery, veremos con crear una función básica, pasar parámetros (también opcionales), pasar una función callback, para el ejemplo crearemos una función que realizará la misma tarea que la función grep() para recorrer los elementos de un array.




lunes, 19 de mayo de 2014

jueves, 15 de mayo de 2014

VídeoTutorial Jquery 19 - Manipular atributos (attr, removeAttr)


En este capítulo veremos como manipular atributos mediante el método attr(): conceptos como obtener el valor del atributo seleccionado, cambiar su valor, eliminarlo con removeAttr() o crear nuevos atributos que son aspectos básicos y necesarios a la hora de utilizar jQuery.




miércoles, 14 de mayo de 2014

VídeoTutorial Jquery 18 - Manejar arrays (pop, push, shift, unshift, indexOf, join, split)


En este parte del curso veremos una serie de métodos javascript útiles para el manejo de arrays, pop() eliminar el último elemento del array, push() agregar un elemento al final del array, shift() eliminar el primer elemento de un array, unshift() agrega un elemento al principio de un array, indexOf() busca la posición index del elemento seleccionado en un array, join() une todos los elementos de un array y los convierte en un string a partir del pegamento indicado y split() permite crear un string a partir de los elementos de un array.




lunes, 12 de mayo de 2014

VídeoTutorial Jquery 17 - Manejar arrays (makeArray, map, size)


En esta parte del curso continuamos viendo métodos jquery para el manejo de arrays, con  makeArray() vamos a poder crear un array a partir de los elementos seleccionados del DOM HTML, con map() podemos realizar prácticamente las mismas tareas que podemos realizar con el método each() visto en el capítulo anterior, es decir,  recorrer los elementos de un array o los elementos del DOM HTML a partir de un elemento seleccionado y con el método size()  podemos saber el número total que hay de un determinado elemento del DOM HTML.




viernes, 9 de mayo de 2014

VídeoTutorial Jquery 16 - Manejar arrays (grep, each, inArray)


Bienvenid@s, en este capítulo empezamos a ver una serie de métodos jQuery útiles para manejar Arrays. Los métodos son: grep(), each() e InArray().




miércoles, 7 de mayo de 2014

VídeoTutorial Jquery 15 - Manejar strings (match, substr)


Bienvenid@s, en este capítulo veremos dos funciones Javascript fundamentales para el manejo de strings, la primera de ellas es match(), esta función es muy útil para realizar búsquedas y sobre todo para la validación de campos de formularios con expresiones regulares, la otro función es substr() que nos va a permitir extraer un substring de un string.




VídeoTutorial Jquery 14 - Manejar strings (replace, indexOf, lastIndexOf)


Bienvenid@s, en este capítulo continuamos viendo funciones propias de javascript muy útiles para usar con jQuery, la función replace() nos va a permitir reemplazar strings de una cadena de texto, las funciones indexOf() y lastIndexOf() nos permitirán obtener la posición index de un string dentro de una cadena de texto.




martes, 6 de mayo de 2014

VídeoTutorial Jquery 13 - Manejar strings (length, toUpperCase, toLowerCase)


Bienvenid@s, en este capítulo continuamos viendo como manejar strings con Jquery+Javascript para ello utilizaremos una propiedad propia de Javascript llamada length que nos va a permitir obtener el número total de carácteres del string seleccionado, también veremos las funciones Javascript toUpperCase() y toLowerCase() que nos van a permitir convertir el string seleccionado en mayúsculas o minúsculas.






miércoles, 16 de abril de 2014

VídeoTutorial Jquery 9 - Efectos y animaciones con animate()


Bienvenid@s, en esta parte del vídeo tutorial de Jquery continuaremos con la función animate() la cual nos va a permitir crear efectos y animaciones muy atractivos, entre los ejemplos veremos como desplazar un elemento tanto horizontal como verticalmente, así como cambiar sus dimensiones.




domingo, 13 de abril de 2014

VídeoTutorial Jquery 5 - Eventos (on, off, one)


Bienvenid@s, en este capítulo del vídeo tutorial de Jquery veremos unas funciones básicas para el manejo de eventos, tales como la función on() que nos permitirá manejar cualquier evento y con la gran ventaja de que el evento se mantendrá aun cuando incluyamos nuevos elementos dinámicamente, la función off() nos permitirá destruir eventos en el elemento/s seleccionado/s y con la función one() podremos asignar un evento que sólo podrá ser ejecutado una sola vez en el elemento/s seleccionado/s.






domingo, 6 de abril de 2014

VídeoTutorial Jquery 4 - Eventos (resize, scroll)


Bienvenid@s, en esta parte del tutorial de Jquery continuamos viendo los eventos resize y scroll, con el evento resize() podemos capturar cuando el elemento seleccionado cambio de tamaño, para el ejemplo detectaremos cuando la ventana (window) cambiar de tamaño, esto puede ser útil para ir ajustando el contenido de la web según las proporciones de la ventana, el otro evento que veremos es el evento scroll() que nos permitirá saber cuando el scroll del elemento seleccionado se encuentra en movimiento.





jueves, 3 de abril de 2014

VídeoTutorial Jquery 2 - Eventos (click, mouseover, mouseout, focus, blur)


Bienvenid@s, en este segundo capítulo del tutorial de Jquery empezamos a manejar eventos, es decir, a interactuar con las acciones realizadas sobre el/los elementos seleccionados y así poder realizar una determinada acción con la ejecución de cada evento.

Veremos los siguientes eventos:
  • click: cuando hacemos click sobre el elemento
  • mouseover: cuando colocamos el cursor sobre el elemento
  • mouseout: cuando el cursor deja de estar sobre el elemento
  • focus: cuando el elemento obtiene el foco
  • blur: cuando el elemento pierde el foco