Frontend Development Kya Hai? HTML, CSS aur JavaScript Explained?

Frontend Development Kya Hai? HTML, CSS aur JavaScript Explained?

📌 Introduction – Frontend Developer Ka Kaam Kya Hota Hai?

Jab aap kisi website pe jaate ho aur jo kuch bhi dekhte ho — design, layout, buttons, colors — sab frontend development ka part hota hai.

Frontend Developer wo hota hai jo:Website ka UI (User Interface) banata hai
Ensure karta hai ki site mobile-friendly ho
Elements ko interactive banata hai (hover effects, buttons, menus)

🧱 Frontend Development ke Core Pillars: HTML, CSS, JavaScript

1️⃣ HTML – Structure of the Website

HTML ka full form hai HyperText Markup Language. Ye website ka skeleton hota hai.

🔹 Example HTML:

<h1>Welcome to My Website</h1>
<p>This is a simple paragraph.</p>


2️⃣ CSS – Styling the Website

CSS stands for Cascading Style Sheets. Ye website ka design aur decoration karta hai.

🔹 Example:

h1 {
color: blue;
text-align: center;
}

3️⃣ JavaScript – Making the Site Interactive

JavaScript ek programming language hai jo website ko interactive aur dynamic banata hai.

🔹 Example:

document.getElementById("clickMe").onclick = function() {
alert("Button Clicked!");
}


📱 Responsive Design Kya Hai?

Responsive Design ka matlab hai website har screen size (mobile, tablet, desktop) pe achhi dikhe.

🔸 Iske liye use karte hain: Media Queries
Flexbox & Grid