
Event listeners can be added to nodes and triggered on occurrence of a given event.Google Chrome hosts a vast number of add-ons, called extensions, that are installed to provide a better browsing experience. an element, text string, or comment).” It “allows code running in a browser to access and interact with every node in the document. The DOM is an API that is essentially loaded in the browser, “representing the document as a node tree, where each node represents part of the document (e.g. The DOM is an object representation of that web page - a programming interface that enables a scripting language, such as JavaScript, to change the document structure, style and content of the web page. A web page is a document, that can either be displayed in the browser, or as HTML source code in a program. JavaScript and the DOM go hand in hand.ĭOM stands for Document Object Model. JavaScript is a powerful scripting language, widely used for controlling web page behavior.” ( ) Since JavaScript is essentially the behavior of a website, I was quickly introduced to the DOM in the beginning of my instruction of the language. “JavaScript runs on the client side of the web, which can be used to design / program how web pages behave on the occurrence of an event. Along my journey to become a software engineer it didn’t take long to realize the importance of DevTools.Ībout halfway through my program at Flatiron School, I began to learn JavaScript. I quickly became distracted by other shiny objects and soon forgot about it all together. Overwhelmed, I was daunted and unimpressed with DevTools, clumsily navigating my way through the features and trying to understand how to utilize them. When I was first introduced to Chrome DevTools, it was through the lens of being brand new to coding. As an emerging software engineer, any tool that makes programming life easier and more efficient is something I avidly seek out and try to learn immediately.
