1. Cursos
  2. Tecnología
  3. Desarrollo Web
  4. Aprender jQuery User Interface sin sufrimiento

Aprender jQuery User Interface sin sufrimiento

Curso online para ponerte al día en JQuery User Interface, una de las librerías más utilizadas en el Desarrollo, Interface y Diseño Web y APP.

Aprender jQuery User Interface sin sufrimiento
Comparte este curso

Descripción del curso

Jquery UI User Interface es una herramienta para hacer páginas Web que nos permitirá realizar animaciones, aplicaciones / APPs, juegos interactivos o lectura de datos.

En este curso online vamos a estudiar las iteraciones y widgets disponibles, y vamo a programar pequeñas aplicaciones con ellas. Para que exprimas al máximo los conceptos que explicamos en el curso, es preferible que tengas conocimientos medios de JavaScript y básicos de jQuery.

No te lo pienses más y ponte al día con una de las librerías más utilizadas en el Desarrollo Web de cualquier tipo con JQuery User Interface

Contenido del curso

Conceptos de jQuery UI (User Interface)

55:34
  • Bajar la librería de jQuery UI08:44AVANCE
  • La conexión de jQuery UI con nuestra página05:18
  • La estructura de los archivos de jQuery UI07:37
  • Introducción a los métodos los componentes en jQuery UI05:36
  • Introducción al manejo de eventos en jQuery UI05:15
  • El framework de estilos en cascada03:32
  • Las interaciones en jQuery UI08:46
  • Crear iconos personalizados dentro de jQuery UI10:46

La iteración Draggable de jQuery UI

17:19
  • Introducción a la iteración Draggable de jQuery UI05:53
  • Arrastrar un elemento en los ejes horizontal y vertical02:26
  • Restringir el movimiento y el cursor en los elementos arrastrables09:00

La iteración Droppable de jQuery UI

16:15
  • Introducción a la iteración Droppable de Jquery UI06:29
  • Aceptar los elementos "arrastrables" en una división HTML con jQuery UI09:46

La iteración Resizable de jQuery UI

11:52
  • Introducción a la iteración Resizable de jQuery UI04:02
  • El parámetro containment y animate en la iteración resizable07:50

La iteración selectable de jQuery UI

26:33
  • Introducción a la iteración selectable de jQuery UI08:05
  • Hacer un cuadro con números seleccionable con jQuery UI08:10
  • Recuperar los valores seleccionados y mostrarlos en la página10:18

La iteración Sortable de jQuery UI

16:38
  • Introducción a la iteración sortable de jQuery UI02:43
  • Hacer un cuadro "sorteable"06:22
  • Hacer un cuadro de imágenes "sorteable" u "ordenable"07:33

El widget accordion de jQuery UI

48:23
  • Introducción al widget acordeón de jQuery UI07:37
  • El parámetro "collapsible" en el acordeón de jQuery UI03:11
  • Unir un acordeón con una iteración "resizable" en jQuery UI10:24
  • El manejo de los iconos en un Acordeón12:28
  • Modificar la altura de las pestañas de un acordeón en jQuery UI05:12
  • Hacer un acordeón "ordenable" con la interacción "sorteable"09:31

El widget autocomplete de jQuery UI

21:58
  • Introducción al widget autocomplete() de jQuery05:34
  • Sustituir acentos en el widget autocomplete16:24

El widget botones de jQuery UI

18:46
  • Crear botones desde jQuery05:49
  • Colocar iconos en los botones creados con jQuery UI03:04
  • Manejo de las cajas de verificación con buttonset() en jQuery UI05:18
  • Manejo de las cajas de verificación con buttonset() en jQuery UI04:35

El widget datepicker de jQuery UI

46:42
  • Manejo de fechas con datepicker() de jQuery UI05:19
  • Otros parámetros para el datepicker() de jQuery UI07:21
  • Enviar los resultados de un datepicker a un campo de entrada externo03:39
  • Manejo de diferentes formatos para el widget datepicker08:49
  • Animar un widget "datepicker" con la propiedad showAnim08:33
  • Incluir un botón y un icono en un widget datepicker de jQuery UI04:40
  • Coordinar dos widget "datepicker" con la propiedad onClose08:21

El widget dialog de jQuery UI

16:39
  • El widget dialog() de jQuery UI06:49
  • Otros parámetros para el widget dialog() de jQuery UI09:50

El widget menu de jQuery UI

11:11
  • Hacer un menú vertical con jQuery UI11:11

El widget progessbar para mediar avances en jQuery UI

13:31
  • Crear una barra de progreso13:31

Crear deslizadores con el widget "slider" en jQuery UI

35:56
  • Usar deslizadores con jQuery UI07:28
  • Crear un controlador de color con deslizadores (primera parte)15:15
  • Crear un controlador de color con deslizadores (segunda parte)13:13

Contadores o "spinners" con jQuery UI

17:23
  • Bases de los widgets spinners03:45
  • Modificar los métodos y parámetros de un widget spinner13:38

El widget "tabs" o tabuladores

17:22
  • Bases de tabuladores o "tabs"08:01
  • Crear un tabulador "ordenable" con la interaciones "sortable" y tabs09:21

El manejo de tooltips con jQuery UI

05:09
  • Bases del widget "tooltip" con jQuery UI05:09

Efectos con jQuery UI

44:24
  • Bases a los efectos en jQuery UI08:50
  • Aplicar diferentes efectos a los objetos desde "show"13:28
  • Concluir la animación y efectos con jQuery UI08:39
  • Efecto de color con "animate" con jQuery UI13:27

Crear una sencilla galeria con jQuery UI

59:02
  • Creación de las etiquetas HTML para la galería08:59
  • Creación de los estilos en cascada para la galería07:18
  • Creación del carrusel de imágenes con javaScript09:57
  • Programación de los botones de las fotos08:33
  • Programación de las flechas adelante y atras11:10
  • Agregar textos y últimos toques a la galería10:42
  • Conclusión de la galería02:23

Cambio de temas en los widgets de jQuery UI

09:24
  • Modificar los temas de los widgets con jQuery UI09:24

A manera de conclusión

04:16
  • A manera de conclusión02:58
  • Archivos del curso de jQuery UI01:18

Valoraciones

4.7/5
6 Valoraciones
  • 5 ESTRELLAS
    67%
  • 4 ESTRELLAS
    33%
  • 3 ESTRELLAS
    0%
  • 2 ESTRELLAS
    0%
  • 1 ESTRELLAS
    0%
  • José Manuel Castellano Domínguez
    José Manuel
      Castellano Domínguez
    Incluir valoración media (en números)

  • Javier Soriano
    Javier
      Soriano
    Incluir valoración media (en números)

  • José Luis Megías León
    José Luis
      Megías León
    Incluir valoración media (en números)

    Bien explicado y buen curso de esta libreria js

  • Gustavo Ercoli
    Gustavo
      Ercoli
    Incluir valoración media (en números)

  • Aurelio Jiménez Mancilla
    Aurelio
      Jiménez Mancilla
    Incluir valoración media (en números)

  • David Rubio
    David
      Rubio
    Incluir valoración media (en números)

¿Por qué pagar por un curso cuando puedes tenerlos todos?

Prueba la Suscripción ahora
O quiero saber más
Apúntate POR 10€
GRATIS con la Suscripción