Hello and welcome! I'm a student on an exciting journey to learn JavaScript, and this repository is my personal diary where I document my progress, experiments, projects, and insights. Join me as I navigate the world of JavaScript, one topic at a time!

1. Browse the folders organized by topic (Basics, Functions, DOM, etc.)
2. Read the code examples with detailed comments
3. Run the files in Node.js or a browser console
4. Experiment & modify the code to deepen your understanding

# To run any JavaScript file:
node 01_Basics/01_variables.js

JavaScript/
├── 01_Basics/
│   ├── 00_test.js                # Testing setup
│   ├── 01_variables.js           # let, const, var
│   ├── 02_DataTypes.js           # Primitives & objects
│   ├── 03_conversionOperations.js # Type conversion
│   └── 04_comparision.js         # Comparison operators
├── README.md                      # You are here!
└── 📂 More folders coming soon...

JavaScript is an essential language for creating interactive websites and building modern web applications. As I learn, I’m exploring everything from the basics of variables and functions to more dynamic topics like event handling and asynchronous programming. My goal is to build a solid foundation that will allow me to create fun projects and eventually contribute to real-world applications.

Master the core building blocks of JavaScript:

• Scope & Closures
• Object-Oriented Programming
• Array & String Methods

• Asynchronous JavaScript
• DOM & Events
• Modern JavaScript (ES6+)

Build your foundation with essential concepts:

• Variables & Data Types
  Understanding let, const, var and working with different data types.
  📄 Files: 01_variables.js, 02_DataTypes.js
  🔗 MDN: Data Types

• Type Conversion & Operations
  Learn type conversion and arithmetic operations.
  📄 Files: 03_conversionOperations.js
  🔗 MDN: Type Coercion

• Comparison & Logical Operators
  Master comparisons and boolean logic.
  📄 Files: 04_comparision.js
  🔗 MDN: Operators

• Function Declarations & Expressions
  Learn the different ways to define and use functions.
  MDN: Functions

• Arrow Functions
  Discover the concise syntax and benefits of arrow functions.
  MDN: Arrow Functions

• Scope & Closures
  Understand how scope works and explore the concept of closures.
  MDN: Closures

• DOM Manipulation
  Learn how to select and modify HTML elements dynamically.
  MDN: Introduction to the DOM

• Event Handling
  Handle user interactions like clicks and key presses.
  MDN: Introduction to Events

• Template Literals, Destructuring & More
  Dive into new features that make coding more intuitive and concise.
  MDN: JavaScript Guide

• Modules
  Learn how to split your code into manageable, reusable modules.
  MDN: JavaScript Modules

• Callbacks, Promises, & Async/Await
  Understand how to manage asynchronous operations.
  MDN: Asynchronous JavaScript

Here’s a simple example to get you started. This code shows a basic function and a loop:

// Greet the user by name
function greet(name) {
  return `Hello, ${name}! Welcome to my JavaScript journey.`;
}

console.log(greet("Anup"));