🗺️ Start Here: My Web Development Learning Path
The control room for this entire blog.
This is the main entry page for the blog.
If you want the full learning path in the same order in which the topics build on each other, start here.
If you want to jump by interest instead of following sequence, visit the Explore by Topic page.
Cohort Progress
The blog now has two clear states:
- article
01to40are already live - article
41to54are fully drafted in the repo and ready for the next publish wave
If the timer does not load in a specific preview, open it directly: Cohort Timer
Why This Page Exists
I did not want this blog to feel like a random collection of posts.
I wanted it to feel like a proper path:
- first understand how the internet works
- then learn developer workflow with Git
- then build frontend foundations
- then go deeper into JavaScript, the browser, and backend thinking
- and now continue into Node.js, Express, APIs, authentication, and file handling
This page exists for readers who prefer structure over randomness.
How To Use This Page
There are three useful ways to read this blog:
| Mode | Best For | What To Do |
|---|---|---|
| Full Path | Beginners who want sequence | Read from Section 1 and continue in order |
| Published Only | Readers who want live Hashnode articles | Follow Sections 1 to 10 first |
| Draft Watch | Readers tracking the next publish wave | Use Sections 11 to 15 as the upcoming map |
Live sections use article links. Upcoming sections list the drafted article titles that are next in line for publishing.
At A Glance
| Section | Focus | Articles | Status |
|---|---|---|---|
| Networking And Internet | How the web works under the hood | 7 | Published |
| Git And Version Control | Developer workflow and version tracking | 3 | Published |
| HTML And CSS Basics | Structure and styling foundations | 3 | Published |
| JavaScript Fundamentals | Core programming basics | 5 | Published |
| JavaScript Arrays And Objects | Working with data and object behavior | 6 | Published |
| Advanced JavaScript Concepts | Deeper JavaScript patterns and tools | 6 | Published |
| Asynchronous JavaScript | Real async flow in JavaScript | 5 | Published |
| Modern JavaScript | Cleaner syntax and module patterns | 2 | Published |
| DOM And Browser APIs | Browser-side JavaScript behavior | 1 | Published |
| Backend And Data Exchange | Data flow and backend concepts | 2 | Published |
| Node.js Foundations | Node.js basics and first backend setup | 2 | Drafted |
| Node.js Concurrency And Async Flow | Async behavior and request handling in Node.js | 4 | Drafted |
| Express.js Fundamentals | Express basics, routes, params, and middleware | 3 | Drafted |
| API Design And Authentication | REST thinking and authentication basics | 3 | Drafted |
| File Uploads And Storage | Upload handling and file serving in Express | 2 | Drafted |
Recommended starting point: Networking And Internet
Section 1: Networking And Internet
This section builds the foundation for understanding how the web works before touching application code.
| # | Article | Status |
|---|---|---|
| 1 | Understanding Network Devices | Live |
| 2 | How DNS Resolution Works | Live |
| 3 | DNS Record Types Explained | Live |
| 4 | TCP Working: 3-Way Handshake & Reliable Communication | Live |
| 5 | TCP vs UDP: When to Use What | Live |
| 6 | Getting Started with cURL | Live |
| 7 | How a Browser Works: A Beginner-Friendly Guide | Live |
Open the Networking And Internet series
Section 2: Git And Version Control
This section explains how developers work safely, track change, and collaborate without confusion.
| # | Article | Status |
|---|---|---|
| 8 | Why Version Control Exists: The Pendrive Problem | Live |
| 9 | Git for Beginners: Basics and Essential Commands | Live |
| 10 | Inside Git: How It Works and the Role of the .git Folder |
Live |
Open the Git And Version Control series
Section 3: HTML And CSS Basics
This section covers the frontend basics that make the browser easier to understand later.
| # | Article | Status |
|---|---|---|
| 11 | Understanding HTML Tags and Elements | Live |
| 12 | Emmet for HTML: Writing Faster Markup | Live |
| 13 | CSS Selectors 101: Targeting Elements with Precision | Live |
Open the HTML And CSS Basics series
Section 4: JavaScript Fundamentals
This section gives the base required for everything that comes later in JavaScript.
| # | Article | Status |
|---|---|---|
| 14 | Understanding Variables and Data Types in JavaScript | Live |
| 15 | JavaScript Operators: The Basics You Need to Know | Live |
| 16 | Control Flow in JavaScript: If, Else, and Switch Explained | Live |
| 17 | Function Declaration vs Function Expression | Live |
| 18 | Arrow Functions in JavaScript | Live |
Open the JavaScript Fundamentals series
Section 5: JavaScript Arrays And Objects
This section is where JavaScript starts becoming more practical and data-driven.
| # | Article | Status |
|---|---|---|
| 19 | JavaScript Arrays 101 | Live |
| 20 | Array Methods You Must Know | Live |
| 21 | Understanding Objects in JavaScript | Live |
| 22 | Understanding OOP in JavaScript | Live |
| 23 | Understanding the this Keyword |
Live |
| 24 | The new Keyword in JavaScript |
Live |
Open the JavaScript Arrays And Objects series
Section 6: Advanced JavaScript Concepts
This section goes beyond basics and focuses on the JavaScript ideas that appear again and again in real code.
| # | Article | Status |
|---|---|---|
| 25 | The Magic of this, call(), apply(), and bind() |
Live |
| 26 | Destructuring in JavaScript | Live |
| 27 | Spread vs Rest Operators | Live |
| 28 | Template Literals in JavaScript | Live |
| 29 | Map and Set in JavaScript | Live |
| 30 | String Polyfills and Common Interview Methods | Live |
Open the Advanced JavaScript Concepts series
Section 7: Asynchronous JavaScript
This section is for understanding how JavaScript behaves when operations do not finish immediately.
| # | Article | Status |
|---|---|---|
| 31 | Synchronous vs Asynchronous JavaScript | Live |
| 32 | Callbacks in JavaScript: Why They Exist | Live |
| 33 | Understanding JavaScript Promises: A Beginner's Real Experience | Live |
| 34 | Async/Await in JavaScript: Writing Cleaner Async Code | Live |
| 35 | Error Handling in JavaScript: Try, Catch, Finally | Live |
Open the Asynchronous JavaScript series
Section 8: Modern JavaScript
This section focuses on syntax and patterns that help write cleaner JavaScript.
| # | Article | Status |
|---|---|---|
| 36 | JavaScript Modules: Import and Export Explained | Live |
| 37 | Array Flatten in JavaScript | Live |
Open the Modern JavaScript series
Section 9: DOM And Browser APIs
This section connects JavaScript to what actually happens inside the browser.
| # | Article | Status |
|---|---|---|
| 38 | NodeList vs HTMLCollection: Understanding the Real Difference in the DOM | Live |
Open the DOM And Browser APIs series
Section 10: Backend And Data Exchange
This section starts building the mental model behind data movement and backend runtime behavior.
| # | Article | Status |
|---|---|---|
| 39 | Serialization and Deserialization in Web Development | Live |
| 40 | Node.js Event Loop Explained Clearly | Live |
Open the Backend And Data Exchange series
Section 11: Node.js Foundations
This section begins the next backend publishing wave and focuses on understanding Node.js before going deeper into Express and APIs.
| # | Article | Status |
|---|---|---|
| 41 | What Is Node.js? JavaScript on the Server Explained | Draft ready |
| 42 | Setting Up Your First Node.js Application Step-by-Step | Draft ready |
Open the Node.js Foundations series
Section 12: Node.js Concurrency And Async Flow
This section explains why Node.js feels fast, how async flow works, and how multiple requests are handled.
| # | Article | Status |
|---|---|---|
| 43 | Why Node.js Is Perfect for Building Fast Web Applications | Draft ready |
| 44 | Blocking vs Non-Blocking Code in Node.js | Draft ready |
| 45 | How Node.js Handles Multiple Requests with a Single Thread | Draft ready |
| 46 | Async Code in Node.js: Callbacks and Promises | Draft ready |
Open the Node.js Concurrency And Async Flow series
Section 13: Express.js Fundamentals
This section moves into practical Express backend flow.
| # | Article | Status |
|---|---|---|
| 47 | Creating Routes and Handling Requests with Express | Draft ready |
| 48 | URL Parameters vs Query Strings in Express.js | Draft ready |
| 49 | What Is Middleware in Express and How It Works | Draft ready |
Open the Express.js Fundamentals series
Section 14: API Design And Authentication
This section connects route design with authentication thinking.
| # | Article | Status |
|---|---|---|
| 50 | REST API Design Made Simple with Express.js | Draft ready |
| 51 | JWT Authentication in Node.js Explained Simply | Draft ready |
| 52 | Sessions vs JWT vs Cookies: Understanding Authentication Approaches | Draft ready |
Open the API Design And Authentication series
Section 15: File Uploads And Storage
This section continues backend learning into uploads, storage structure, and static file serving.
| # | Article | Status |
|---|---|---|
| 53 | Handling File Uploads in Express with Multer | Draft ready |
| 54 | Storing Uploaded Files and Serving Them in Express | Draft ready |
Open the File Uploads And Storage series
Final Note
This page is the ordered version of the blog.
If you want the whole path, use this page. If you want freedom to jump by interest, use Explore by Topic.