- Bienvenido al curso de jQuery UI sin dolor
Lo que aprenderás
- Comprenderá el métodos draggable() para arrastrar elementos HTML y sus propiedades
- Aplicar el método droppable() para hacer zonas sensibles para soltar elementos movibles en la página web
- Aplicar el método resizable() para cambiar de tamaño los elementos de una página web
- Instalar y comprender la estructura de las librerías de jQuery User Interface
- Aplicar la iteración selectable() para seleccionar diferentes elementos de una lista
- Aplicar la iteración sortable() para ordenar diferentes elementos de una lista
- Creará un acordeón y aplicará las diferentes propiedades
- Crear una lista para el autocomplete() y desarrollará un algoritmo para cambiar los acentos por vocales sin acentos
- Crear botones con diferentes elementos HTML y los agrupará en buttonsets()
Descripción
Jquery UI (User Interface) es una poderosa herramienta de desarrollo Web que nos permitirá hacer, desde animaciones muy sencillas que enriquecerá a nuestras páginas Web, hasta aplicaciones completas y complejas, como juegos interactivos o lectura de datos.
En este curso revisaremos todas las iteraciones y widgets y realizaremos pequeñas aplicaciones con ellas, así como la relación que hay entre los diferentes widgets y las interacciones, por ejemplo, cómo hacer un acordeón "ordenable" o hacer un selector de colores con los "deslizadores". Deberá contar con conocimientos medios de JavaScript y de preferencia, conocimientos básicos de jQuery.
netcurso.net free. La mayor selección de cursos gratis del mundo
Elija entre más de 8,000 cursos en línea con nuevas adiciones publicadas cada mes. ComenzarLos estudiantes también compraron
Amazon AWS: Curso Completo Arquitecto Soluciones Certificado
JMG Virtual Consulting S.L
4.27 (3467)
Aprende a usar Arduino desde cero: crea tus proyectos
Jose Antonio Vacas Martinez
4 (1791)
Curso de Linux: todo lo necesario para ser administrador
Proyecto Oforte Cursos de calidad sobre Tecnología.
4.54 (1835)
Curso completo VMware vSphere 6.7 de principiante a avanzado
JMG Virtual Consulting S.L
4.52 (2726)
Contenido del curso
Conceptos de jQuery UI (User Interface)
- Bajar la librería de jQuery UI
- La conexión de jQuery UI con nuestra página
- La estructura de los archivos de jQuery UI
- Introducción a los métodos los componentes en jQuery UI
- Introducción al manejo de eventos en jQuery UI
- El framework de estilos en cascada
- Las interaciones en jQuery UI
- Crear iconos personalizados dentro de jQuery UI
- Modificaciones de la versión jQuery UI 1.11.2
- Modificaciones de la versión 1.12 de jQuery UI
La iteración Draggable de jQuery UI
- Introducción a la iteración Draggable de jQuery UI
- Arrastrar un elemento en los ejes horizontal y vertical
- Restringir el movimiento y el cursor en los elementos arrastrables
La iteración Droppable de jQuery UI
- Introducción a la iteración Droppable de Jquery UI
- Aceptar los elementos "arrastrables" en una división HTML con jQuery UI
La iteración Resizable de jQuery UI
- Introducción a la iteración Resizable de jQuery UI
- El parámetro containment y animate en la iteración resizable
La iteración selectable de jQuery UI
- Introducción a la iteración selectable de jQuery UI
- Hacer un cuadro con números seleccionable con jQuery UI
- Recuperar los valores seleccionados y mostrarlos en la página
La iteración Sortable de jQuery UI
- Introducción a la iteración sortable de jQuery UI
- Hacer un cuadro "sorteable"
- Hacer un cuadro de imágenes "sorteable" u "ordenable"
El widget accordion de jQuery UI
- Introducción al widget acordeón de jQuery UI
- El parámetro "collapsible" en el acordeón de jQuery UI
- Unir un acordeón con una iteración "resizable" en jQuery UI
- El manejo de los iconos en un Acordeón
- Modificar la altura de las pestañas de un acordeón en jQuery UI
- Hacer un acordeón "ordenable" con la interacción "sorteable"
El widget autocomplete de jQuery UI
- Introducción al widget autocomplete() de jQuery
- Sustituir acentos en el widget autocomplete
El widget botones de jQuery UI
- Crear botones desde jQuery
- Colocar iconos en los botones creados con jQuery UI
- Manejo de las cajas de verificación con buttonset() en jQuery UI
- Manejo de botones de radio con buttonset() versión 1.11-
- El widget selectmenu de jQuery UI 1.11
- El widget controlgroup() de jQuery UI 1.12
- El widget checkboxradio() de jQuery UI 1.12
El widget datepicker de jQuery UI
- Manejo de fechas con datepicker() de jQuery UI
- Otros parámetros para el datepicker() de jQuery UI
- Enviar los resultados de un datepicker a un campo de entrada externo
- Manejo de diferentes formatos para el widget datepicker
- Animar un widget "datepicker" con la propiedad showAnim
- Incluir un botón y un icono en un widget datepicker de jQuery UI
- Cordinar dos widget "datepicker" con la propiedad onClose
El widget dialog de jQuery UI
- El widget dialog() de jQuery UI
- Otros parámetros para el widget dialog() de jQuery UI
El widget menu de jQuery UI
- Hacer un menú vertical con jQuery UI
El widget progessbar para mediar avances en jQuery UI
- Crear una barra de progreso
Crear deslizadores con el widget "slider" en jQuery UI
- Usar deslizadores con jQuery UI
- Crear un controlador de color con deslizadores (primera parte)
- Crear un controlador de color con deslizadores (segunda parte)
Contadores o "spinners" con jQuery UI
- Bases de los widgets spinners
- Modificar los métodos y parámetros de un widget spinner
jQuery UI: El widget "tabs" o tabuladores
- Bases de tabuladores o "tabs"
- Hacer un tabulador con las pestañas abajo
- Crear un tabulador "ordenable" con la interaciones "sortable" y tabs
El manejo de tooltips con jQuery UI
- Bases del widget "tooltip" con jQuery UI
Efectos con jQuery UI
- Bases a los efectos en jQuery UI
- Aplicar diferentes efectos a los objetos desde "show"
- Concluir la animación y efectos con jQuery UI
- Efecto de color con "animate" con jQuery UI
Crear una sencilla galeria con jQuery UI
- Creación de las etiquetas HTML para la galería
- Creación de los estilos en cascada para la galería
- Creación del carrusel de imágenes con javaScript
- Programación de los botones de las fotos
- Programación de las flechas adelante y atras
- Agregar textos y últimos toques a la galería
- Conclusión de la galería
Cambio de temas en los widgets de jQuery UI
- Modificar los temas de los widgets con jQuery UI
- Modificar los temas de los widgets con jQuery UI 1.11
A manera de conclusión
- A manera de conclusión
- Archivos del curso de jQuery UI