<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Launch Log]]></title><description><![CDATA[Launch Log]]></description><link>https://launch-log.hashnode.dev</link><generator>RSS for Node</generator><lastBuildDate>Mon, 22 Jun 2026 14:22:37 GMT</lastBuildDate><atom:link href="https://launch-log.hashnode.dev/rss.xml" rel="self" type="application/rss+xml"/><language><![CDATA[en]]></language><ttl>60</ttl><item><title><![CDATA[S1-E03: The Worm That Shut Down the World.]]></title><description><![CDATA[⚠️ PREREQUISITE READING! ⚠️
if this is your first time here, you're about to walk into a movie halfway through!
In the first two episodes, We've already covered the internet's secret origin story (born from the Cold War!) and decoded its hidden seven...]]></description><link>https://launch-log.hashnode.dev/ep03-the-worm-that-shut-down-the-world</link><guid isPermaLink="true">https://launch-log.hashnode.dev/ep03-the-worm-that-shut-down-the-world</guid><dc:creator><![CDATA[Ayush Redekar]]></dc:creator><pubDate>Sat, 27 Sep 2025 12:15:18 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1758973516058/79068a3b-652b-47e6-9d6a-59eb20f630ea.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p><strong>⚠️ PREREQUISITE READING! ⚠️</strong></p>
<p>if this is your first time here, you're about to walk into a movie halfway through!</p>
<p>In the first two episodes, We've already covered the internet's secret origin story (born from the Cold War!) and decoded its hidden seven-layer blueprint, the OSI Model. Think of them as the setup for the big event you're about to read.</p>
<p>Get the full story below:</p>
<ul>
<li><p><strong>EP01 - The Unbreakable Agreements: [</strong><a target="_blank" href="https://launch-log.hashnode.dev/decoding-the-digital-world-s1-e01-the-unbreakable-agreements">https://launch-log.hashnode.dev/decoding-the-digital-world-s1-e01-the-unbreakable-agreements</a><strong>]</strong></p>
</li>
<li><p><strong>EP02 - The Internet's Hidden Blueprint: [</strong><a target="_blank" href="https://launch-log.hashnode.dev/ep-2-beneath-the-surfacethe-hidden-blueprint-of-the-internet">https://launch-log.hashnode.dev/ep-2-beneath-the-surfacethe-hidden-blueprint-of-the-internet</a><strong>]</strong></p>
</li>
</ul>
<hr />
<p>Imagine a plague with no cure just like the recent Covid pandemic. A silent, invisible disease that spreads not through the air, but through the wires that connect our world. Think of the fear, the helplessness of that time. Now, imagine that, this plague didn't infect people, but the very machines we were beginning to trust with our future. Yeah!....Believe me or not, This isn't any fiction. This is the story of the day the internet first got sick.</p>
<p>As we all know; That in early 1980s the internet was just an infant started with <strong>ARPANET</strong> to eventually building <strong>World wide web in 1989</strong>, And tbh at that time only governmental bodies, some officials and universities were the one who owned these computers, but just before the year of 1989, something went wrong......terribly wrong!!!</p>
<hr />
<h2 id="heading-the-night-of-november-2nd-1988"><strong>The Night of November 2nd, 1988.</strong></h2>
<p><strong>On that Night:</strong></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1758973559363/95113591-dfd7-4271-a118-38be56f3b8f8.png" alt class="image--center mx-auto" /></p>
<p>At universities, top-secret labs, and even at NASA, computers started acting weird. First, they got slow. Then they started to choke. And then... they just died. One by one (this keeps happening), these huge, important machines just went silent. it's like some kinda <strong>WORM</strong> (Kidaa) was moving through the brand-new internet, a phantom that could copy itself without any help from a human just like any virus which spreads w/o any medium. AND.....Within 24 hours of duration, it had brought the internet to its knees. Over 6,000 computers were knocked out.</p>
<p>Yeah!..Now, I know what you're thinking and might ask me that:</p>
<p><em>"Man, it's just 6000 computers; why would that be a threat in the first place?"</em></p>
<p>But my fellow readers, don't forget, we're talking about <strong>The first-ever cyber-attack</strong>, and it happened way back in the 1980s. And That's what changes everything.</p>
<p>So,6,000 might sound like a small number to us, but back then, it was <strong>10% of the entire internet</strong>. The whole world only had about <strong>60,000</strong> internet users at that time and now, a single program, created by just one person, had broken the internet.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1758973810823/3897d11f-00b3-49b4-8367-28d27ab39888.jpeg" alt class="image--center mx-auto" /></p>
<p>This attack was everywhere. It hit major military and education centers, delaying important work for weeks. The economy was hit hard, with damage estimated between <strong>$100,000</strong> to <strong>$1 million</strong>. People were terrified.They started believing that their computers, which they were just starting to trust, could suddenly be shut down by someone they couldn't see and this threat was so huge that Some people even talked about never going online again.</p>
<ul>
<li><strong>A digital disease was loose, and nobody knew who made it or how to stop it!!</strong></li>
</ul>
<hr />
<h2 id="heading-the-creator-behind-the-chaos"><strong>The Creator Behind the Chaos</strong></h2>
<p>As the world's best computer experts tried to fight the infection, a <strong>scared programmer</strong> made a phone call to his friends. He told them that, he had made a terrible mistake. He had released a <strong>"worm"</strong> =&gt; <em>a piece of code</em>, and now it was completely out of control. He asked a friend to send out an anonymous message, saying sorry and explaining how to stop the worm. But it was too late. The internet was already too sick and choked by the worm that even his own message didn't get through it.</p>
<p>But another friend of him made a different call, an anonymous tip to <strong>The New York Times</strong>. That friend told the newspaper agency everything. And we know how reporters are ,they are less reporters and more like investigators. So, when reporters pushed him for more info, that friend accidentally gave them the creator's initials: which was...... <strong>R.T.M</strong>.</p>
<p>While the world was expecting a monster, a bad guy who wanted to watch the world burn. The FBI followed the clues, and surprisingly they found <strong>Robert Tappan Morris</strong>, a super smart, <strong>23 year-old college student at Cornell University.</strong></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1758973656327/58a28a2f-1863-4d65-a9aa-0c048983ba22.jpeg" alt class="image--center mx-auto" /></p>
<p>And know this: his <strong>dad was a top codebreaker at the (National Security Agency) NSA</strong>. So, Hacking was literally in his blood! His friends and teachers all said he was a programming genius who just loved to code and experiment. He was known for being a bit of a prankster as well.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1758978909525/d6f19391-fd5a-462a-a8ca-bb6cef44b0c2.png" alt="Father was proud of his Son." class="image--center mx-auto" /></p>
<p><strong><em>This global disaster wasn't an act of hate. It was an experiment that went terribly wrong .</em></strong></p>
<h2 id="heading-the-tiny-mistake-that-broke-the-world"><strong>The Tiny Mistake that Broke the World</strong></h2>
<p>Morris never wanted to hurt anyone. He built the worm to find weaknesses in computer systems and show people how to be more secure, like an antivirus program that warns you about a problem and also let the Morris know that how big this new network is. His program =&gt; <strong>WORM</strong> was simple. It would ask a computer, "<strong><em>Is a copy of me already here?</em></strong>". If the computer said "<strong><em>yes</em></strong>", the worm would leave it alone. If it said "<strong><em>no</em></strong>", the worm would copy itself onto the machine.</p>
<p>But Morris was smart. Maybe a little too smart. He knew that people could just tell their computers to always answer "<strong><em>yes</em></strong>" to protect themselves. So, he added a small change to his code. i.e., Even if a computer said "<strong><em>yes</em></strong>", the worm would still infect it anyway, <strong>one out of every seven times.</strong></p>
<p>Exactly, that <strong><em>was the mistake</em></strong>. The single, tiny piece of code that turned a harmless test into a digital nightmare.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1758973926390/0aaf7b60-1b17-49af-82fc-b1a8d17203c7.png" alt class="image--center mx-auto" /></p>
<p>Instead of spreading out by making single copy of it on each computer, the <strong>worm</strong> began making thousands of copies of itself on the same computer and eventually machine would get overwhelmed and crash. The attack became much, much worse, aggressively shutting down thousands of systems and creating a massive internet traffic jam. This is what tech people call a <strong><em>"Distributed denial of service" (DDos) attack</em></strong> <em>(which is just a fancy way of saying the computers were too busy to do their own jobs!)</em>. It’s like sending too many visitors to a small shop all at once. Not to buy anything but just to stand there and block the way. So, that Real customers can’t get in, and the shop can’t work properly.</p>
<p>So After all that : Robert Morris, the kid who was just curious, became the first person ever found guilty under the <strong>Computer Fraud and Abuse Act</strong>. Because he didn't mean to cause harm and he wasn't that malice looking at his previous records and also since, he was young, he didn't go to jail, But he was given three years of <strong><em>Probation = &gt;Where You don’t go to jail, but you must follow certain conditions (like staying out of trouble, reporting to a probation officer.)</em></strong> , 400 hours of community service, and a fine that totaled over <strong>$13,000.</strong></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1758974013919/ff906811-92b0-41fe-b216-f0c106d61170.jpeg" alt class="image--center mx-auto" /></p>
<p>Above all, this happened during the <strong>Open Door Era</strong>: a time when people used computers without worrying that someone might sneak into their system, even though the door was wide open.</p>
<hr />
<h2 id="heading-the-aftermath-a-new-world-with-new-walls"><strong>The Aftermath: A New World with New Walls</strong></h2>
<p><strong>Connecting to EP01 &amp; EP02:</strong> Remember how we said the internet was a club built on trust? The worm used that trust to trick everyone. It showed that even in a friendly town, you can't leave your doors unlocked.</p>
<p>So, After this traumatic event, <strong>Open door era was over</strong>. Forever.</p>
<p>This event was a massive <strong>"wake-up call"</strong> for the world. For the first time, newspapers like <strong>The New York Times</strong> used the word <strong><em>"internet"</em></strong> in a story. After the attack, companies started making better software, and the very first antivirus programs were created. The U.S. government even created <strong>CERT (Computer Emergency Response Team)</strong>, a special team to handle future cyber emergencies, and thus eventually, world started building digital fortresses.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1758974061333/8861cacf-c9f1-4025-a665-c7eaea195cd0.jpeg" alt class="image--center mx-auto" /></p>
<p>Today, the (<strong>code for the Morris Worm</strong>) is kept on a floppy disk in a <strong><em>museum in California</em></strong>. It's harmless now, because our modern computers have fixed the weaknesses it used. But the story is a chilling reminder of how fragile our connected world can be, and how one small mistake from one person can bring everything to a stop.</p>
<p>So, this wasn't just a story about a computer bug. But was the story of how the internet lost it's innocence and was forced to be mature. It's the reason we have passwords for everything, why we have two-factor authentication, and why companies spend billions of dollars trying to keep the bad guys out. <strong><em>And yeah this is what created the Cybersecurity Domain.</em></strong></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1758974099571/b9ebefc1-7f7f-4ed0-b48b-2ebeec41ed76.png" alt class="image--center mx-auto" /></p>
<p>And it all started with one curious kid =&gt; <strong><em>someone kinda like me</em></strong> =&gt; and a worm that goes out of control. <strong><em>Don’t worry though, I’m worm-free. So, U all can chill</em></strong>!</p>
<p>And stay tuned !! because in next EP, we’re diving into those digital fortresses to see how world with walls actually works. You seriously don’t wanna miss this , Right ? <strong><em>So yeah… DO come here, not Netflix !! :)</em></strong></p>
<p><strong><em>Ayush,19 =&gt; Still figuring things out !!</em></strong></p>
]]></content:encoded></item><item><title><![CDATA[Ep 2: Beneath the Surface—The Hidden Blueprint of the Internet]]></title><description><![CDATA[⚠️ PREREQUISITE READING! ⚠️
Hold on! Before we dive beneath the surface, make sure you've read Episode 1. We're building on concepts from the last post, and I don't want this to go 2 feet over your head!
Catch up on Episode 1 here: [https://lnkd.in/p...]]></description><link>https://launch-log.hashnode.dev/ep-2-beneath-the-surfacethe-hidden-blueprint-of-the-internet</link><guid isPermaLink="true">https://launch-log.hashnode.dev/ep-2-beneath-the-surfacethe-hidden-blueprint-of-the-internet</guid><category><![CDATA[Computer Science]]></category><category><![CDATA[internet]]></category><category><![CDATA[OSI Model]]></category><category><![CDATA[Hashnode]]></category><category><![CDATA[engineering]]></category><dc:creator><![CDATA[Ayush Redekar]]></dc:creator><pubDate>Sat, 20 Sep 2025 17:23:05 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1758388331275/eac56575-2897-4365-943d-0123ba82bc5d.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p><strong>⚠️ PREREQUISITE READING! ⚠️</strong></p>
<p>Hold on! Before we dive beneath the surface, make sure you've read <strong><em>Episode 1</em></strong>. We're building on concepts from the last post, and <strong><em>I don't want this to go 2 feet over your head!</em></strong></p>
<p><strong>Catch up on Episode 1 here:</strong> [<a target="_blank" href="https://lnkd.in/p/dw87dQiZ"><strong>https://lnkd.in/p/dw87dQiZ</strong></a>]</p>
<hr />
<p>So In previous, we mapped out the skeleton of the internet: IP addresses, routers, even those insane submarine cables lying beneath oceans. But that was just the surface. Here we’re cracking open the protocol vault (Surface).</p>
<p>So, here’s the scene to think of: You type “<em>Hello</em>” on WhatsApp. Just five letters. But in less than a second, that message gets shattered into invisible fragments, races across continents, dodges the traffic of other messages, gets stitched back together, and lands perfectly on your friend’s phone. No lag. No distortion. Just clean delivery.</p>
<p>Feels like magic, right? But it’s not. The real architect under the hood of this digital teleportation is something most people never talk about: The <strong>OSI Model</strong>\=<strong>Seven layers</strong>. And each layer quietly makes sure your memes, midnight rants, and voice notes reach their destination without falling apart.</p>
<p>So yeah, <strong>drink water and sit tight</strong> because this is gonna be the longest dive, beneath the surface. In this Blog, we’re not just digging into networking; we’re decoding the blueprint that powers everything from <strong><em>Netflix to NASA</em></strong>. And trust me, once you see how it works, you’ll never look at a simple “<em>Hello</em>” the same way again and will also <strong><em>thank this OSI model*</em></strong>, because of which you all can read my blog!*</p>
<hr />
<h3 id="heading-from-digital-chaos-to-claritybirth-of-the-osi-concept"><strong>From Digital Chaos to Clarity—Birth of the OSI Concept</strong></h3>
<p><img src="https://media.licdn.com/dms/image/v2/D4D12AQF3cQX1DX9MFA/article-inline_image-shrink_1000_1488/B4DZlnOle_JUAQ-/0/1758373505736?e=1761177600&amp;v=beta&amp;t=Wk2vIDTr7BrY8ewOPS7nTWTw2khr3l17D9jqrwHS7gQ" alt /></p>
<p><strong><em>Let’s rewind for a second.</em></strong></p>
<p>The <strong>internet</strong> isn’t one giant machine; it’s a wild patchwork of millions of networks stitched together across the globe. <strong><em>Different devices.</em></strong> <strong><em>Different developers.</em></strong> <strong><em>Different languages,</em></strong> right? Now imagine two developers, one in Germany and one in India, building apps that need to talk to each other. If they each made up their own rules for how data should travel, it’d be like trying to play football with two different rulebooks. Total chaos, agreed?</p>
<p>That’s where <strong><em>protocols</em></strong> come in. They’re not just rules=&gt;they’re <strong>agreements</strong>. The digital Standard that says, “<em>Hey, I’ll speak your language if you speak mine</em>.”</p>
<p>And then there comes... O...S... I.</p>
<p>The <strong>OSI (Open Systems Interconnection) model</strong> is that <strong>Conceptual Digital standard</strong>. Think of it as the official documentation for the internet, made so that different computer systems can actually communicate. It breaks down the whole process into seven distinct, manageable layers. Each layer has a specific job, and they all work together.</p>
<p><strong><em>Now we're ready to dive!</em></strong></p>
<hr />
<h2 id="heading-the-meticulous-courier-service-of-the-internet-a-packages-full-journey"><strong>The Meticulous Courier Service of the Internet: A Package's Full Journey</strong></h2>
<p>Alright, let's connect all the dots. We're going to follow a single message, your "<em>Hello</em>" sent on WhatsApp; on its complete journey from your phone to a friend's across the world. We'll watch as the "<em>Hello</em>" gets wrapped up layer by layer on your end (a process called <strong>encapsulation</strong>), and then see how it gets unwrapped in the reverse order on your friend's end to reveal the original message (a process called <strong>decapsulation</strong>).</p>
<p><strong>(Before we begin, here's a mental map for our journey. Picture a building with seven floors. We're going to start at the top floor, go all the way down to the ground floor, and then watch as the package goes down &amp; up the same seven floors in the destination throughout building.)</strong></p>
<p><img src="https://media.licdn.com/dms/image/v2/D4D12AQE-2csi_QGTZg/article-inline_image-shrink_1000_1488/B4DZlnPmoAHsAQ-/0/1758373776955?e=1761177600&amp;v=beta&amp;t=5Jznv65WOF4do2I8ldTPfHvBPcgKaDd7bdTW5TekezE" alt class="image--center mx-auto" /></p>
<p>Let's ship that "<em>Hello.</em>"</p>
<hr />
<h3 id="heading-the-first-half-packing-the-box-encapsulation"><strong>The First Half: Packing the Box (Encapsulation)</strong></h3>
<h3 id="heading-layer-7-the-application-layer-filling-out-the-shipping-form"><strong>LAYER 7: THE APPLICATION LAYER — Filling Out the Shipping Form</strong></h3>
<p><img src="https://media.licdn.com/dms/image/v2/D4D12AQEsye20WIoh9Q/article-inline_image-shrink_1000_1488/B4DZlnP4UaJgAU-/0/1758373890906?e=1761177600&amp;v=beta&amp;t=7rVcVthRed7b5SBMKUc9jIQXLeuiq5JINVHEMsmWpss" alt class="image--center mx-auto" /></p>
<p>You type <strong>"Hello"</strong> into WhatsApp and hit send. This is <strong>Layer 7</strong> in action. You, the user, are interacting with the application to create the data that needs to be sent. This layer is the courier service counter where you drop off your item ("<em>Hello</em>") and state its destination.</p>
<p>The protocols here are the different types of forms you fill out based on what you're sending:</p>
<ul>
<li><p><strong>HTTP/HTTPS:</strong> The standard form for sending or requesting a "<em>webpage</em>" package.</p>
</li>
<li><p><strong>SMTP:</strong> The special form you use specifically for sending an "<em>email</em>" package.</p>
</li>
<li><p><strong>DNS:</strong> The most critical first step. Before your "Hello" can be sent, the system needs your friend's exact address. You can't send a package to "<em>My Friend's Phone</em>"; you need a precise IP address. <strong>DNS is the service that finds it.</strong></p>
</li>
</ul>
<h3 id="heading-side-quest-how-does-your-computer-find-an-address-the-dns-lookup"><strong>SIDE QUEST: How Does Your Computer Find an Address? (The DNS Lookup)</strong></h3>
<p>When you send a message, a lookup happens to <strong>find the server</strong> that handles the message traffic. For a website like <a target="_blank" href="http://google.com"><em>google.com</em></a>, it's a <strong>chain reaction:</strong></p>
<p><img src="https://media.licdn.com/dms/image/v2/D4D12AQFDMAntGvB4gw/article-inline_image-shrink_1000_1488/B4DZlnQSGjJgAQ-/0/1758373949829?e=1761177600&amp;v=beta&amp;t=eHvJzXuaC7_3KYzrrXwE62rrS19dvNhfJYdb6iYfpj0" alt class="image--center mx-auto" /></p>
<ol>
<li><p><strong>Local Address Book (Cache Check):</strong> Your device first checks its memory. "Have I talked to this <strong>google</strong> server recently?" If the IP address is saved, <strong>BOOM!</strong> A connection is made. Super-fast.</p>
</li>
<li><p><strong>Local Post Office (ISP's Server):</strong> If not in cache, your request goes to your <strong><em>Internet Service Provider's (ISP)</em></strong> DNS server. (<strong><em>Yep, your ISP also knows the destination of every package you send or receive!)</em></strong></p>
</li>
<li><p><strong>Country Head Office (Root Server):</strong> If your local post office is also clueless, it asks one of the 13 main head offices (Root Servers) in the world. The Root Server is like a master directory; it doesn't know the full address but knows which regional office (.com, .org, .in, .io, etc) to ask next.</p>
</li>
<li><p><strong>Regional Hub (TLD Server):</strong> The .com hub manages all addresses in its region. It points to the exact local branch (Authoritative Server) for <a target="_blank" href="http://google.com">google.com</a>.</p>
</li>
<li><p><strong>The Local Branch (Authoritative Server):</strong> Finally! This is Google's own server. It holds the definitive IP address and sends it all the way back down the chain to your computer.</p>
</li>
</ol>
<p><strong>Connection Completed!</strong> Now that your device has the IP address, the process of wrapping your <em>"Hello</em>" can truly begin.</p>
<hr />
<h3 id="heading-layer-6-the-presentation-layer-special-services-amp-gift-wrapping"><strong>LAYER 6: THE PRESENTATION LAYER — Special Services &amp; Gift Wrapping</strong></h3>
<p><img src="https://media.licdn.com/dms/image/v2/D4D12AQFIVsNCq8q2qg/article-inline_image-shrink_1000_1488/B4DZlnQxabGQAQ-/0/1758374204536?e=1761177600&amp;v=beta&amp;t=056Jjlaw3YKPmUXm6Y3P_m_351pbmDiqQKb-yF6WulU" alt class="image--center mx-auto" /></p>
<p>Your "Hello" message is now passed down to the courier's special services department. This layer acts as a universal translator and security guard, making sure your message is in a standard binary format, is secure, and is as small as possible.</p>
<ul>
<li><p><strong>Translation:</strong> It ensures your "Hello" is formatted in a <strong><em>universal character set</em></strong> (like UTF-8) &amp; <strong><em>Machine language (Binary)</em></strong> so that any device can understand it.</p>
</li>
<li><p><strong>Encryption:</strong> This is critical. It scrambles your "<em>Hello</em>" into unreadable ciphertext (e.g., <strong><em>aJk&amp;bZ!p</em></strong>). This is the tamper-proof, locked box that ensures no one but your friend can read your message.</p>
</li>
<li><p><strong>Compression:</strong> Now obv<strong>,</strong> for a tiny message like "<em>Hello,</em>" this step is negligible. But if you sent a long paragraph, this layer would shrink it down to save bandwidth, like vacuum-sealed clothes.</p>
</li>
</ul>
<p><strong>Connecting to EP01:</strong> Remember when we talked about the 'S' in HTTPS and that little lock icon 🔒? This layer is where that security magic happens, using protocols like SSL/TLS to keep your "Hello" safe.</p>
<hr />
<h3 id="heading-layer-5-the-session-layer-getting-your-tracking-number"><strong>LAYER 5: THE SESSION LAYER — Getting Your Tracking Number</strong></h3>
<p><img src="https://media.licdn.com/dms/image/v2/D4D12AQHvh8EvIIbTuw/article-inline_image-shrink_1000_1488/B4DZlnTESJH0AU-/0/1758374695184?e=1761177600&amp;v=beta&amp;t=DZQ9Z5yyn0nWS-OcQPsI3Z5_DQesSkm3BQX32D1mAC4" alt class="image--center mx-auto" /></p>
<p>Your encrypted "Hello" is ready. Now it moves to the order management desk. This layer's job is to open a dedicated communication line, a kind of wire in the clouds, between you and your friend's device and manage it.</p>
<ul>
<li><p>It <strong>establishes</strong> the connection, like starting a phone call before you speak.</p>
</li>
<li><p>It <strong>manages</strong> this "session" to keep the conversation going.</p>
</li>
<li><p>It <strong>terminates</strong> the session once the communication is done.</p>
</li>
</ul>
<p>Think of this layer as assigning a unique tracking number (like a token from a college canteen) to your entire conversation, so the system knows which messages belong to which chat.</p>
<hr />
<h3 id="heading-pro-tip-how-does-a-forgetful-web-remember-you-all-about-cookies"><strong>PRO TIP: How Does a "Forgetful" Web Remember You? (All About Cookies)</strong></h3>
<p>As we've touched on, the web's main protocol, HTTP, is "<strong>stateless</strong>"=&gt;it forgets you instantly as soon as you leave the page. So, how does a site like Amazon keep you logged in across different pages?</p>
<p>The answer is <strong>Cookies</strong>.</p>
<p>A cookie is just a tiny text file. When you log in, the server gives your browser a cookie with a unique ID (a tracking sticker). For every page you visit, your browser shows that sticker. Once you click "<strong>Accept Cookies,</strong>" the server sees that sticker on future requests and says, "<em>Ah, I remember this session! The order is still active.</em>" It’s how your shopping cart on Amazon stays full, even though the underlying protocol has no memory.</p>
<hr />
<h3 id="heading-layer-4-the-transport-layer-the-main-packaging-hub"><strong>LAYER 4: THE TRANSPORT LAYER — The Main Packaging Hub</strong></h3>
<p><img src="https://media.licdn.com/dms/image/v2/D4D12AQEgiRZ_LNIhZw/article-inline_image-shrink_1000_1488/B4DZlnTRfIG8AQ-/0/1758374744221?e=1761177600&amp;v=beta&amp;t=oHl7lO-eSQEUFD-GSSvMwBJ5aC5C2-ACt0B1Ei91y1Q" alt class="image--center mx-auto" /></p>
<p>Your "Hello" now enters the main logistics hub. This is where the core shipping strategy is decided. This layer is obsessed with reliability, ensuring your message gets from the sending application <em>(<strong>**WhatsApp on your phone</strong></em>) to the receiving application (<strong><em>WhatsApp on your friend's phone</em></strong>) perfectly.</p>
<ul>
<li><p><strong>Segmentation:</strong> Your "Hello" is small, so it fits neatly into one box, called a <strong>segment</strong>. If you sent a video, this layer would chop it into thousands of smaller, numbered segments.</p>
</li>
<li><p><strong>Port Numbers:</strong> It adds source and destination <strong>port numbers</strong>. This is like writing on the box: "<strong><em>From: WhatsApp</em></strong>" and "<strong><em>To: WhatsApp*</em></strong>.*" The IP address (added next) gets it to the right device; the port number gets it to the right app on that device.</p>
</li>
<li><p><strong>Error Control:</strong> It adds a <strong>checksum</strong>\=&gt;a special code=&gt;to the segment. The receiving end will use this to check if the <em>"Hello</em>" message was corrupted during transit.</p>
</li>
</ul>
<p><strong>Connecting to EP01:</strong> This is where you choose your shipping service:</p>
<ul>
<li><p><strong>TCP (Transmission Control Protocol):</strong> The <strong><em>premium, tracked courier.</em></strong> It establishes a connection first, guarantees every segment arrives in order, and re-sends any that get lost. Perfect for texts like your "<em>Hello</em>."</p>
</li>
<li><p><strong>UDP (User Datagram Protocol):</strong> <strong><em>The fast, no-frills option.</em></strong> It just sends the data and hopes for the best! Great for video calls or gaming, where speed is more important than perfect delivery.</p>
</li>
</ul>
<hr />
<h3 id="heading-layer-3-the-network-layer-the-global-routing-coordinator"><strong>LAYER 3: THE NETWORK LAYER — The Global Routing Coordinator</strong></h3>
<p><img src="https://media.licdn.com/dms/image/v2/D4D12AQGDWmc15Z746g/article-inline_image-shrink_1000_1488/B4DZlnTdEYIcAQ-/0/1758374792339?e=1761177600&amp;v=beta&amp;t=ibi3OG6lnUanWCbFSlp4WOWs2LVWms1SyNW4W36aoZw" alt class="image--center mx-auto" /></p>
<p>The segment containing your "Hello" now gets its main global shipping label. This layer's job is to get the data from your network to your friend's network, no matter where it is in the world. Routers are the superstars here (not the disco Wala!).</p>
<ul>
<li><p><strong>Logical Addressing:</strong> It wraps the segment inside a <strong>packet</strong> and adds the sender's (your) and the receiver's (your friend's) <strong>IP Addresses</strong>. Your "Hello" now has the full global address.</p>
</li>
<li><p><strong>Routing:</strong> Routers across the internet look at the destination IP address on the packet and act like a global GPS, calculating the best path for your "<em>Hello</em>" to travel.</p>
</li>
</ul>
<p><strong>Connecting to EP01:</strong> The <strong>IP address</strong> is the global "building address." It gets your "Hello" to the correct home network. In the next layer, we'll add the "apartment number" (<strong>the MAC address</strong>).</p>
<hr />
<h3 id="heading-layer-2-the-data-link-layer-the-local-delivery-driver"><strong>LAYER 2: THE DATA LINK LAYER — The Local Delivery Driver</strong></h3>
<p><img src="https://media.licdn.com/dms/image/v2/D4D12AQEYgoGyWNu4Hw/article-inline_image-shrink_1000_1488/B4DZlnTz6SJMAU-/0/1758374892057?e=1761177600&amp;v=beta&amp;t=hNdHQzc84t69Cu9ZOLaOpa3VhKUW1-GujQHeO2gv68c" alt class="image--center mx-auto" /></p>
<p>The packet is ready for its global journey, but first, it needs to get from your phone to your local Wi-Fi router. This layer handles that very first local hop.</p>
<ul>
<li><p><strong>Physical Addressing:</strong> It takes the IP packet and puts it inside its final wrapper, a <strong>frame</strong>. It then adds the <strong>MAC Addresses</strong>: the hardware IDs, for the first hop (i.e., from your phone's Wi-Fi card to your router).</p>
</li>
<li><p><strong>Error Detection:</strong> It does one final check on the frame to ensure it wasn't damaged opr corrupted in transit.</p>
</li>
</ul>
<p><strong>Connecting to the Past:</strong> The <strong>MAC address</strong> is the "apartment number." The IP address (Layer 3) gets the package to the right building (your home Wi-Fi network), but the MAC address ensures it's delivered from the correct apartment (your phone) to the front door (your router).</p>
<hr />
<h3 id="heading-layer-1-the-physical-layer-the-trucks-planes-and-roads"><strong>LAYER 1: THE PHYSICAL LAYER — The Trucks, Planes, and Roads</strong></h3>
<p>We've hit rock bottom! The fully wrapped "<em>Hello</em>" message, now a frame of digital 1s and 0s, is handed to the delivery infrastructure. This layer converts those bits into actual physical signals.</p>
<ul>
<li>It turns the 1s and 0s of your "Hello" frame into <strong>radio waves</strong> (for Wi-Fi), <strong>flashes of light</strong> (for fiber-optic cables), or <strong>electrical signals</strong> (for Ethernet cables).</li>
</ul>
<p><strong>Connecting to EP01:</strong> This is where the massive submarine fiber-optic cables from our first blog live. These are the actual roads and highways that carry the physical signals representing your "<em>Hello.</em>"</p>
<hr />
<h3 id="heading-the-second-half-unpacking-the-box-decapsulation"><strong>The Second Half: Unpacking the Box (Decapsulation)</strong></h3>
<p><img src="https://media.licdn.com/dms/image/v2/D4D12AQEEOMpJiM083g/article-inline_image-shrink_1500_2232/B4DZlnXTTtGgAU-/0/1758375787459?e=1761177600&amp;v=beta&amp;t=l-juDlFdrSM3_N-7-mduCCrwXeUHEhx1VZYSOOLYYSg" alt class="image--center mx-auto" /></p>
<p>The physical signals(<strong><em>Radio Waves</em></strong>) carrying your "<em>Hello</em>" have arrived at your friend's device! The process now happens in perfect reverse order. Each layer unwraps the package, reads its label, and passes the contents up.</p>
<ul>
<li><p><strong>LAYER 1 -&gt; 2:</strong> Radio waves are received (Done by <strong>Layer 1)</strong> and converted back into a frame of 1s and 0s. The network card (Done by <strong>Layer 2</strong>) checks the MAC address. "Is this for me? "If Yes. then it unwraps the frame and passes the packet up.</p>
</li>
<li><p><strong>LAYER 2 -&gt; 3:</strong> The network layer (Done by <strong>Layer 3</strong>) looks at the IP address. "Yep, this is for our device." It unwraps the packet, passing the segment up.</p>
</li>
<li><p><strong>LAYER 3 -&gt; 4:</strong> The transport layer (Done by <strong>Layer 4</strong>) checks the port number ("This is for WhatsApp!") and runs a checksum to ensure no corruption. All good. It passes the clean data up.</p>
</li>
<li><p><strong>LAYER 4 -&gt; 5:</strong> The session layer (Done by <strong>Layer 5</strong>) sees the message has been delivered and, once the conversation is over, will terminate the connection.</p>
</li>
<li><p><strong>LAYER 5 -&gt; 6:</strong> The presentation layer (Done by <strong>Layer 6</strong>) receives the encrypted data (<strong><em>aJk&amp;bZ!p)</em></strong>. It uses the right key to <strong>decrypt</strong> it, turning it back into the formatted "Hello."</p>
</li>
<li><p><strong>LAYER 6 -&gt; 7:</strong> The original, perfect "<em>Hello</em>" data is handed to the application layer (Done by <strong>Layer 7</strong>). WhatsApp receives it, and the message <strong>"Hello"</strong> pops up on your friend's screen.</p>
</li>
</ul>
<p>And that's the full dive, round-trip journey. By wrapping and unwrapping data in this precise order, the OSI model ensures your simple "<strong><em>Hello</em></strong>" can cross the globe in an instant, perfectly preserved.</p>
<p>But here is the true magic of this blueprint. Even though the data physically travels down all seven layers on your phone and up all seven on your friend's, the system works as if each layer is communicating directly with its corresponding part on other end. i.e., Your <strong>Transport Layer (Layer 4)</strong> is conceptually talking to your friend's Transport Layer, arranging the delivery or Your <strong>Application Layer (Layer 7)</strong> is talking to their Application Layer, presenting the final message.</p>
<p>This <strong>hidden conceptual blueprint</strong> is what makes our chaotic, interconnected digital world possible. Now I hope u won't see the "Hii/hello" in same manner as before coz, definitely this blog will get on your mind! <strong><em>Stay tuned, since there is more to explore beneath, so for next........, do come at right destination!</em></strong></p>
<p><strong><em>Ayush,19 =&gt; Still Figuring things out !</em></strong></p>
]]></content:encoded></item><item><title><![CDATA[Decoding the Digital World (S1-E01): The Unbreakable Agreements]]></title><description><![CDATA[An Unconventional Introduction to the Internet
Ever wondered how a single click on "Order Now" triggers a global chain reaction, sending your request from your laptop, across oceans, to a server on another continent, and back with a confirmation in l...]]></description><link>https://launch-log.hashnode.dev/decoding-the-digital-world-s1-e01-the-unbreakable-agreements</link><guid isPermaLink="true">https://launch-log.hashnode.dev/decoding-the-digital-world-s1-e01-the-unbreakable-agreements</guid><dc:creator><![CDATA[Ayush Redekar]]></dc:creator><pubDate>Sun, 14 Sep 2025 05:41:24 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1757827819334/01f07f40-0f02-47ac-941a-f73d2cbb4e92.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<hr />
<h2 id="heading-an-unconventional-introduction-to-the-internet"><strong>An Unconventional Introduction to the Internet</strong></h2>
<p>Ever wondered how a single click on "Order Now" triggers a global chain reaction, sending your request from your laptop, across oceans, to a server on another continent, and back with a confirmation in less time than it takes to blink once or twice? Or how you can have a seamless video call with someone halfway around the world?</p>
<p>Your first answer might be "Wi-Fi," "the cloud," or "data," right? But deep down, under the hood, the real engine is something much more fundamental: A set of unbreakable agreements.</p>
<p>Yep, even in the age of instant streaming and AI n all , the internet runs on a series of clever rules and addresses that were designed decades ago to solve a very serious problem. Now, I know what you might be thinking: "So you're saying that, my Netflix binge is possible because of some old agreements?"</p>
<p>Well, indirectly... yeah! To get the secret sauce, This time we don't need to go back 10,000 years, but we do need to hop in our time machine and travel back to the height of the Cold War. As some wise person once said, "need is the mother of invention," and in the 1950s, the need was survival.</p>
<h2 id="heading-from-sputnik-to-streaming-the-network-born-out-of-cold-war"><strong>From Sputnik to Streaming: The Network Born out of COLD WAR.</strong></h2>
<p><img src="https://media.licdn.com/dms/image/v2/D4D12AQF6X7oaYXvOuA/article-inline_image-shrink_1000_1488/B4DZlEZ2rnJYAQ-/0/1757789279279?e=1760572800&amp;v=beta&amp;t=DnsIjTcE3DWMiHSW33Sn5xNIcJjvW3QNFVhJcaN-7IE" alt /></p>
<p>Imagine the tense climate of the 1950s, the Cold War raging between the United States and the Soviet Union. The Soviets surprised the world by launching Sputnik, the first artificial satellite =&gt;<strong>SPUTNIK</strong>, in 1957. This spurred the US government to action, creating the <strong>Advanced Research Projects Agency (ARPA)</strong> out of fear. ARPA's mission was clear: maintain the country's scientific and technological leadership.</p>
<p>One pressing challenge for ARPA was communication. Their facilities or research work were spread across the United States, and they needed a way for their computers to communicate reliably on the topic of research , even if parts of the network were compromised!, This need gave birth to <strong>ARPANET</strong>, connecting <em>Four key locations:</em> <strong>MIT, Stanford, UCLA, and the University of Utah</strong>. This was the very first glimpse of what would become the internet – a collection of computers connected together.</p>
<hr />
<p><img src="https://media.licdn.com/dms/image/v2/D4D12AQHzZ_J7LXMUJA/article-inline_image-shrink_1000_1488/B4DZlEaaBqJQAQ-/0/1757789454924?e=1760572800&amp;v=beta&amp;t=a0nFPBPyUH70Q68WmgTnn0SLV2ATUzMCJkO7qtr1GZE" alt /></p>
<hr />
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1757827057084/8a5f3fb6-206d-4436-a51e-5536075703e9.png" alt class="image--center mx-auto" /></p>
<p>But connecting these four computers was just the first step. For them to actually understand each other, to share data without it becoming a garbled mess; they needed a common language. This fundamental need for a 'common language' gave rise to the most crucial element of the internet: Protocols.</p>
<h2 id="heading-the-rules-for-the-route-why-protocols-are-essential"><strong>The Rules for the ROUTE: Why Protocols are Essential</strong></h2>
<p>A <strong>Protocol [Agreements]</strong> is simply a set of rules for communication. Think of it like posting a letter versus making a phone call. The letter (like an email) must arrive with every word intact and secure. The phone call (like a video stream) can handle a little static or a dropped word here and there without the conversation being lost. Different internet actions have different needs, and thus protocols manage these requirements.</p>
<p>These crucial rules so called 'Protocols' are managed and created by organizations like the <strong>Internet Society</strong>, where new ideas are proposed through <em>"Request for Comments" (RFCs)</em>. Two of the earliest and most fundamental protocols, which are globally accepted :</p>
<ul>
<li><p><strong>TCP (Transmission Control Protocol):</strong> This is the precise protocol for the letter, ensuring 100% of your data is delivered correctly.</p>
</li>
<li><p><strong>UDP (User Datagram Protocol):</strong> This is the fast, efficient protocol for the phone call, prioritizing speed over perfect delivery.</p>
</li>
</ul>
<h3 id="heading-from-research-papers-to-the-world-wide-web-documents-that-link"><strong>From Research Papers to the World Wide Web: Documents that Link</strong></h3>
<p>As ARPANET grew, researchers wanted a better way to share documents that referenced other documents. They envisioned a system where clicking a piece of text <em>(a link)</em> would automatically take them to related information. This vision led to the groundbreaking work of <strong>Tim Berners-Lee</strong>, who in 1990 developed the <strong>World Wide Web (WWW)</strong> ; <em>Thanks to him ! You can read my blog :)</em></p>
<p>The World Wide Web isn't the internet itself, but rather a system for accessing information resources Which stores numerous links of webpages, identified by <strong>URLs (Uniform Resource Locators)</strong> and interconnected by hyperlinks. The very first website, <a target="_blank" href="https://file+.vscode-resource.vscode-cdn.net/c%3A/Users/ACER%20NITRO%20V%2015/OneDrive/Desktop/CODING/Blogs/Goat%20To%20Code%20Blog/info.cern.ch">info.cern.ch</a>, was a demonstration of this revolutionary idea.</p>
<p><img src="https://media.licdn.com/dms/image/v2/D4D12AQE1sx-5xylL2g/article-inline_image-shrink_400_744/B4DZlEbPvXIcAY-/0/1757789619334?e=1760572800&amp;v=beta&amp;t=TkjLB4Zkx5SzuiLh4b4tp_FL9Rl2mxxdSisgYLEX6C0" alt /></p>
<p>This World Wide Web was a brilliant system, but how did it actually work? When you clicked a hyperlink, what was happening behind the scenes? This interaction is powered by a simple yet powerful concept: the client-server architecture.</p>
<h2 id="heading-the-client-and-the-server-your-digital-interaction"><strong>The Client and the Server: Your Digital Interaction</strong></h2>
<p>Under the hood surface of most internet interactions is the <strong>client-server model</strong>. When you type <em>"google.com"</em> your computer acts as the <strong>client</strong>, sending a request to Google's server <em>a powerful computer designed to "serve" information</em>. The server then processes your request and sends back a response, which is the Google webpage. Interestingly, your own computer can act as both a client and a server, a common practice for developers testing websites on what they call a <strong>"Local Host"</strong>.</p>
<p><img src="https://media.licdn.com/dms/image/v2/D4D12AQEiRtNVPQm6-g/article-inline_image-shrink_400_744/B4DZlEdXRhH4AY-/0/1757790174482?e=1760572800&amp;v=beta&amp;t=rIrkYtBGSK8wycVlGtk7Sp4m-A_DpG-8kAKi1ZBVai0" alt /></p>
<h4 id="heading-the-language-of-the-web-http-and-https"><strong>The Language of the Web: HTTP and HTTPS</strong></h4>
<p>So, the client makes a request, and the server sends a response. But what language are they speaking? For the World Wide Web, that language is <strong>HTTP (Hypertext Transfer Protocol)</strong>. Protocol is just a fancy jargon for "Rules" okay ! if you haven't yet know about it ; Think of it as the official postal service rules for sending and receiving web pages, INSTEAD of letters <em>(Not the only, which u are thinking :) !!)</em>.</p>
<p>You've probably also seen HTTPS. The <strong>'S'</strong> stands for <strong>Secure</strong>. If HTTP is like sending a postcard that anyone can read, HTTPS is like sending a letter in a sealed, seized-proof envelope. It encrypts the data between your client and the server, which is why you should always look for the little lock icon 🔒 when you're entering passwords or credit card details online, At least to me they are always visible!.</p>
<p>But eventually As the number of web pages exploded, a new problem arose: how do you find information without knowing its exact URL? This led to the development of search engines, with <strong>Yahoo</strong> being one of the pioneers, helping users (clients) find information on countless servers across the web.</p>
<p>Every piece of data transmitted over the internet, whether it's an email or a video, doesn't travel as a single, giant block. Instead, it's broken down into <strong>smaller chunks called packets.</strong> To get these packets to the right place, the internet needs a sophisticated addressing system.</p>
<p><img src="https://media.licdn.com/dms/image/v2/D4D12AQF5o5D42Yk8Aw/article-inline_image-shrink_400_744/B4DZlEduB1IgAc-/0/1757790272617?e=1760572800&amp;v=beta&amp;t=3WvT0-krUNvmvm1ktKqqxBK2aFzjVSiIPPG---uc8Os" alt /></p>
<h3 id="heading-finding-your-way-an-internet-address-book"><strong>Finding Your Way: An Internet Address Book</strong></h3>
<p>Imagine trying to send a parcel to a friend living in a large apartment building. You need three key pieces of information: the building's street address, their specific apartment number, and their name on the letter. The internet works in a very similar way.</p>
<h4 id="heading-lets-first-say-nice-to-meet-you-dns"><strong>Let's first say "Nice to meet you DNS !" :</strong></h4>
<ul>
<li><strong>DNS stands for Domain Name System,</strong> and its job is simple: to turn human-friendly domain names (<em>like google.com</em>) into computer-friendly IP addresses (like <em>172.217.160.142</em>).Well tbh you will be amazed to know, <strong>there are only 13 true DNS servers present across the globe</strong> ; as DNS itself have a long history and technicalities behind !</li>
</ul>
<p><strong>Now Think about it</strong>: you don't remember your best friend's living address, you can visualize it but still don't know the exact location. DNS is the Address list for the entire internet. Your browser asks DNS, <em>"Hey, what's the address for Google(your friend )?"</em> and a DNS server somewhere replies with the correct IP address. This entire lookup happens in a flash, before the webpage even starts to load.</p>
<p>Now that your browser has the correct address, it can package up your request and send it off. Imagine trying to send a parcel to a friend living in a large apartment building...</p>
<ul>
<li><p><strong>1.</strong> <strong>IP Addresses (The Building Address):</strong> An IP (Internet Protocol) address is like the main street address for a device on the internet. It's a unique series of numbers (ex: <em>172.217.160.142</em>) that tells the global network which "building" to send the data packets to. When you type <em>google.com</em>, it's first translated into an IP address.</p>
<p>  <img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1757827196648/faf9b40d-f107-4b2c-bb6b-299c2fb7caf1.png" alt class="image--center mx-auto" /></p>
</li>
<li><p><strong>2.</strong> <strong>MAC Addresses (The Apartment Number):</strong> Once the data packet arrives at your local network (ex: your home Wi-Fi), how does it know whether to go to your laptop or your phone? This is where the <em>MAC (Media Access Control)</em> address comes in. It's a permanent, physical address stacked into your device's network hardware (<em>like its Wi-Fi card</em>). Your router uses the MAC address to make the final, local delivery to the correct "apartment."</p>
</li>
<li><p><strong>3. Port Numbers (The Recipient's Name):</strong> The packet has arrived at your laptop—the correct building and apartment. But which application requested it? Was it your Chrome browser, your WhatsApp desktop app, or a game? The port number acts like the name on the mail, ensuring the data is handed to the specific application that's waiting for it.</p>
</li>
</ul>
<h5 id="heading-note-we-will-look-into-it-in-detailed-in-upcoming"><strong>Note: We will look into it in detailed in upcoming .......</strong></h5>
<h2 id="heading-the-hidden-highways-cables-waves-and-network-sizes"><strong>The Hidden Highways: Cables, Waves, and Network Sizes</strong></h2>
<p>How does data truly travel across these vast distances? It's a complex physical infrastructure. We can think of these networks in terms of their scale:</p>
<ul>
<li><p><strong>LAN (Local Area Network):</strong> This is your personal network at home or in the office. Your Wi-Fi that connects your phone, laptop, and TV is a LAN. It's "Local."</p>
</li>
<li><p><strong>WAN (Wide Area Network):</strong> This is a massive network that connects cities, countries, and continents. The internet itself is the ultimate WAN. It's the global web of connections.</p>
</li>
</ul>
<p>(You might also hear of a <strong>MAN ==&gt; Metropolitan Area Network</strong>, which covers a city, sitting between a <strong>LAN</strong> and a <strong>WAN</strong>.)</p>
<p><img src="https://media.licdn.com/dms/image/v2/D4D12AQHVPKmzd-XPXQ/article-inline_image-shrink_1500_2232/B4DZlEc8gRIcAU-/0/1757790064636?e=1760572800&amp;v=beta&amp;t=ReMNWExRjJIOUKvRe9UUqS9bFCR0g8BzJSkG-M4Wk8Q" alt class="image--center mx-auto" /></p>
<hr />
<p>These networks are built from physical connections. For intercontinental communication (the WAN), massive submarine <strong>optical fiber cable</strong>s are laid across ocean floors. Within countries and cities (MANs and LANs), data travels through <em>optical fiber, coaxial cables</em>, and increasingly through wireless methods like Wi-Fi, 4G, and 5G. This entire hierarchy is managed by <strong>Internet Service Providers (ISPs)</strong> that connect our homes to the global network.</p>
<p><img src="https://media.licdn.com/dms/image/v2/D4D12AQG1T5ekSLHVyQ/article-inline_image-shrink_400_744/B4DZlEcBl0JAAY-/0/1757789826300?e=1760572800&amp;v=beta&amp;t=78vLIZSALWzKoDUBH7zRCHAxoNjBzpL7E2C-4ErKoJU" alt /></p>
<p><img src="https://media.licdn.com/dms/image/v2/D4D12AQH5a27nRqXsQA/article-inline_image-shrink_400_744/B4DZlEb.vyIYAY-/0/1757789815959?e=1760572800&amp;v=beta&amp;t=7Sk6yrb-4DGaaeUQfvDvguBGOOZnxaPenmCkM5t56Rw" alt /></p>
<hr />
<h3 id="heading-the-internets-blueprint-the-osi-model"><strong>The Internet's Blueprint: The OSI Model</strong></h3>
<p>To manage this incredible complexity, the OSI (Open Systems Interconnection) model was developed. It's a conceptual framework that divides the process of communication into seven distinct layers. Think of it like a precise courier service, where a package (your data) goes through various departments (layers), each adding or processing information before it reaches its destination.</p>
<hr />
<h2 id="heading-setting-the-stage-for-next-ep"><strong>Setting the Stage for NEXT Ep:</strong></h2>
<p>So, our journey has taken us from a Cold War project to a global web of linked documents, all powered by a system of rules, languages, and addresses.</p>
<p>We've thrown around a lot of concepts: protocols like <strong>TCP/UDP, the client-server model, the internet's address book (DNS, IP, MAC, Ports)</strong>, and even the massive underwater cables that connect us all. But we've only scratched the surface.</p>
<p>Think of this first article as drawing the map for our treasure hunt. We've marked all the important locations, but we haven't started digging yet. In the upcoming articles, I will dive deep into each of these topics. We'll properly unpack the <strong>seven layers of the OSI model</strong>, explore exactly <strong>how DNS finds the right number ?</strong> so quickly, <strong>look at the role of firewalls</strong> in keeping us safe, and much more.</p>
<p>For now, think of it as just setting the stage. You now have the foundational knowledge of so-called <strong>unbreakable agreements</strong> to understand the bigger picture of how our digital world is built. <em>Stay tuned for next episode but do come here not the Netflix</em> <strong>:&gt;)</strong>!!</p>
<p>A<strong>yush,19 =&gt;figuring things out!</strong></p>
]]></content:encoded></item><item><title><![CDATA[From Counting Goats to Writing Code :]]></title><description><![CDATA[An Unconventional Introduction To Programming . »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»
Ever wondered how your smartphone,a device that connects you to billions, translates languages, and even creates art,actually works? Or how a simple "like...]]></description><link>https://launch-log.hashnode.dev/from-counting-goats-to-writing-code</link><guid isPermaLink="true">https://launch-log.hashnode.dev/from-counting-goats-to-writing-code</guid><dc:creator><![CDATA[Ayush Redekar]]></dc:creator><pubDate>Sun, 07 Sep 2025 16:25:55 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1757259914874/d7c2e1ac-610b-4558-857f-6c00a5acc435.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<h3 id="heading-an-unconventional-introduction-to-programming">An Unconventional Introduction To Programming . »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»</h3>
<p>Ever wondered how your smartphone,a device that connects you to billions, translates languages, and even creates art,actually works? Or how a simple "like" on social media zips across the globe in milliseconds?</p>
<p>Your first answer would probably be "technology," "computers," or "programming," right? But deep down, under all that fancy tech, the real engine is something much simpler: Numbers.</p>
<p>Yep, even in the age of AI and quantum computing, everything still starts with numbers. As time passed, we just got smarter about how we looked at, counted, and played with them. Now, I know what you might be thinking: "Whoa, so you're saying Twitter, Google Maps, and even AI were invented because their founders just played with some numbers?"</p>
<p>Well, indirectly... yeah! To get the secret sauce, let's hop in a time machine and travel back 10,000 years. As some wise person once said, "need is the mother of invention," and that was just as true back then.</p>
<h2 id="heading-it-all-began-with-a-number-problem"><strong>It All Began with a Number Problem</strong></h2>
<p>About 10,000 years ago, life was basic. People hunted, gathered, and slowly started farming and keeping animals. But once they had lots of animals-like 500 goats-they faced a problem: How do you make sure all your goats came back at the end of the day? The first solution called "tally Marks" was clever but heavy: use one stone for each goat. So, 500 goats meant carrying 500 stones. Not exactly fun. This challenge pushed people to think smarter. Instead of using objects, they started using symbols to show numbers. That’s how the decimal system (the numbers 0 to 9 we use today) began.</p>
<ul>
<li><h3 id="heading-decimal-system-base-10"><strong>Decimal System (Base-10)</strong></h3>
<pre><code class="lang-javascript">    Based on our <span class="hljs-number">10</span> fingers, <span class="hljs-built_in">this</span> system became the <span class="hljs-built_in">global</span> standard
</code></pre>
</li>
<li><h3 id="heading-key-innovation-zero"><strong>Key Innovation: Zero</strong></h3>
<pre><code class="lang-javascript">  Ancient Indian scholars introduced zero—not just <span class="hljs-keyword">as</span> a placeholder, but <span class="hljs-keyword">as</span> a powerful concept that made advanced math possible
</code></pre>
</li>
</ul>
<p>The whole idea of “<strong>Problems lead to better systems</strong>” is basically what programming is all about. Back in the day, people used to do business calculations by hand, which was super slow and full of mistakes. So, they needed something faster and more accurate and boom, the <strong>computer</strong> was born. Funny thing is that those early computers were literally just made to do math and count stuff. The word “computer” actually came from the job title of someone who did calculations. Wild how it turned into what we use today.</p>
<hr />
<h1 id="heading-the-language-of-computers-speaking-in-1s-and-0s"><strong>The Language of Computers: Speaking in 1s and 0s</strong></h1>
<p>Early computers were mechanical beasts the size of buildings. They were accurate but slow. The true revolution came with the <strong>transistor -</strong> a <strong>tiny</strong> switch that can be either <strong>ON (1)</strong> or <strong>OFF (0).</strong></p>
<p>Once we were gifted the transistor-thanks to the Nobel Prize-winning work of Bardeen and his team-we humans immediately began combining it with our existing machines &amp; To represent this, computers use the <strong>Binary system</strong> =&gt;<strong>"System which just uses two numbers to count"</strong>, which is base-2. It has only two digits:</p>
<ul>
<li><p>1 <em>(representing ON</em>)</p>
</li>
<li><p>0 <em>(representing OFF)</em></p>
<pre><code class="lang-javascript">    <span class="hljs-string">" Every single Decimal number or even file on your computer—every photo, song, and document—is stored as a massive sequence of these 1s and 0s. It's the most basic, fundamental language of all digital electronics. "</span>
</code></pre>
</li>
</ul>
<hr />
<p>Now For the amateurs let's Learn how we Convert The Binary To decimal And the other way as well.</p>
<ul>
<li><strong>CHEAT</strong> <strong>CODE</strong> : To convert from decimal to binary, you use division. To convert from binary to decimal, you use powers of 2.</li>
</ul>
<hr />
<p>Here’s how to do both using a single example.</p>
<h3 id="heading-how-to-convert-decimal-to-binary"><strong>How to Convert Decimal to Binary 🤓</strong></h3>
<p>We'll use the <strong>"Successive Division by 2"</strong> method. Let's convert the decimal number <code>43</code> to binary. The process is to repeatedly divide the number by 2 and record the remainder. You stop when the result of the division is 0.</p>
<div class="hn-table">
<table>
<thead>
<tr>
<td><strong>Division by 2</strong></td><td><strong>REMAINDER</strong></td></tr>
</thead>
<tbody>
<tr>
<td>43 ÷ 2 = 21</td><td>remainder of 1</td></tr>
<tr>
<td>21 ÷ 2 = 10</td><td>remainder of 1</td></tr>
<tr>
<td>10 ÷ 2 = 5</td><td>remainder of 0</td></tr>
<tr>
<td>5 ÷ 2 = 2</td><td>remainder of 1</td></tr>
<tr>
<td>2 ÷ 2 = 1</td><td>remainder of 0</td></tr>
<tr>
<td>1 ÷ 2 = 0</td><td>remainder of 1</td></tr>
</tbody>
</table>
</div><p>Now, to get the binary number, you read the remainders from the <strong>bottom up</strong>.<br />          <strong>↑ Read this way ↑</strong><br />So, the decimal number <strong>43</strong> is <code>101011</code> in binary.</p>
<hr />
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1757261197809/f04433cf-dcef-4b08-bfa9-5951c84739b8.png" alt class="image--center mx-auto" /></p>
<hr />
<p>Now let's go the other way. We'll convert the binary number 101011 back to decimal to check our work.</p>
<h3 id="heading-how-to-convert-binary-to-decimal"><strong>How to Convert Binary to Decimal</strong></h3>
<p>To convert the binary number <code>101011</code> to decimal, you assign a place value (a power of 2) to each digit, starting from the right.</p>
<h3 id="heading-1-assign-place-values"><strong>1. Assign Place Values</strong></h3>
<p>Write down the binary number and assign the powers of 2 to each place, starting with <code>2^0</code> on the far right. <strong><em>For mobile viewers slide the table to left look broader picture</em></strong></p>
<div class="hn-table">
<table>
<thead>
<tr>
<td>Binary Digit (B)</td><td>1</td><td>0</td><td>1</td><td>0</td><td>1</td><td>1</td></tr>
</thead>
<tbody>
<tr>
<td><strong>Place Value (PV)</strong></td><td><code>2^5</code></td><td><code>2^4</code></td><td><code>2^3</code></td><td><code>2^2</code></td><td><code>2^1</code></td><td><code>2^0</code></td></tr>
<tr>
<td><strong>(In Decimal)</strong></td><td>(32)</td><td>(16)</td><td>(8)</td><td>(4)</td><td>(2)</td><td>(1)</td></tr>
</tbody>
</table>
</div><h3 id="heading-2-multiply-and-add"><strong>2. Multiply and Add</strong></h3>
<p>Multiply each binary digit by its place value, then add all the results together.</p>
<div class="hn-table">
<table>
<thead>
<tr>
<td>Binary Digit (B)</td><td>1</td><td>0</td><td>1</td><td>0</td><td>1</td><td>1</td></tr>
</thead>
<tbody>
<tr>
<td><strong>Place Value(PV)</strong></td><td><code>2^5</code></td><td><code>2^4</code></td><td><code>2^3</code></td><td><code>2^2</code></td><td><code>2^1</code></td><td><code>2^0</code></td></tr>
<tr>
<td><strong>(In Decimal)</strong></td><td>(32)</td><td>(16)</td><td>(8)</td><td>(4)</td><td>(2)</td><td>(1)</td></tr>
<tr>
<td><strong>Multiply(B x PV)</strong></td><td><code>(1 * 2^5) = 32</code></td><td><code>(0 * 2^4) = 0</code></td><td><code>(1 * 2^3) = 8</code></td><td><code>(0 * 2^2) = 0</code></td><td><code>(1 * 2^1) = 2</code></td><td><code>(1 * 2^0) = 1</code></td></tr>
</tbody>
</table>
</div><h3 id="heading-3-sum-the-results"><strong>3. Sum the Results</strong></h3>
<p><code>32 + 0 + 8 + 0 + 2 + 1 = 43</code></p>
<p>So, the binary number <code>101011</code> is equal to <code>43</code> in decimal.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1757261393400/2e4e6c82-6a5e-4cf2-a033-1fdd238017cf.png" alt class="image--center mx-auto" /></p>
<p>But how did the people who built the first computers manage with just binary? Were our ancestors really that smart - doing all those calculations by hand while designing machines meant to <em>do</em> the calculations for them? Could they actually read and make sense of something like ‘1101011011101001’ and still build a working computer from it?</p>
<ul>
<li><pre><code class="lang-javascript">          No,They were actually much smarter than what we are today ! So thanks to them ; you all can read my blog . coz they knew that even <span class="hljs-keyword">if</span> they were able to understand the binary, there predecessors(Genz) wouldn<span class="hljs-string">'t be able to , Which is sort of true !😅🥲    .</span>
</code></pre>
</li>
</ul>
<p>To make life easier, programmers often use systems that are easy to convert back and forth from binary. And from there we get <strong>Octal (8)</strong> &amp; <strong>Hexadecimal (16)</strong> which is sort of similar to <strong>Binary (2)</strong></p>
<p>Their magic lies in their easy, direct relationship with binary.</p>
<ul>
<li><p><strong>Octal (Base-8)</strong>: Because <strong>2^3 =8</strong>, one octal digit can represent exactly three binary digits.</p>
</li>
<li><p><strong>Hexadecimal (Base-16)</strong>: Because <strong>2^4 =16</strong>, one hexadecimal digit can represent exactly four binary digits.</p>
</li>
<li><p><strong>Octal (Base-8):</strong> This system uses eight unique digits (0-7). It's like a compact way to represent a group of three binary digits.</p>
</li>
<li><p><strong>Hexadecimal (Base-16)</strong>: This is the one you'll see most often in programming, especially with things like color codes (#FF5733). It's a base-16 system, which means it needs sixteen unique "digits." It uses the familiar 0-9, but what about the other six? As we cleverly knows that, using "10" would be confusing - is that a "1" and a "0," or the number ten? To solve this, letters are used:</p>
<pre><code class="lang-kotlin">    A = <span class="hljs-number">10</span>

    B = <span class="hljs-number">11</span>

    C = <span class="hljs-number">12</span>

    D = <span class="hljs-number">13</span>

    E = <span class="hljs-number">14</span>

    F = <span class="hljs-number">15</span>
</code></pre>
</li>
</ul>
<p>So, the full set of hexadecimal digits is <strong>0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F</strong>.</p>
<p>This allows for a clean and simple conversion. Let's take that awful binary string from before and convert it to hexadecimal:</p>
<h2 id="heading-how-to-convert-binary-to-hexadecimal"><strong>How to Convert Binary to Hexadecimal</strong></h2>
<p>To convert the binary number <code>1101011011101001</code> to hexadecimal, you group the binary digits into chunks of four and then convert each chunk into its equivalent hexadecimal digit.</p>
<h3 id="heading-1-group-the-binary-string"><strong>1. Group the Binary String</strong></h3>
<p>Start from the right and travel to left end of chunk and group the binary digits into chunks of four.</p>
<div class="hn-table">
<table>
<thead>
<tr>
<td>Binary String</td><td><code>1101</code></td><td><code>0110</code></td><td><code>1110</code></td><td><code>1001</code></td></tr>
</thead>
<tbody>
<tr>
<td></td></tr>
</tbody>
</table>
</div><h3 id="heading-2-convert-each-chunk"><strong>2. Convert Each Chunk</strong></h3>
<p>Convert each four-digit binary chunk into its corresponding hexadecimal digit. Remember that each position in a 4-bit chunk has a decimal value of 8, 4, 2, and 1, respectively.</p>
<div class="hn-table">
<table>
<thead>
<tr>
<td><strong>Binary Chunk</strong></td><td><code>1101</code></td><td><code>0110</code></td><td><code>1110</code></td><td><code>1001</code></td></tr>
</thead>
<tbody>
<tr>
<td><strong>Using the Binary to decimal First</strong></td><td><code>(1*2^3 + 1*2^2 + 0*2^1 + 1*2^0)</code></td><td><code>(0*2^3 + 1*2^2 + 1*2^1 + 0*2^0)</code></td><td><code>(1*2^3 + 1*2^2 + 1*2^1 + 0*2^0)</code></td><td><code>(1*2^3 + 0*2^2 + 0*2^1 + 1*2^0)</code></td></tr>
<tr>
<td><strong>Calculation</strong></td><td>(8+4+0+1)</td><td>(0+4+2+0)</td><td>(8+4+2+0)</td><td>(8+0+0+1)</td></tr>
<tr>
<td><strong>Decimal Value</strong></td><td>13</td><td>6</td><td>14</td><td>9</td></tr>
<tr>
<td><strong>Hexadecimal Digit</strong></td><td><strong>D</strong></td><td><strong>6</strong></td><td><strong>E</strong></td><td><strong>9</strong></td></tr>
</tbody>
</table>
</div><h3 id="heading-3-combine-the-hexadecimal-digits"><strong>3. Combine the Hexadecimal Digits</strong></h3>
<p>Combine the resulting hexadecimal digits in order to get the final number. <strong>So, the binary string</strong> <code>1101011011101001</code> is equal to <code>D6E9</code> in hexadecimal.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1757260996953/88f741f6-5f38-4581-93e1-d43d96559b5b.png" alt class="image--center mx-auto" /></p>
<h2 id="heading-but-then-question-arises-why-all-the-different-systems-its-all-about-whos-doing-the-talking"><strong>But then question arises</strong> : Why All the Different Systems? It's all about who's doing the talking:</h2>
<ul>
<li><p><strong>Decimal</strong> is for us humans.</p>
</li>
<li><p><strong>Binary</strong> is for the computers.</p>
</li>
<li><p><strong>Octal and Hexadecimal</strong> are for the humans who need to speak the computer's language without losing their minds.</p>
</li>
</ul>
<p>Understanding this simple concept is a huge first step in demystifying what programming is all about. It's not magic - it's just a different way of counting!</p>
<hr />
<p>Now Let’s deep dive into the next era !</p>
<h3 id="heading-from-hardcore-code-to-human-friendly-language"><strong>From Hardcore Code to Human-Friendly Language</strong></h3>
<p>But Did the Hexadecimal and the Octal System solve our problem ?</p>
<hr />
<p><strong>Octal and Hexadecimal: The Part Numbers</strong></p>
<p><strong>Octal (base-8)</strong> and <strong>Hexadecimal (base-16)</strong> are simply shorthand’s for binary. Their only job is to make long, clumsy strings of 1s and 0s easier for humans to read and write without making mistakes.</p>
<ul>
<li><p><strong>The Problem They Solved:</strong> Writing 1101011011101001 is tedious and it's incredibly easy to make a typo.</p>
</li>
<li><p><strong>Their Solution:</strong> Represent that exact same number in a shorter format. In hexadecimal, it becomes D6E9.</p>
</li>
</ul>
<p>If computers only speak in 1s and 0s, how do we write programs? Early programmers had it rough, writing in <strong>machine language</strong>(pure binary). A single mistake meant disaster.</p>
<p>To make things easier, we developed layers of abstraction:</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1757260701169/d1930621-aca3-4d9d-a0f1-d4ed99897ef5.png" alt class="image--center mx-auto" /></p>
<ol>
<li><p><strong>Assembly Language:</strong> Used simple mnemonics like "ADD" instead of raw binary. An "assembler" would translate it for the computer.</p>
</li>
<li><p><strong>High-Level Languages:</strong> This is what most programmers use today. Languages like Python and Java use English-like words, making them much easier to write and debug. A "compiler" or "interpreter" does the heavy lifting of translating this into the 1s and 0s the computer understands.</p>
</li>
</ol>
<p>There's a trade-off: machine language is the fastest, but high-level languages are infinitely easier for us humans to manage.</p>
<h3 id="heading-conclusion"><strong>Conclusion :</strong></h3>
<p>So, it's these High-Level Languages, these brilliant translators, that allow us to build the sprawling digital world we navigate every day. From the app that gets you a ride home to the complex systems that trade stocks in the blink of an eye, it all starts with code that looks more like English than it does ones and zeroes.</p>
<p>But is that the end of the story? Is the "secret sauce" simply a language like Python or Java?</p>
<p>Think about it. Even the most advanced programming language is just a sophisticated messenger. It takes our human ideas and translates them into a language the machine can understand. But the messenger isn't the king. The real power, the fundamental truth of how everything works, doesn't lie with the translator. It lies in that native tongue the computer speaks.</p>
<p>Beneath all these elegant layers of abstraction, the real work is still being done by that same, simple, tireless force we discovered earlier. And so, after this journey from ancient counting problems to modern code, I hope you won't mistake the real, under-the-hood dark horse.</p>
<p>Ayush, 19 — figuring things out.</p>
]]></content:encoded></item><item><title><![CDATA[JavaScript Arrays: Your Playlist Maker.]]></title><description><![CDATA[How I Ended Up Comparing JS Arrays to My Gym Playlist
Okay, so here's the story:
I was knee-deep learning JavaScript and came across something called arrays. I understood they store stuff: like numbers, strings, objects ; but it wasn’t clicking fully...]]></description><link>https://launch-log.hashnode.dev/javascript-arrays-your-playlist-maker</link><guid isPermaLink="true">https://launch-log.hashnode.dev/javascript-arrays-your-playlist-maker</guid><dc:creator><![CDATA[Ayush Redekar]]></dc:creator><pubDate>Mon, 14 Jul 2025 09:53:17 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1752486653381/d5a85949-e677-484c-a930-b3f45a37da47.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<h3 id="heading-how-i-ended-up-comparing-js-arrays-to-my-gym-playlist"><strong>How I Ended Up Comparing JS Arrays to My Gym Playlist</strong></h3>
<p>Okay, so here's the story:</p>
<p>I was knee-deep learning JavaScript and came across something called arrays. I understood they store stuff: like numbers, strings, objects ; but it wasn’t clicking fully. You know what I mean?</p>
<p>And then it hit me. I was making my <strong>gym playlist</strong> for the week and BOOM! it felt exactly like how arrays work. Weird, right? But trust me, this made learning them 10x easier (and kinda fun). Let me walk you through it like you're right here jamming with me.</p>
<hr />
<h2 id="heading-first-whats-an-array-in-js"><strong>First, What's an Array in JS?</strong></h2>
<p>An <strong>array</strong> in JavaScript is a type of variable that stores <strong>multiple values</strong> in a single container. Like a backpack that holds many items, or in our case; a playlist that holds many songs.</p>
<pre><code class="lang-js"><span class="hljs-keyword">let</span> gymPlaylist = [<span class="hljs-string">"Apna Bana Le"</span>, <span class="hljs-string">"Animal Theme"</span>, <span class="hljs-string">"Believer"</span>];
</code></pre>
<hr />
<h2 id="heading-wait-what-are-these-array-methods"><strong>Wait, What Are These “Array Methods”?</strong></h2>
<p>Alright, so real quick before we dive deeper =&gt; you might be wondering:</p>
<blockquote>
<p>“Okay cool, arrays are like playlists… but what are these weird things like <code>push()</code> and <code>splice()</code>?”</p>
</blockquote>
<p>These are what we call <strong>array methods</strong> = basically, <em>built-in tools</em> in JavaScript that help you do stuff to your arrays.</p>
<p>Imagine this:<br />Your playlist is just a list of songs. But what if you wanna:</p>
<ul>
<li><p>Add a song?</p>
</li>
<li><p>Remove one?</p>
</li>
<li><p>Reorder it?</p>
</li>
<li><p>Make a short version for cardio?</p>
</li>
</ul>
<p>You need a way to <em>manipulate</em> that playlist. Right?<br />In coding, we don’t do that manually, we use <strong>methods</strong> (tiny pre-made functions that do exactly what we need).</p>
<p>So, in JS, you write things like:</p>
<pre><code class="lang-js">gymPlaylist.push(<span class="hljs-string">"Ram Ram"</span>);
</code></pre>
<p>…and boom!!!, you added a new song to the end. These methods help you <strong>control, edit, search, filter, and play around</strong> with your arrays easily, just like you would with a real-life playlist on Spotify or YouTube Music.</p>
<hr />
<h2 id="heading-the-gym-playlist-analogy-arrays-methods"><strong>The Gym Playlist Analogy (Arrays Methods)</strong></h2>
<h3 id="heading-1-push-add-to-end"><strong>1.</strong> <code>push()</code> — Add to End</h3>
<pre><code class="lang-javascript">gymPlaylist.push(<span class="hljs-string">"Zinda"</span>)
</code></pre>
<p>This method <strong>adds a new element to the end</strong> of the array. It modifies the original array.</p>
<p><strong>In Gym Playlist:</strong> Imagine you've just discovered an amazing pump-up track=&gt;what do you do? Toss it to the end of your playlist.</p>
<h3 id="heading-2-pop-remove-from-end"><strong>2.</strong> <code>pop()</code> — Remove from End</h3>
<pre><code class="lang-js">gymPlaylist.pop()
</code></pre>
<p>This method <strong>removes the last element</strong> from the array and returns it.</p>
<p><strong>In Gym Playlist:</strong> That slow romantic song accidentally ended up at the end. Gone! Instantly removed using pop().</p>
<h3 id="heading-3-unshift-add-to-start"><strong>3.</strong> <code>unshift()</code> — Add to Start</h3>
<pre><code class="lang-js">gymPlaylist.unshift(<span class="hljs-string">"Baazigar"</span>)
</code></pre>
<p>Adds a new item <strong>to the beginning</strong> of the array.</p>
<p><strong>In Gym Playlist:</strong> You need to start your workout with a killer track? Add it to the top using unshift().</p>
<h3 id="heading-4-shift-remove-from-start"><strong>4.</strong> <code>shift()</code> — Remove from Start</h3>
<pre><code class="lang-js">gymPlaylist.shift()
</code></pre>
<p>Removes the <strong>first element</strong> of the array.</p>
<p><strong>In Gym Playlist:</strong> That boring warm-up song is wasting your time? Remove it from the start using shift().</p>
<h3 id="heading-5-splice-addremove-in-middle"><strong>5.</strong> <code>splice()</code> — Add/Remove in Middle</h3>
<pre><code class="lang-js">gymPlaylist.splice(<span class="hljs-number">2</span>, <span class="hljs-number">1</span>, <span class="hljs-string">"Bezubaan"</span>)
</code></pre>
<p>This method lets you <strong>remove, replace or add elements</strong> at any position.</p>
<p><strong>In Gym Playlist:</strong> Track #3 doesn’t vibe anymore? Replace it with something with more energy using splice().</p>
<h3 id="heading-6-slice-copy-a-portion"><strong>6.</strong> <code>slice()</code> — Copy a Portion</h3>
<pre><code class="lang-js"><span class="hljs-keyword">let</span> legDay = gymPlaylist.slice(<span class="hljs-number">0</span>, <span class="hljs-number">3</span>);
</code></pre>
<p>Creates a new array by copying a portion of the original one. Original is not changed.</p>
<p><strong>In Gym Playlist:</strong> Want a mini playlist just for leg day? Grab the first 3 bangers using slice().</p>
<h3 id="heading-7-includes-check-if-value-exists"><strong>7.</strong> <code>includes()</code> — Check if Value Exists</h3>
<pre><code class="lang-js">gymPlaylist.includes(<span class="hljs-string">"Believer"</span>)
</code></pre>
<p>Returns <code>true</code> if the array contains the item, otherwise <code>false</code>.</p>
<p><strong>In Gym Playlist:</strong> Avoid duplicates. Already have that song? This helps you check using includes().</p>
<h3 id="heading-8-indexof-get-index-of-an-item"><strong>8.</strong> <code>indexOf()</code> — Get Index of an Item</h3>
<pre><code class="lang-js">gymPlaylist.indexOf(<span class="hljs-string">"Animal Theme"</span>)
</code></pre>
<p>Returns the <strong>index (position)</strong> of a given item.</p>
<p><strong>In Gym Playlist:</strong> Wanna shift a song up or down the order? Find where it is first using indexof().</p>
<h3 id="heading-9-reverse-reverse-the-order"><strong>9.</strong> <code>reverse()</code> — Reverse the Order</h3>
<pre><code class="lang-js">gymPlaylist.reverse()
</code></pre>
<p>Flips the order of the array. Original array is modified.</p>
<p><strong>In Gym Playlist:</strong> Try switching up the vibe =&gt; play your favorite songs in reverse using reverse().</p>
<h3 id="heading-10-join-combine-all-items-into-a-string"><strong>10.</strong> <code>join()</code> — Combine All Items into a String</h3>
<pre><code class="lang-js">gymPlaylist.join(<span class="hljs-string">", "</span>)
</code></pre>
<p>Returns a single string of all elements separated by what you define (comma, space, dash etc).</p>
<p><strong>In Gym Playlist:</strong> Wanna tweet your full playlist in one line? This makes it happen.</p>
<h3 id="heading-11-length-number-of-items"><strong>11.</strong> <code>.length</code> — Number of Items</h3>
<pre><code class="lang-js">gymPlaylist.length
</code></pre>
<p>Returns the <strong>total number</strong> of items in the array.</p>
<p><strong>In Gym Playlist:</strong> Need 6 songs exactly for a 30-minute session? Count them using length().</p>
<h3 id="heading-12-foreach-do-something-with-each-item"><strong>12.</strong> <code>forEach()</code> — Do Something with Each Item</h3>
<pre><code class="lang-js">gymPlaylist.forEach(<span class="hljs-function"><span class="hljs-params">song</span> =&gt;</span> <span class="hljs-built_in">console</span>.log(<span class="hljs-string">`Now Playing: <span class="hljs-subst">${song}</span>`</span>));
</code></pre>
<p>Executes a function <strong>once for each item</strong> in the array.</p>
<p><strong>In Gym Playlist:</strong> Playing all songs one by one =&gt; like a DJ.</p>
<h3 id="heading-13-map-modify-all-items-amp-return-new-one"><strong>13.</strong> <code>map()</code> — Modify All Items &amp; Return New One</h3>
<pre><code class="lang-js"><span class="hljs-keyword">let</span> uppercased = gymPlaylist.map(<span class="hljs-function"><span class="hljs-params">song</span> =&gt;</span> song.toUpperCase());
</code></pre>
<p>Returns a new array with transformed elements.</p>
<p><strong>In Gym Playlist:</strong> Want every song in ALL CAPS for drama? Use map.</p>
<hr />
<h1 id="heading-array-cheatsheet-code-vs-real-life"><strong>Array Cheatsheet — Code vs Real Life.</strong></h1>
<div class="hn-table">
<table>
<thead>
<tr>
<td><strong>JS Method</strong></td><td><strong>Used For in Coding</strong></td><td><strong>In Gym Playlist Analogy</strong></td></tr>
</thead>
<tbody>
<tr>
<td><strong><mark>.push()</mark></strong></td><td>Adds item to end of array.</td><td>Add a new song to the playlist.</td></tr>
<tr>
<td><strong><mark>.pop()</mark></strong></td><td>Removes last item.</td><td>Delete the last song.</td></tr>
<tr>
<td><strong>.unshift()</strong></td><td>Adds item to start.</td><td>Put a fire track at the beginning.</td></tr>
<tr>
<td><strong>.shift()</strong></td><td>Removes first item.</td><td>Remove the first boring warm-up song.</td></tr>
<tr>
<td><strong>.splice()</strong></td><td>Insert/Remove in middle.</td><td>Swap mid-playlist songs.</td></tr>
<tr>
<td><mark>.</mark><strong><mark>slice()</mark></strong></td><td>Create a subarray.</td><td>Make a leg-day only playlist.</td></tr>
<tr>
<td><strong><mark>.includes()</mark></strong></td><td>Check if value exists.</td><td>Ensure you didn’t already add it.</td></tr>
<tr>
<td><strong>.indexOf()</strong></td><td>Find item index.</td><td>Locate the song in list.</td></tr>
<tr>
<td><strong>.reverse()</strong></td><td>Reverse order.</td><td>Flip playlist for new feel.</td></tr>
<tr>
<td><strong>.join()</strong></td><td>Make array into string.</td><td>Print your playlist as a quote.</td></tr>
<tr>
<td><strong><mark>.length</mark></strong></td><td>Count items.</td><td>Total songs in list.</td></tr>
<tr>
<td><strong><mark>.forEach()</mark></strong></td><td>Loop through items.</td><td>Play each song.</td></tr>
<tr>
<td><strong><mark>.map()</mark></strong></td><td>Create new modified array.</td><td>Make a version with all UPPERCASE.</td></tr>
</tbody>
</table>
</div><p>These seven highlighted above are the backbone of frontend work (React, Vue, etc.), backend logic, and even algorithmic problem-solving.</p>
<h2 id="heading-real-life-applications-of-arrays-in-the-tech-world"><strong>Real-Life Applications of Arrays in the Tech World</strong></h2>
<ul>
<li><p><strong>Making Cool UIs</strong>: Arrays help show stuff like lists of posts, products, or comments on websites and apps. Tools like React and Vue use .map(), etc., to make it work.</p>
</li>
<li><p><strong>Getting Data from APIs</strong>: When you call an API, it usually sends a bunch of stuff in an array: like users, messages, or orders. Devs use array methods to loop through and handle them.</p>
</li>
<li><p><strong>Search, Filter &amp; Sort Stuff</strong>: Arrays are key when you build features like search bars or filters for e-commerce or dashboards. You use methods like .sort(), and .includes() to do the job.</p>
</li>
<li><p><strong>Managing App State</strong>: In tools like Redux or Zustand, arrays store things like the shopping cart or favorite items. Super helpful for keeping track of stuff.</p>
</li>
<li><p><strong>Batch Work in Backend</strong>: When apps need to do many things at once==&gt; like sending tons of emails or updating multiple records, arrays make it easier to group and run those tasks.</p>
<h3 id="heading-summary"><strong>Summary</strong></h3>
</li>
<li><p><strong>Frontend Dev?</strong> → Arrays build your UI &amp; handle app state.</p>
</li>
<li><p><strong>Backend Dev?</strong> → Arrays help process data &amp; handle APIs.</p>
</li>
<li><p><strong>Full Stack?</strong> → You’ll use arrays <em>everywhere.</em></p>
</li>
</ul>
<hr />
<h2 id="heading-conclusion"><strong>Conclusion</strong></h2>
<p>Learning arrays doesn’t have to be boring. Whether it’s building a playlist or building a product, arrays are literally <em>everywhere</em> in development.</p>
<p>So next time you’re lifting weights with your beats on… remember =&gt; you’re actually practicing JavaScript.</p>
<p><strong><em>Ayush,19 =&gt; Still figuring things out!</em></strong></p>
]]></content:encoded></item><item><title><![CDATA[The First Leap: Why Starting Something New Feels So Hard]]></title><description><![CDATA[(From a 19-Year-Old Figuring It Out)
Ever felt excited about starting something: a new habit, a skill, or maybe even a business, but still found yourself stuck? Yeah. Same here.
We often picture it like this: “Once I begin, I’ll crush it. I’ll build ...]]></description><link>https://launch-log.hashnode.dev/the-first-leap-why-starting-something-new-feels-so-hard</link><guid isPermaLink="true">https://launch-log.hashnode.dev/the-first-leap-why-starting-something-new-feels-so-hard</guid><dc:creator><![CDATA[Ayush Redekar]]></dc:creator><pubDate>Sat, 05 Jul 2025 18:26:58 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/7vSlK_9gHWA/upload/da845d8622cef19dc548410bca8f72d7.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<h3 id="heading-from-a-19-year-old-figuring-it-out"><strong>(From a 19-Year-Old Figuring It Out)</strong></h3>
<p>Ever felt excited about starting something: a new habit, a skill, or maybe even a business, but still found yourself stuck? Yeah. Same here.</p>
<p>We often picture it like this: <strong>“Once I begin, I’ll crush it. I’ll build cool stuff. I’ll meet great people. Everything will fall into place.”</strong></p>
<p>That vision is what keeps us awake at night. But when it’s finally time to take that first step? It’s like our feet get glued to the floor. Some people dive in. Some stall. Some overthink. But most of us? We just freeze at the starting line, even if we know where we want to go. And that’s okay. Because no one’s walking on the exact same road. We all have different shoes, different weather, and different things going on underneath us.</p>
<h2 id="heading-the-school-puddle-story"><strong>The School Puddle Story</strong></h2>
<p>This whole thought came to me one day while thinking about school. It was monsoon season. I was walking home, and the roads were filled with these wide, muddy potholes. You know the kind, you can’t see how deep it is, but you can see your mom yelling at you if you get your uniform dirty. So what did we do? We didn’t tiptoe. We didn’t walk through. We leapt. Not because we were fearless. But because we had a reason bigger than the fear. And that’s how I look at starting something new now. From far away, the “start” seems small. But once you step in without thinking, you’re suddenly deep in self-doubt, procrastination, and confusion.</p>
<p>The smarter move?</p>
<p>—&gt; <strong><em>Don’t step===&gt;leap</em></strong> ←—</p>
<h3 id="heading-what-that-leap-looks-like-in-real-life"><strong>What That Leap Looks Like in Real Life</strong></h3>
<p>When you leap, you ask things like:</p>
<ul>
<li><p>“What exactly am I starting: fitness? writing? coding?”</p>
</li>
<li><p>“Do I understand the basics yet?”</p>
</li>
<li><p>“What will make this start easier to land?”</p>
</li>
</ul>
<p>Because a good leap isn’t about being bold. It’s about being aware. Just like when we were kids standing in front of those puddles, our minds would quickly run through questions: "How wide is this? Will I make it? Should I step back and run? Will I land properly on the other side?"</p>
<p>That little mental scan wasn’t random, it was instinct. That same small analysis applies now. You plan the arc. You check your shoes. You calculate the gap. Even If don’t plan it perfectly You prepare, then you go.</p>
<h3 id="heading-but-what-if-youre-not-ready-yet"><strong>But What If You're Not Ready Yet?</strong></h3>
<p>Now, let’s be real. Not everyone’s made for the leap on Day One. Some of us stop at the edge. And we look around. And ask, quietly: "Hey… how did you jump that?" That’s not weakness. That’s smart. And these days, asking is easier than ever.</p>
<h3 id="heading-my-story-reaching-out-changed-everything"><strong>My Story: Reaching Out Changed Everything</strong></h3>
<p>When I had just passed 12th, I wanted to get into tech; but I had no idea where to begin. Everyone online seemed miles ahead, already doing projects, joining communities, or learning fancy stuff like AI. I felt stuck. So I opened LinkedIn. Found people around my age who were already making moves in tech. And I messaged them. Nothing big. Just: “Hey! I just passed 12th Grade and I want to get into coding too. How did you plan your first leap?”</p>
<p>And to my surprise? People actually replied. Some sent tutorials. Some dropped advice. Others just appreciated that I had asked. One person said: “You’re already ahead of most people, because you’re not just thinking about it. You’re doing something.”</p>
<p>That sentence really stayed with me. Because when you ask, you don’t just get answers. You start building small invisible skills:</p>
<ul>
<li><p>How to approach people</p>
</li>
<li><p>How to explain what you want</p>
</li>
<li><p>How to write your thoughts clearly And one day, when you’re cold-emailing an HR or reaching out to a professor or mentor, those tiny conversations will come back as real confidence. If you’re new to tech like I was, this matters. That one DM or post can get you further than you expect. Sometimes, the leap begins with a question.</p>
</li>
</ul>
<h3 id="heading-but-what-if-you-still-miss-the-landing"><strong>But What If You Still Miss the Landing?</strong></h3>
<p>Let’s say you do leap. You planned. You committed. And yet…, you land just a little short. Shoes wet. Splash made. It didn’t go as planned.</p>
<h4 id="heading-but-heres-what-i-remind-myself"><strong>But here’s what I remind myself:</strong></h4>
<p>You still made it across most of the mess. That tiny misstep? Means you’ve already cleared hesitation, fear, overthinking. You're not behind. You’re ahead. Even if you’re just an inch short, laugh it off. Wipe the mud. Take a breath. And look forward. That one slip showed you how deep the puddle is, and how much strength you already have. The next time you leap. It hits different.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1751741163971/a96035cd-bb2e-4e6e-b629-ae77d08a86e5.png" alt class="image--center mx-auto" /></p>
<h3 id="heading-in-the-end"><strong>In the End…</strong></h3>
<p>Starting isn’t just about big moves or perfect timing. It’s about showing up, again and again, even when the path looks messy. Maybe you jumped. Maybe you asked. Maybe you slipped. But if you’re reading this, thinking about your own puddle, then you’ve already done the hardest part: You’ve noticed. You’ve felt the pull to begin. And honestly, that awareness? That’s where everything really starts. So here’s to the quiet starters. The slow builders. The ones figuring it out mid-air. I’m one of them too. And trust me, one step, one message, one small leap at a time... We move.</p>
<p><strong><em>Ayush,19 =&gt; Still figuring things out!</em></strong></p>
]]></content:encoded></item></channel></rss>