Suhas Khobragadesuhaasya.hashnode.dev·4 hours agoUnderstanding How Browsers Work: From HTML to Modern Web AppsModern web development can seem like magic, but understanding how browsers actually process and render our code is crucial for building efficient web applications. In this comprehensive guide, we'll break down the journey from HTML to pixels on your ...DiscussWeb Development
Amanuelamexabee.hashnode.dev·Dec 4, 2024Document Object Model (DOM)The Document Object Model (DOM) is a structured representation of an HTML document. It organizes the document into a tree of objects, making it possible to manipulate and interact with elements programmatically. DOM Manipulation document; //...Discuss·41 readsJavaScript TutorialsDOM
Chris jr Nwaijechriskript.hashnode.dev·Nov 25, 2024Step-by-Step Guide to Making a Spin the Bottle Game with HTML, CSS, and JavaScriptAs a web developer, I enjoy creating projects that combine both fun and learning. One of the projects I recently worked on is a "Spin the Bottle" simulator, which is a simple interactive web game using HTML, CSS, and JavaScript. In this post, I’ll gu...DiscussSpin the Bottle Game
gayatri kumargeekee.hashnode.dev·Nov 10, 2024DOM Methods Deep Dive: Powering Up Your Web Pages!Imagine you’re a treasure hunter, and your mission is to search through a map, identify key landmarks, and collect hidden treasures. In the world of web development, the Document Object Model (DOM) is like that treasure map, and DOM methods are the t...Saanvi Kumar and 1 other are discussing this2 people are discussing thisDiscuss·30 likesWeb DevelopmentDOM manipulation
gayatri kumargeekee.hashnode.dev·Nov 9, 2024DOMination: Understanding the Document Object Model!Imagine stepping into a vast city, where every building, street, and park is meticulously planned. You, as the city planner, have complete control over how the city is built, modified, and maintained. This city represents the Document Object Model (D...Saanvi Kumar and 2 others are discussing this3 people are discussing thisDiscuss·50 likesWeb Developmentjs
Okoye Ndidiamakaamikdigital.hashnode.dev·Oct 30, 2024Unlocking the DOM: Your Guide to Dynamic Web Pages Using JavaScriptHave you ever wondered how websites come alive with things such as interaction? And this answer lies in something called the Document Object Model. Understanding the DOM is the ultimate toolkit for building, modifying, and updating web pages on the f...DiscussFrontend d
Zainab JINARIbenizcode.hashnode.dev·Oct 21, 2024How React Works Under The HoodIntroduction: In this tutorial, we will explore how the React framework works. To achieve this, we'll start by understanding the traditional way of doing things. We'll use an example to see how it is rendered and discuss the performance limitations o...Discuss·10 likes·26 readsReact
dheeraj korangagyannbaato.hashnode.dev·Oct 18, 2024Practicing DOM ManipulationQue 1: Add the following elements to the container using only JavaScript and the DOM methods. i) a <p>with red text that says "Hey I'm red!"ii) a <h3>with blue text that says "I'm a blue h3!"iii) a <div> with a black border and pink background color ...DiscussJavascript for Begineersjs
dheeraj korangagyannbaato.hashnode.dev·Oct 17, 2024Manupulating Content using DOMThe DOM (Document Object Model) allows us to interact with and manipulate the content, structure, and styles of an HTML document. Using JavaScript, we can dynamically update the page content, modify attributes, change styles, and manage classes of el...DiscussJavascript for BegineerssetAttribute
dheeraj korangagyannbaato.hashnode.dev·Oct 17, 2024DOM (Document Object Model)The DOM (Document Object Model) is a programming interface provided by web browsers that represents the structure of a web page as a tree of objects. Each HTML element on the page is considered a node in the tree, allowing JavaScript to interact with...DiscussJavascript for Begineersjs
