DOM Enlightenment

Libro breve de Cody Lindley, autor de jQuery Cookbook, publicado por O'Reilly en 2013. Explica cómo funciona realmente el Document Object Model (DOM) y cómo manipular HTML con JavaScript nativo, sin bibliotecas como jQuery. Se dirige a desarrolladores de nivel intermedio o avanzado que ya conocen JavaScript, que quizá se formaron con jQuery y quieren entender lo que hay por debajo o necesitan trabajar con poca carga en navegadores modernos y móviles.

Avanza con ejemplos de código cortos, al estilo de un cookbook, centrados en los distintos tipos de nodos. Empieza con una visión general de los nodos y sigue con los nodos Document, Element, Text y DocumentFragment. Explica la selección de elementos (querySelector, querySelectorAll y colecciones), la geometría y el desplazamiento de los elementos (offset, client, scroll y getBoundingClientRect) y los estilos inline. También trata las hojas de estilo y las reglas CSS desde el DOM, la carga y ejecución de JavaScript en el documento y los eventos del DOM con su propagación (captura y burbujeo), la delegación y los objetos de evento.

El último capítulo reúne lo aprendido en dom.js, una pequeña biblioteca de manipulación del DOM inspirada en jQuery para navegadores modernos. Así se ve cómo se construye una abstracción a partir de las APIs nativas. Es un texto conciso y muy didáctico que sigue siendo útil, porque las APIs básicas del DOM apenas han cambiado. Eso sí, es anterior a ES2015 y a APIs como MutationObserver, IntersectionObserver o los Web Components, y algunos comentarios sobre compatibilidad de navegadores han quedado viejos. No es un libro de JavaScript general: conviene llegar sabiendo el lenguaje.