🌐 ওয়েব ডেভেলপমেন্ট

ওয়েব ডেভেলপমেন্ট শুরুর গাইড — HTML, CSS, JavaScript

· · 1 মিনিট

ওয়েব ডেভেলপমেন্ট কেন শিখবেন?

২০২৬ সালে ওয়েব ডেভেলপারদের চাহিদা আগের চেয়েও বেশি। ফ্রিল্যান্সিং থেকে রিমোট জব — সবখানেই সুযোগ।

⏱️ যা যা শিখবেন: HTML বেসিক, CSS দিয়ে ডিজাইন, JavaScript দিয়ে ইন্টারেক্টিভিটি, GitHub-এ পুশ করে লাইভ ডিপ্লয়

ধাপ ১: আপনার প্রথম HTML পেজ

<!DOCTYPE html>
<html lang="bn">
<head>
  <meta charset="UTF-8">
  <title>আমার প্রথম ওয়েবসাইট</title>
</head>
<body>
  <h1>হ্যালো ওয়ার্ল্ড!</h1>
  <p>এইটা আমার প্রথম ওয়েব পেজ</p>
</body>
</html>

এই কোড index.html হিসাবে সেভ করে ব্রাউজারে ওপেন করুন!

ধাপ ২: CSS দিয়ে স্টাইল যোগ করুন

body {
  font-family: 'Hind Siliguri', sans-serif;
  max-width: 700px; margin: 40px auto;
  padding: 20px;
  background: #0f0f13; color: #f0f0f0;
}
h1 { color: #6366f1; }

ধাপ ৩: JavaScript দিয়ে ইন্টারেক্টিভ করুন

document.querySelector('h1')
  .addEventListener('click', () =>
    alert('আপনি টাইটেলে ক্লিক করেছেন!')
  );

ধাপ ৪: GitHub Pages-এ ফ্রিতে লাইভ করুন

git init && git add . && git commit -m "First version"
git remote add origin https://github.com/YOURNAME/repo.git
git push -u origin main
# Settings > Pages > Branch > Save → ২ মিনিটে লাইভ!

কমন সমস্যা ও সমাধান

🔴 CSS কাজ করছে না? → HTML ফাইলে <link> ঠিকমতো আছে কিনা চেক করুন

🔴 GitHub push ইরর? → git config --global user.email সেট করুন

আরও পড়ুন