
jQuery Hotshot
Dan Wellman
- Editorial
- Packt
- Año
- 2013
- Páginas
- ~296
- Nivel
- Intermedio
De qué trata
Libro de la serie Hotshot de Packt en el que Dan Wellman propone diez proyectos prácticos e independientes para consolidar el dominio de jQuery. Cubre la API hasta jQuery 1.9, la versión vigente a comienzos de 2013, y está dirigido sobre todo a desarrolladores front-end que ya tienen algo de experiencia con jQuery, HTML y CSS y quieren pasar de los fragmentos sueltos a aplicaciones completas.
Cada capítulo sigue el formato de 'misión' de la serie (planteamiento, tareas por fases y cierre con propuestas de mejora) y, además de jQuery, presenta una tecnología relacionada. A lo largo del libro aparecen jQuery UI (por ejemplo, el componente draggable), jQuery Mobile, la API de Google Maps, la API de extensiones de Google Chrome, Knockout.js, funciones de HTML5 como localStorage y la API de archivos con arrastrar y soltar, plantillas del lado del cliente, peticiones Ajax para paginar datos y la compilación de una versión personalizada de la propia librería. También toca temas de programación más generales, como algoritmos de ordenación en el puzle.
Su punto fuerte es la variedad: en pocas páginas se recorre un abanico amplio de casos reales (juegos, mapas, móviles, extensiones, analítica de clics) y se aprende a combinar jQuery con otras herramientas. A cambio, cada proyecto se trata con cierta brevedad y no se profundiza en arquitectura ni en pruebas. Hoy conviene leerlo como material de referencia para mantener código heredado o entender patrones clásicos del DOM: varias de las APIs que usa (jQuery Mobile, las extensiones de Chrome de entonces, Knockout) evolucionaron mucho o quedaron en desuso.
- jQuery 1.9
- jQuery UI
- jQuery Mobile
- Google Maps API
- Extensiones de Chrome
- Knockout.js
- localStorage
- Subida de archivos
- Scroll infinito
- Ajax
- Animaciones
- Build personalizado
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Sliding Puzzle
Puzle deslizante que usa el componente draggable de jQuery UI, un algoritmo de ordenación para mezclar las piezas y localStorage para guardar el progreso de la partida.
Barra lateral fija con desplazamiento animado
Navegación lateral que se queda fija en la pantalla y desplaza la página con animaciones hasta cada sección.
Mapa interactivo de Google
Mapa basado en la API de Google Maps al que el usuario le agrega marcadores y con el que interactúa mediante jQuery.
Aplicación de una sola página con jQuery Mobile
App móvil de una sola página construida con jQuery Mobile que consume datos remotos y los muestra con plantillas.
Subidor de archivos con jQuery
Componente para subir varios archivos con arrastrar y soltar, apoyado en las APIs de archivos de HTML5.
Extensión de Chrome con jQuery
Extensión para el navegador Google Chrome que usa jQuery para leer y manipular el contenido de las páginas.
Build Your Own jQuery
Compilación de una versión a medida de jQuery que incluye solo los módulos necesarios para reducir su tamaño.
Scroll infinito
Sistema que pide datos por Ajax y, cuando el usuario llega al final de la página, carga y muestra automáticamente la siguiente página de resultados.
Mapa de calor con jQuery
Registro de los clics de los usuarios sobre una página y visualización de esos datos como mapa de calor desde una consola de administración.
Tabla ordenable y paginada con Knockout.js
Tabla de datos con ordenación y paginación implementada combinando jQuery con el enlace de datos de Knockout.js.

