<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Satyam Singh</title>
    <description>The latest articles on DEV Community by Satyam Singh (@satyxm).</description>
    <link>https://dev.to/satyxm</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F991731%2Ff75568c4-1de2-430f-a4ca-6014ccd9e12a.jpg</url>
      <title>DEV Community: Satyam Singh</title>
      <link>https://dev.to/satyxm</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/satyxm"/>
    <language>en</language>
    <item>
      <title>The 2025 Backend Development Roadmap for someone starting into Web development</title>
      <dc:creator>Satyam Singh</dc:creator>
      <pubDate>Mon, 24 Nov 2025 12:56:18 +0000</pubDate>
      <link>https://dev.to/satyxm/the-2025-backend-development-roadmap-for-someone-starting-into-web-development-5e22</link>
      <guid>https://dev.to/satyxm/the-2025-backend-development-roadmap-for-someone-starting-into-web-development-5e22</guid>
      <description>&lt;p&gt;&lt;strong&gt;Important Note:&lt;/strong&gt; Throughout this guide, I will mention tools, books, and courses. I am compiling free resources, video tutorials, and documentations mentioned here into one master repository. Do not waste time searching Google. Go here for the study materials: &lt;strong&gt;&lt;a href="https://github.com/Satyxm/BackendDevResources" rel="noopener noreferrer"&gt;https://github.com/Satyxm/BackendDevResources&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Introduction&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Let us be honest. Frontend development is what people see the colors, the buttons, the animations. It is the dining room of a restaurant. But backend development? That is the kitchen. It is the dirty, chaotic, complex, and absolutely vital engine room where the actual food is cooked. Without the backend, the frontend is just a pretty picture that does nothing.&lt;/p&gt;

&lt;p&gt;If you are reading this, you are probably a college student or a fresher tired of tutorials that go nowhere. You want to build systems that handle millions of dollars, secure user data, and run the applications people use daily. You want to be a Backend Engineer.&lt;/p&gt;

&lt;p&gt;The year 2025 is a strange time for tech. AI is writing code, companies are obsessed with efficiency, and the bar for entry is higher than before. You cannot just know a little bit of Python and expect a high-paying job. You need a path.&lt;/p&gt;

&lt;p&gt;This guide is that path. It is written in plain English. I have stripped away the academic jargon where possible, but I have kept the technical terms you need to know so you do not sound like an amateur in interviews.&lt;/p&gt;

&lt;p&gt;You can also add any resource if you want in the above repo.&lt;/p&gt;




&lt;h3&gt;
  
  
  Phase 1: The Basics (The "Kitchen")
&lt;/h3&gt;

&lt;p&gt;Before you write code, understand the landscape. Backend development is essentially three things: a server, a database, and an application that talks to both.&lt;/p&gt;

&lt;p&gt;Think of it like a restaurant.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt; ** The Client (Frontend):** The hungry customer sitting at the table.&lt;/li&gt;
&lt;li&gt; ** The Server (Backend):** The waiter taking the order and bringing the food.&lt;/li&gt;
&lt;li&gt; ** The Database:** The massive refrigerator where ingredients are stored.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Your job is to be the manager of the waiter and the refrigerator. You ensure the order is taken correctly, the ingredients are found, the meal is cooked, and it is delivered hot.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;HTTP and DNS&lt;/strong&gt;&lt;br&gt;
You need to know how the internet works. When you type "&lt;a href="https://www.google.com/search?q=google.com," rel="noopener noreferrer"&gt;https://www.google.com/search?q=google.com,&lt;/a&gt;" how does your computer know where to go? That is DNS (Domain Name System). How does the browser ask for a webpage? That is HTTP (HyperText Transfer Protocol). You need to understand concepts like Request (asking for data) and Response (getting data).&lt;/p&gt;




&lt;h3&gt;
  
  
  Phase 2: Pick Your Weapon (Programming Languages)
&lt;/h3&gt;

&lt;p&gt;Do not try to learn five languages. Pick one. Master it. In 2025, there are three main contenders.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Option A: Python ( The Safe Bet)&lt;/strong&gt;&lt;br&gt;
Python is the most popular language for a reason. It is easy to read. It reads almost like English. It is heavily used in AI and Data Science, which means if you learn Python for backend, you can pivot to AI later.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Frameworks:&lt;/strong&gt; You will use Django (for big, heavy apps) or FastAPI (for modern, fast apps).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Verdict:&lt;/strong&gt; Choose this if you want an easier learning curve or interest in AI.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Option B: JavaScript / Node.js (The All-Rounder)&lt;/strong&gt;&lt;br&gt;
If you already know some frontend, stick to JavaScript. Node.js lets you run JavaScript outside the browser (on the server). The massive advantage here is that you use the same language for the entire stack.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Frameworks:&lt;/strong&gt; Express.js (standard) or NestJS (structured, enterprise-level).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Verdict:&lt;/strong&gt; Choose this if you want to be a "Full Stack" developer quickly.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Option C: Go / Golang (The Speedster)&lt;/strong&gt;&lt;br&gt;
Go was made by Google. It is harder than Python but much faster. It is used by companies like Uber and Twitch because it handles massive traffic efficiently. It is becoming the standard for modern cloud infrastructure.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Verdict:&lt;/strong&gt; Choose this if you want to work at large tech companies on high-performance systems.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;em&gt;Find the best free tutorials for Python, Node, and Go here:&lt;/em&gt; &lt;strong&gt;&lt;a href="https://github.com/Satyxm/BackendDevResources" rel="noopener noreferrer"&gt;https://github.com/Satyxm/BackendDevResources&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  Phase 3: The Filing Cabinet (Databases)
&lt;/h3&gt;

&lt;p&gt;An app without a database is just a calculator. You need to save data (users, products, comments). There are two main types of digital filing cabinets.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1. Relational Databases (SQL)&lt;/strong&gt;&lt;br&gt;
Imagine an Excel sheet. You have rows and columns. You cannot put a user's address in the "Age" column. It is strict. This is SQL (Structured Query Language).&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;The Standard:&lt;/strong&gt; PostgreSQL. It is free, open-source, and powerful.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;What to learn:&lt;/strong&gt; How to create tables, how to connect tables (Foreign Keys), and how to find data (Queries).&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;2. NoSQL Databases&lt;/strong&gt;&lt;br&gt;
Imagine a big bucket. You can throw a document in there. One document can have a name and age; the next can have a name, age, and favorite color. It is flexible.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;The Standard:&lt;/strong&gt; MongoDB.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;What to learn:&lt;/strong&gt; Storing JSON documents and aggregation (filtering data).&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;3. Caching (The Pocket)&lt;/strong&gt;&lt;br&gt;
Reading from a database is slow. Reading from memory (RAM) is fast. Caching is like keeping your keys in your pocket instead of your backpack so you can reach them faster.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;The Standard:&lt;/strong&gt; Redis.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Use case:&lt;/strong&gt; Storing things you need instantly, like a user's login session.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;em&gt;I have listed practice exercises for SQL and MongoDB here:&lt;/em&gt; &lt;strong&gt;&lt;a href="https://github.com/Satyxm/BackendDevResources" rel="noopener noreferrer"&gt;https://github.com/Satyxm/BackendDevResources&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  Phase 4: Talking to the World (APIs)
&lt;/h3&gt;

&lt;p&gt;API stands for Application Programming Interface. It is the menu in the restaurant. It tells the frontend what they can order (Get User, Create Post, Delete Comment).&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;REST (Representational State Transfer)&lt;/strong&gt;&lt;br&gt;
This is the standard style. You have specific URLs for specific things.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;GET /users&lt;/code&gt; gets you a list of users.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;POST /users&lt;/code&gt; creates a new user.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;DELETE /users/1&lt;/code&gt; destroys user number 1.
You must understand Status Codes. 200 means OK. 400 means you messed up. 500 means the server messed up.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;GraphQL&lt;/strong&gt;&lt;br&gt;
This is the modern alternative. Instead of asking for a whole user profile when you only want their name, GraphQL lets you ask specifically for just the name. It saves data bandwidth.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Authentication (Security)&lt;/strong&gt;&lt;br&gt;
How do you know who is logged in? You cannot just trust them.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Basic:&lt;/strong&gt; Storing a session ID in a cookie.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Modern:&lt;/strong&gt; JWT (JSON Web Tokens). It is like a digital wristband at a concert. If you have the wristband, you get in.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;OAuth:&lt;/strong&gt; The "Login with Google" button. You let Google check the ID so you do not have to.&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  Phase 5: The Infrastructure (Cloud &amp;amp; DevOps)
&lt;/h3&gt;

&lt;p&gt;Writing code is only half the battle. You need to put that code on the internet. This is "Deployment."&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Linux&lt;/strong&gt;&lt;br&gt;
The servers that run the internet do not run Windows or macOS. They run Linux. You need to know the command line. You should know how to move files, check logs, and install software without a mouse.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Docker (The Shipping Container)&lt;/strong&gt;&lt;br&gt;
This is the most important tool you will learn in 2025.&lt;br&gt;
Imagine you write code on your laptop, but it breaks when you put it on the server because the server has a different version of Python. Docker solves this. It wraps your code and everything it needs into a "Container." If the container runs on your laptop, it will run on the server. Do not skip this.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The Cloud&lt;/strong&gt;&lt;br&gt;
You are not going to build a server room in your basement. You will rent computers from Amazon (AWS), Google (GCP), or Microsoft (Azure).&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Start with:&lt;/strong&gt; AWS. It is the market leader.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Learn:&lt;/strong&gt; EC2 (renting a computer) and S3 (storing files/images).&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;CI/CD (Robots)&lt;/strong&gt;&lt;br&gt;
Continuous Integration / Continuous Deployment. This sounds scary, but it just means "Automating things." Instead of manually uploading your code to the server, you set up a robot (like GitHub Actions) to test your code and upload it automatically whenever you save.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;For Docker cheat sheets and free cloud credits usage guides, check:&lt;/em&gt; &lt;strong&gt;&lt;a href="https://github.com/Satyxm/BackendDevResources" rel="noopener noreferrer"&gt;https://github.com/Satyxm/BackendDevResources&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  Phase 6: Architecture (How to Build Big Things)
&lt;/h3&gt;

&lt;p&gt;When you are a student, you build small apps. When you work at a company, you build massive systems. You need to know how to structure them.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Monolith vs. Microservices&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Monolith:&lt;/strong&gt; One giant program that does everything (User logic, Payments, Notifications). It is easy to start but hard to upgrade later.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Microservices:&lt;/strong&gt; Breaking the app into tiny pieces. One program handles Users. Another handles Payments. They talk to each other. If the Payment service breaks, the User service still works.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Message Queues&lt;/strong&gt;&lt;br&gt;
Imagine you order a pizza. You do not stare at the chef until it is done. You get a ticket number and sit down.&lt;br&gt;
In software, if a user uploads a video, you do not make them wait while it processes. You put the video in a "Queue" (using tools like RabbitMQ or Kafka) and tell the user "We will let you know when it is done." This makes apps feel instant.&lt;/p&gt;




&lt;h3&gt;
  
  
  Phase 7: Building a Portfolio (The Real Work)
&lt;/h3&gt;

&lt;p&gt;This is where 90% of people fail. They watch videos but never build anything. You cannot learn swimming by watching YouTube. You have to get in the water.&lt;/p&gt;

&lt;p&gt;Do not build a To-Do List. Everyone has a To-Do list. Build things that solve actual engineering problems.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Project 1: The URL Shortener&lt;/strong&gt;&lt;br&gt;
Build a clone of Bit.ly.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Challenge:&lt;/strong&gt; How do you generate a unique short code? How do you redirect the user? How do you count the clicks?&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Tech:&lt;/strong&gt; Python/Node, PostgreSQL, Redis (for counting clicks fast).&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Project 2: A Real-Time Chat App&lt;/strong&gt;&lt;br&gt;
Build a clone of WhatsApp Web.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Challenge:&lt;/strong&gt; Messages need to appear instantly without refreshing the page. You need to use WebSockets.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Tech:&lt;/strong&gt; Node.js, Socket.io, MongoDB (to store chat logs).&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Project 3: A Video Streaming Backend&lt;/strong&gt;&lt;br&gt;
This is the job-getter. Build a simplified YouTube backend.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Challenge:&lt;/strong&gt; User uploads a video. Your server converts it to different resolutions (480p, 720p). You store it in the cloud.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Tech:&lt;/strong&gt; Go or Python, FFmpeg (video processing), AWS S3 (storage), Docker.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;em&gt;I have setup starter code and detailed requirements for these projects here:&lt;/em&gt; &lt;strong&gt;&lt;a href="https://github.com/Satyxm/BackendDevResources" rel="noopener noreferrer"&gt;https://github.com/Satyxm/BackendDevResources&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  The Interview Strategy
&lt;/h3&gt;

&lt;p&gt;Once you have the skills and the projects, you need to pass the interview. Backend interviews are different from frontend ones. They focus heavily on "System Design."&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Data Structures and Algorithms (DSA)&lt;/strong&gt;&lt;br&gt;
Yes, you still need this. You do not need to be a competitive programmer, but you need to know Arrays, Hash Maps, Trees, and Graphs. If you do not know how to sort a list efficiently, you cannot optimize a database.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;System Design&lt;/strong&gt;&lt;br&gt;
The interviewer will ask: "Design Instagram."&lt;br&gt;
They do not want code. They want a drawing.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Which database will you use?&lt;/li&gt;
&lt;li&gt;How will you store millions of photos?&lt;/li&gt;
&lt;li&gt;How will you handle celebrities with 10 million followers?
You need to talk about Load Balancers (splitting traffic), Sharding (splitting databases), and Caching.&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  Conclusion
&lt;/h3&gt;

&lt;p&gt;The roadmap to becoming a backend developer in 2025 is not about memorizing syntax. It is about understanding how data moves. It is about knowing what to do when a server crashes at 3 AM. It is about building systems that are secure and fast.&lt;/p&gt;

&lt;p&gt;It will take time. You will get frustrated. You will see error messages that make no sense. But that is the job. The satisfaction of building the engine that powers the world is worth it.&lt;/p&gt;

&lt;p&gt;Stop watching random tutorials. Stop jumping from language to language. Pick a path, stick to it, and build.&lt;/p&gt;

&lt;p&gt;Everything you need—books, video courses, cheat sheets, and project guides—is organized and available for free in the repository below. I maintain it to help students like you save money and time.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Start your journey here:&lt;/strong&gt; &lt;strong&gt;&lt;a href="https://github.com/Satyxm/BackendDevResources" rel="noopener noreferrer"&gt;https://github.com/Satyxm/BackendDevResources&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>backend</category>
      <category>beginners</category>
      <category>webdev</category>
      <category>resources</category>
    </item>
    <item>
      <title>Quick JavaScript Go through for Revision Purposes.</title>
      <dc:creator>Satyam Singh</dc:creator>
      <pubDate>Mon, 11 Sep 2023 07:48:57 +0000</pubDate>
      <link>https://dev.to/satyxm/quick-javascript-go-through-for-revision-purposes-476l</link>
      <guid>https://dev.to/satyxm/quick-javascript-go-through-for-revision-purposes-476l</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;Talk is Cheap, Show me the Code - Linus Torvalds&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h1&gt;
  
  
  Introduction
&lt;/h1&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--prr0mTT7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/45qmlczrqzncxs6yr25k.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--prr0mTT7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/45qmlczrqzncxs6yr25k.gif" alt="Image description" width="628" height="640"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  What are Variables?
&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;Variables store information in a JavaScript program.&lt;/li&gt;
&lt;li&gt;They act like labeled boxes to hold data.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Creating Variables
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Use let to create a variable.&lt;/li&gt;
&lt;li&gt;Example:
&lt;code&gt;let message;
&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Assigning Values
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Put data into a variable using =.&lt;/li&gt;
&lt;li&gt;Example:
&lt;code&gt;let message = 'Hello';
&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Accessing Data
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Retrieve data from a variable using its name.&lt;/li&gt;
&lt;li&gt;Example:&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;code&gt;let message = 'Hello';&lt;br&gt;
alert(message); // Shows the variable content&lt;br&gt;
&lt;/code&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Declaring Multiple Variables
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Declare multiple variables on separate lines for better readability.&lt;/li&gt;
&lt;li&gt;Example:
&lt;code&gt;let user = 'John';
let age = 25;
let message = 'Hello';
&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Variable Naming Rules
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Variable names contain letters, digits, $, and _.&lt;/li&gt;
&lt;li&gt;The first character can't be a digit.&lt;/li&gt;
&lt;li&gt;Use camelCase for multiple words.&lt;/li&gt;
&lt;li&gt;Examples:
&lt;code&gt;let userName;
let test123;
&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Constants
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Declare constants using const.&lt;/li&gt;
&lt;li&gt;Constants cannot be changed after assignment.&lt;/li&gt;
&lt;li&gt;Example:&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;code&gt;const myBirthday = '18.04.1982';&lt;br&gt;
&lt;/code&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Uppercase Constants
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Use uppercase and underscores for constants with known values.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Example:&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;code&gt;const COLOR_RED = "#F00";&lt;br&gt;
&lt;/code&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Variable Naming Best Practices
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Choose clear and meaningful variable names.&lt;/li&gt;
&lt;li&gt;Avoid short or cryptic names.&lt;/li&gt;
&lt;li&gt;Make your code self-explanatory.&lt;/li&gt;
&lt;li&gt;Example:&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;code&gt;let currentUser;&lt;br&gt;
let shoppingCart;&lt;br&gt;
&lt;/code&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Avoid Reusing Variables
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Create new variables instead of reusing existing ones.&lt;/li&gt;
&lt;li&gt;Clear, separate variables lead to better code quality.&lt;/li&gt;
&lt;/ul&gt;

&lt;h1&gt;
  
  
  JavaScript Data Types
&lt;/h1&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s---QT-KTN7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ofx1ligwf8tsk2nsvevw.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s---QT-KTN7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ofx1ligwf8tsk2nsvevw.gif" alt="Image description" width="498" height="281"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  1. String
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Used for text data.&lt;/li&gt;
&lt;li&gt;Enclosed in single (''), double ("") quotes, or backticks (``).&lt;/li&gt;
&lt;li&gt;Example:&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;code&gt;const name = 'John';&lt;br&gt;
&lt;/code&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Number
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Represents whole numbers or decimals.&lt;/li&gt;
&lt;li&gt;Example:&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;code&gt;const age = 25;&lt;br&gt;
const price = 19.99;&lt;br&gt;
&lt;/code&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  3. BigInt
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;For very large numbers, append 'n' to the end.&lt;/li&gt;
&lt;li&gt;Example:&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;code&gt;const bigIntValue = 900719925124740999n;&lt;br&gt;
&lt;/code&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  4. Boolean
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Represents true or false values.&lt;/li&gt;
&lt;li&gt;Used for logical decisions.&lt;/li&gt;
&lt;li&gt;Example:&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;code&gt;const isRaining = true;&lt;br&gt;
&lt;/code&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  5. undefined
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Represents uninitialized variables.&lt;/li&gt;
&lt;li&gt;Example:&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;code&gt;let lastName;&lt;br&gt;
&lt;/code&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  6. null
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Represents an empty or unknown value.&lt;/li&gt;
&lt;li&gt;Example:&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;code&gt;const emptyValue = null;&lt;br&gt;
&lt;/code&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  7. Symbol
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Unique and immutable data type.&lt;/li&gt;
&lt;li&gt;Introduced in newer JavaScript versions (ES2015+).&lt;/li&gt;
&lt;li&gt;Example:&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;code&gt;const uniqueSymbol = Symbol('description');&lt;br&gt;
&lt;/code&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  8. Object
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Used to store collections of data.&lt;/li&gt;
&lt;li&gt;Consists of key-value pairs.&lt;/li&gt;
&lt;li&gt;Example:&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;code&gt;const person = { name: 'Alice', age: 30 };&lt;br&gt;
&lt;/code&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  JavaScript Type
&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;JavaScript determines data types automatically.&lt;/li&gt;
&lt;li&gt;A variable can change its type during execution.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  JavaScript typeof
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Use typeof operator to check the type of a variable.&lt;/li&gt;
&lt;li&gt;Example:&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;code&gt;typeof(name); // returns "string"&lt;br&gt;
typeof(age); // returns "number"&lt;br&gt;
typeof(isRaining); // returns "boolean"&lt;br&gt;
typeof(uniqueSymbol); // returns "symbol"&lt;br&gt;
&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Use it as a quick Go through in case of Revision, etc.&lt;br&gt;
Thanks!&lt;/p&gt;

&lt;p&gt;Also, Follow me for upcoming articles on JS based on my Learnings :)&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--gbDmpAMP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7legfplrd8e9n5xmmu2e.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gbDmpAMP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7legfplrd8e9n5xmmu2e.gif" alt="Image description" width="498" height="280"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>beginners</category>
      <category>quickrevision</category>
      <category>svelte</category>
    </item>
    <item>
      <title>How does the Internet Work?</title>
      <dc:creator>Satyam Singh</dc:creator>
      <pubDate>Sat, 17 Jun 2023 16:18:54 +0000</pubDate>
      <link>https://dev.to/satyxm/how-does-the-internet-work-5b1g</link>
      <guid>https://dev.to/satyxm/how-does-the-internet-work-5b1g</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;"The Internet is not just a technology, it's a lifeline for our interconnected world, empowering individuals, businesses, and societies with unprecedented access to knowledge, communication, and opportunity." - Tim Berners-Lee, inventor of the World Wide Web&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;That was an Awesome Quote! wasn't it?&lt;/p&gt;

&lt;p&gt;Hey folks! 🙋🏻‍♂️&lt;/p&gt;

&lt;p&gt;First of all, I congratulate you 🙌🏻 that you have chosen the most concise blog post to know about the Internet and its Working, and may you gain amazing and upskilling knowledge from this!&lt;/p&gt;

&lt;p&gt;Let's Go! 🚀🌌&lt;/p&gt;

&lt;p&gt;Before we talk about the Internet and how it works, let's understand what networks are. Imagine you (👦🏻) and your friend (👦🏻) have your computers connected with a cable. &lt;/p&gt;

&lt;p&gt;That creates a network between the two computers, allowing you to share data but here the sharing of data is limited to you and your friend only.&lt;/p&gt;

&lt;h2&gt;
  
  
  Now, What exactly is the Internet? ⚡
&lt;/h2&gt;

&lt;p&gt;It stands for "Interconnected Networks." It's an Interconnection of different networks enabling the sharing of data between any devices, which means you can share data between a computer (🖥️) in India and a computer (🖥️) in America.&lt;/p&gt;

&lt;p&gt;That's the basic idea of the Internet. 🙌🏻&lt;/p&gt;

&lt;p&gt;Hope it's Clear! 😀&lt;/p&gt;

&lt;h2&gt;
  
  
  But, How does the Internet work❓
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--eyov5W74--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xxtl6sb11dy0yb752uye.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--eyov5W74--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xxtl6sb11dy0yb752uye.gif" alt="GIF" width="500" height="258"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Let's Take a Deep Dive! 🌊&lt;/p&gt;

&lt;p&gt;Your data is stored in a place called a &lt;strong&gt;Data Center&lt;/strong&gt;, and your device is connected to that data center through &lt;strong&gt;Submarine Cables&lt;/strong&gt;. 🚀&lt;/p&gt;

&lt;p&gt;(Want to know more about Submarine Cables? &lt;a href="https://en.wikipedia.org/wiki/Submarine_communications_cable"&gt;Refer to this.&lt;/a&gt;)&lt;/p&gt;

&lt;p&gt;The blog you're reading, for example, is stored in a &lt;strong&gt;Data Center&lt;/strong&gt; on a solid-state device (or SSD) in a Server, similar to the internal memory of your smartphone, Computer, etc. 🛳️&lt;/p&gt;

&lt;p&gt;That's the main idea of it! 😄&lt;/p&gt;

&lt;h2&gt;
  
  
  But how does the data actually reach you through these submarine cables? 🤔
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--bcwcwAQM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rsxybsk4851j9nja2aq0.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--bcwcwAQM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rsxybsk4851j9nja2aq0.gif" alt="GIF" width="480" height="270"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This is where &lt;strong&gt;IP addresses&lt;/strong&gt; come in. IP addresses are like unique home (🏡) addresses.&lt;/p&gt;

&lt;p&gt;Just like when you order something online 📦 and it's delivered to your home address, Similarly, data is delivered to you using your IP address as the reference for the destination. for example, your Computer 🖥️ . &lt;/p&gt;

&lt;p&gt;The server that holds the data also has an IP address, and data is accessed using that address. The Internet service provider (ISP) is responsible for providing IP addresses. 🌟&lt;/p&gt;

&lt;p&gt;Is it Clear? 🤔&lt;/p&gt;

&lt;p&gt;If Yes!, then let's Move on! 😀&lt;/p&gt;

&lt;h2&gt;
  
  
  So many IPs, How to remember them❓
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--HghW4e2d--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hwleetcxoaokk45beq8m.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--HghW4e2d--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hwleetcxoaokk45beq8m.gif" alt="GIF" width="500" height="283"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;However, remembering IP addresses is inefficient and not-possible because there are so many of them, and they can change. &lt;/p&gt;

&lt;p&gt;To solve this, we have &lt;strong&gt;Domain names&lt;/strong&gt; that directly correspond to IP addresses. 📕&lt;/p&gt;

&lt;p&gt;It's like a phonebook ☎️, where phone numbers are mapped to the names of the owners.&lt;/p&gt;

&lt;p&gt;When you enter a domain name in your browser, such as user.com, your browser sends a request to a DNS server to get the corresponding IP address. 📦&lt;/p&gt;

&lt;p&gt;Once the IP address is retrieved, the browser sends the request to the data center's server containing the data at that IP address. 🫡&lt;/p&gt;

&lt;p&gt;The requested data then travels from the data center to you through submarine cables and reaches your device via a router or in the case of cellular data through a cell tower 🗼.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why is data transfer over the Internet so much efficient❓
&lt;/h2&gt;

&lt;p&gt;It's because the data is broken down into smaller parts called &lt;strong&gt;Data Packets&lt;/strong&gt;📦. &lt;/p&gt;

&lt;p&gt;These packets make the flow of data more efficient. Each data packet contains the IP address, sequence number of the server, and client (user). 🌊&lt;/p&gt;

&lt;p&gt;This information helps the data packets reach your device in the correct order. 💫&lt;/p&gt;

&lt;p&gt;If a data packet is lost along the way, an acknowledgment is sent to the server or data center to resend the lost packet. 📨&lt;/p&gt;

&lt;p&gt;The sequence numbers on the data packets help with reassembling the data in the right order once most of the packets reach the destination. 📶&lt;/p&gt;

&lt;p&gt;Congratulations!🌟 &lt;/p&gt;

&lt;p&gt;You just gained foundational Knowledge about the Internet and It's Working!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ce70WysP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4vcxy0limac9jitl52hy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ce70WysP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4vcxy0limac9jitl52hy.gif" alt="GIF" width="498" height="280"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you read this Blog post and found it useful then do like this Blog post, Share your Precious Feedback, and Follow me on &lt;a href="https://dev.to/satyxm"&gt;Dev.To&lt;/a&gt;. Also, follow me on &lt;a href="https://twitter.com/satyamtwts"&gt;Twitter&lt;/a&gt;, I'm much Active there!. Feel free to DM me if you have any doubts/queries.&lt;/p&gt;

&lt;p&gt;Thanks!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--xqulyri7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lnal16md1nr21alshnw3.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--xqulyri7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lnal16md1nr21alshnw3.gif" alt="GIF" width="500" height="247"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>network</category>
      <category>development</category>
      <category>beginners</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
