Uno de los aspectos más importantes del desarrollo web es el navegador. En este post, te enseñaremos en qué consiste el nuevo concepto de Browser Object Model, introducido recientemente en el mundo del desarrollo web para modificar y acceder las propiedades de los navegadores web.
¿Qué es Browser Object Model?
El Browser Object Model, también conocido como BOM por sus siglas, es un concepto muy útil para entender el mundo del JavaScript para frontend. Básicamente, el Browser Object Model publica una serie de objetos en el contexto de JavaScript para poder controlar el navegador web.
Para entender mejor este concepto, pensemos en un simil muy concreto. Al igual que node.js nos permite acceder a objetos como process o métodos como require porque son elementos globales, el navegador nos permite acceder al Browser Object Model. En términos simples, el BOM es un objeto que nos va a permitir interactuar con el navegador.
Entonces, del mismo modo que node.js nos permite interactuar con el servidor para acceder a diversos datos, el Browser Object Model nos permite acceder e interactuar con las funcionalidades o API y propiedades que nos da el navegador. Para ello, el BOM nos pone a disposición objetos que nos permiten acceder a otros objetos y detalles del navegador.
El objeto principal del BOM es el objeto window, del que se despliegan los objetos history, location, screen, navigator, frames y document. De este último, document, se despliegan a su vez otra serie de elementos. Para conocer más sobre el objeto principal de Browser Object Model, te invitamos a leer nuestro post sobre el objeto window de BOM.
Algunas de los acciones que BOM nos permite llevar a cabo son el acceso al local storage, el acceso al histórico de las URL y la edición de la posición y dimensión de la ventana del navegador, todo relacionado con las propiedades de las ventanas de un navegador. Para conocer más sobre este concepto, te invitamos a leer este artículo sobre BOM (Browser Object Model).
Ahora que sabes qué es el Browser Object Model o BOM, entiendes lo complejo y amplio que es el mundo del desarrollo web. Por ello, te invitamos a nuestro Desarrollo Web Full Stack Bootcamp, un programa de formación intensiva e íntegra en el que podrás aprender todo lo necesario para dominar este mundillo, desde lenguajes como JavaScript hasta herramientas como create-react-app. ¡No te lo pierdas y pide información!