💡 HTML, CSS, JavaScript ও Python - নতুনদের জন্য সম্পূর্ণ গাইড

কোডিং শিখতে চাও? তুমি একদম সঠিক জায়গায় এসেছো! নিচে আমরা HTML, CSS, JavaScript এবং Python নিয়ে সুন্দর ও সহজভাবে আলোচনা করবো।

📌 HTML কি?

HTML এর পূর্ণরূপ HyperText Markup Language। এটি একটি markup language যা দিয়ে ওয়েবসাইটের কাঠামো তৈরি করা হয়।

<!DOCTYPE html>
<html>
  <head>
    <title>আমার প্রথম ওয়েবপেজ</title>
  </head>
  <body>
    <h1>হ্যালো ওয়ার্ল্ড!</h1>
  </body>
</html>

CSS এর পূর্ণরূপ Cascading Style Sheets। এটি দিয়ে ওয়েবসাইটের রঙ, স্টাইল, লেআউট নির্ধারণ করা হয়।

body {
  background-color: #f0f0f0;
  font-family: Arial;
}

h1 {
  color: #ff0066;
}

JavaScript একটি programming language যা দিয়ে ওয়েবসাইটকে ইন্টার‍্যাকটিভ করা হয়। যেমন: ক্লিক করলে মেনু খুলবে, ফর্ম সাবমিট, এলার্ট বক্স ইত্যাদি।

alert("স্বাগতম!");

function add(a, b) {
  return a + b;
}

console.log(add(5, 10));

Python একটি বহুল ব্যবহৃত প্রোগ্রামিং ভাষা যেটা দিয়ে ওয়েব ডেভেলপমেন্ট, ডেটা সায়েন্স, মেশিন লার্নিংসহ অনেক কিছু করা যায়।

print("হ্যালো, পাইথন!")

def greet(name):
  return "Hello, " + name

print(greet("Mahin"))

CSS Animation ব্যবহার করে আপনি যেকোনো ওয়েব এলিমেন্টকে জীবন্ত করে তুলতে পারেন। উদাহরণ:

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.box {
  animation: fadeIn 2s ease-in-out;
}

DOM (Document Object Model) হল JavaScript দিয়ে HTML কে নিয়ন্ত্রণ করার একটি উপায়। উদাহরণ:

document.getElementById("title").innerText = "নতুন টাইটেল";

HTML দিয়ে কাঠামো এবং CSS দিয়ে ডিজাইন করলে আপনি একটি মিনি প্রজেক্ট বানাতে পারবেন। যেমন:

<div class="card">
  <h2>Welcome</h2>
  <p>This is a mini site.</p>
</div>