Tito Adeoyetitoadeoye.hashnode.dev·8 minutes agoThe DOM: Light & Shadow DOMHello there👋 I was reading an article on scoping CSS in Vue recently and came across this sentence "This is similar to the style encapsulation found in the Shadow DOM". My idea of what the shadow DOM meant was too vague to work with so I did some re...DiscussDOM
Emmanuel Umehemmanuelumeh.hashnode.dev·8 hours agoMastering DOM in JavaScriptThe Document Object Model is a crucial aspect of web development, providing a representation and structure of HTML and XML documents. Javascript, often regarded as the oracle of web development, serves as a toolkit for DOM manipulation, enabling the ...Discuss·1 likeJavaScript
Roberta Akotorobbieakoto.hashnode.dev·Dec 1, 2023Understanding the Document Object Model (DOM) in Vanilla JavaScriptToday, let's dive a bit into DOM, one of the most popular terms in JavaScript. The Document Object Model, often called the DOM, is a fundamental concept in web development. It serves as the bridge between the structure and content of a web page, as d...Discuss·1 likeJavaScript
Afan Khanwhyafan.hashnode.dev·Nov 27, 2023What are hooks in ReactJS?Sometimes, the elegant implementation is just a function. Not a method. Not a class. Not a framework. Just a function. — John Carmack. Oculus VR CTO. When I started to learn React, I didn’t read about its basic concepts. I directly jumped into writi...DiscussReact
Rishav PandeyProthenomadtechie.hashnode.dev·Nov 25, 2023Mastering JavaScript Event Handling Techniques: Bubbling, Capturing, Delegation, and PropagationIntroduction Events in JavaScript are essential and fundamental for creating interactive web pages. They can be considered the driving force behind a browser, enabling it to perform actions on behalf of the user. When you find a button and want to cl...DiscussJavaScript
Abhrajit Guptaabhrajitgupta.hashnode.dev·Nov 23, 2023What is DOM?DOM stands for Document Object Model. Suppose, you have a HTML document in which you want to create, change or remove any element. So, DOM helps you to do the same thing in your document. It's used for HTML (Hyper Text Markup Language) and XML (Exten...Discuss·13 likes·82 readsDOM manipulation
Edson Sooraj Dsouzaedsondsouza.hashnode.dev·Nov 19, 2023Unlimited Background Color Changer using JavascriptUnlimited Colors is a project built using the concepts of events and DOM in Javascript. Events are occurrences that can trigger certain functionality and can result in certain behavior. A common example of an event is a “click”, or a “hover”. Here ar...DiscussJavaScriptJavaScript
Saifur Rahman Mahinsaifur-rahman39.hashnode.dev·Nov 14, 2023Explore Document Object Model(DOM)Explore Document Object Model(DOM) Let's explore the real-world purposes of the Document Object Model (DOM) and categorize them into basic, mid-level, and advanced levels. Basic Level: 1. DOM for Content Display: Basic Purpose: At a basic level, the...DiscussVanilla JavaScriptjs
Saurav Maheshwarixauravww.hashnode.dev·Nov 11, 2023DOM (Document Object Model)Definition of DOM The Document Object Model is like the blueprint of a web page. It's a structured representation of the HTML elements that make up a website. Imagine it as a family tree, with each element being a family member—some are parents, some...DiscussJavaScript DOM
Manas Upadhyaymanasupadhyay.hashnode.dev·Nov 11, 2023What is DOM? Real DOM vs VIRTUAL DOMI am sure you all must have heard about the word DOM, somewhere in your web development journey. So what is DOM? DOM stands for Document Object Model. You can consider dom as a tree structure, in which all the HTML elements and contents are in a tree...Discuss·1 likeReact