🌟 Getting Started with JavaScript: A Beginner’s Guide

🔰 What is JavaScript?

JavaScript (JS) is a scripting language used to create dynamic content on web pages. It runs directly in the browser and allows you to implement interactive features.

It works hand-in-hand with:

HTML: for structure
CSS: for styling
JavaScript: for interactivity

📁 How to Use JavaScript in HTML

You can include JavaScript directly in an HTML file using the <script> tag.

htmlCopyEdit<!DOCTYPE html>
<html>
<head>
  <title>My First JS Page</title>
</head>
<body>
  <h1>Hello, JavaScript!</h1>
  <script>
    alert("Welcome to JavaScript!");
  </script>
</body>
</html>

📌 JavaScript Basics

1. Variables

JavaScript uses let, const, and var to store data.

javascriptCopyEditlet name = "Abhay";
const pi = 3.14;
var age = 22;

✅ Use let and const instead of var for modern JS.

2. Data Types

String: "Hello"
Number: 10
Boolean: true or false
Array: [1, 2, 3]
Object: { name: "Abhay", age: 22 }

3. Functions

Functions allow you to reuse code.

javascriptCopyEditfunction greet() {
  console.log("Hello, Devsync!");
}
greet();

4. Conditional Statements

javascriptCopyEditlet marks = 75;

if (marks >= 60) {
  console.log("Passed");
} else {
  console.log("Failed");
}

5. Loops

javascriptCopyEditfor (let i = 1; i <= 5; i++) {
  console.log("Number: " + i);
}

🧠 Tips for Beginners

Practice by building small projects (calculator, to-do app)
Use console.log() to debug
Learn from platforms like devsync, freeCodeCamp, and MDN Web Docs

🛠️ Final Thoughts

JavaScript is the backbone of modern web development. Once you’re comfortable with the basics, you can explore advanced topics like:

ES6+
Async/Await
Fetch API
Frameworks like React, Vue, or Angular

Devsync

Command Palette