Learn With Rana

How the Web Works – From URL to Render Ever wondered what happens behind the scenes when you type a URL and hit Enter? This post explains how the web works—step by step—in simple terms every developer should understand. 1. DNS Lookup When you enter a web address like www.example.com , your browser doesn’t know the server location yet. It asks a DNS (Domain Name System) to resolve that domain name into an IP address like 192.0.2.1 . 2. TCP Connection Once the IP is known, your browser uses the TCP (Transmission Control Protocol) to open a connection to the server on port 80 (HTTP) or 443 (HTTPS). 3. HTTP Request The browser sends a request to the server, usually starting with something like: GET / HTTP/1.1 Host: www.example.com User-Agent: Chrome/117.0 4. Server Response The server receives the request and returns an HTTP response. This usually contains HTML content, but may also include headers, cookies, and links to CSS, JS...

Axios vs Fetch API in JavaScript – Everything You Need to Know When building web apps, you often need to fetch data from APIs or send data to a server. In JavaScript, two popular ways to make HTTP requests are Fetch API and Axios . But which one should you use? In this guide, we’ll break it down with examples, pros and cons, features, and real-life use cases. 🔍 What is Fetch API? Fetch API is a built-in browser feature that allows you to make HTTP requests. It returns Promises and is supported in all modern browsers. fetch('https://jsonplaceholder.typicode.com/posts') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error)); ⚙️ What is Axios? Axios is a third-party JavaScript library built on top of XMLHttpRequest . It provides a clean API for sending HTTP requests and handling responses. axios.get('https://jsonplaceholder.typicode.com/posts') .then(respons...