Mastering jQuery UI
Vijay Joshi
- Editorial
- Packt
- Año
- 2015
- Páginas
- ~312
- Nivel
- Avanzado
De qué trata
Libro avanzado de Vijay Joshi, publicado por Packt en 2015, para llevar el dominio de jQuery UI a nivel experto. Trabaja con jQuery UI 1.11.2 (con referencias a la 1.10.4) y jQuery 1.10.2. Va dirigido a desarrolladores frontend que ya usan jQuery y jQuery UI a diario y manejan con soltura HTML, CSS y JSON. Algunos capítulos necesitan además un servidor web (se recomienda Apache) con PHP 5.2 o superior.
Cada capítulo es un miniproyecto independiente que se puede leer en cualquier orden y que exprime uno o varios componentes. Las interacciones (draggable, droppable y sortable) se usan para quizzes, puzzles y CAPTCHAs. Sliders, tooltips, diálogos y spinners sirven para construir líneas de tiempo, tours guiados y gestores de fotos. Las pestañas se combinan con AJAX. El libro también muestra cómo mezclar jQuery UI con APIs externas como la de Reddit y Google Maps, cómo crear widgets propios con la widget factory y cómo aplicar buenas prácticas de rendimiento y de personalización visual con ThemeRoller, que se tratan en un apéndice.
Es un libro muy práctico que muestra jQuery UI aplicado a casos concretos en lugar de repasar su API componente por componente, y deja ver opciones y matices de cada widget que la documentación oficial no explica. El capítulo final reúne lo anterior en un dashboard con varios widgets. Hay que tener en cuenta que no explica lo básico y que su tecnología está ya en modo de mantenimiento: interesa sobre todo a quien mantiene aplicaciones basadas en jQuery UI o quiere aprender a diseñar widgets reutilizables. Parte del código de servidor está en PHP, así que conviene tener nociones de ese lenguaje.
- jQuery UI 1.11
- Draggable y droppable
- Sortable
- Sliders
- Tooltips y diálogos
- Widget factory
- AJAX
- Reddit API
- Google Maps API
- ThemeRoller
- PHP
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Aplicación de quiz simple
Cuestionario en el que el usuario arrastra nombres de países sobre sus capitales correspondientes, construido con los componentes draggable y droppable.
Juego de rompecabezas (jigsaw puzzle)
Puzzle en el que hay que reordenar las piezas de una imagen arrastrándolas y soltándolas, usando las interacciones de jQuery UI.
Tour guiado por un sitio web
Recorrido paso a paso que resalta y explica las distintas partes de una página, apoyado en tooltips y diálogos.
Lector de noticias con pestañas
Lector que carga noticias de la API de Reddit mediante AJAX y las organiza en pestañas de jQuery UI.
CAPTCHA con draggable y droppable
Sistema de verificación en el que el usuario demuestra que es humano arrastrando elementos al lugar correcto.
Línea de tiempo de eventos
Línea de tiempo interactiva que, con un slider, muestra eventos de distintos años.
jQuery UI con Google Maps
Mashup con la API de Google Maps en el que un slider controla los marcadores del mapa y un spinner, el nivel de zoom.
Gestor de álbumes de fotos
Herramienta para organizar fotos en álbumes que combina componentes como sortable, diálogos y otras interacciones de jQuery UI.
Selector de color con conversión Hex/RGB
Color picker propio construido con sliders que convierte entre valores RGB y hexadecimales.
Dashboard completo
Panel que reúne varios widgets desarrollados a lo largo del libro en una sola interfaz, con botones para compartir.
