কোড প্লেগ্রাউন্ড - ৫ মিনিটে প্রথম কোড · নেক্সটজেন প্রোগ্রামার

লেসন ১/৭

আপনার প্রথম ওয়েব পেইজ

সব ওয়েব পেইজই HTML দিয়ে তৈরি। <h1> এর ভেতরের লেখা বদলে নিজের নাম লিখুন, আর প্রিভিউ দেখুন।

ইঙ্গিত

শুধু <h1> আর </h1> এর মাঝের লেখাটা বদলান।

লেসন ২/৭

প্যারাগ্রাফের নিচে <ul> দিয়ে একটা লিস্ট বানান - যা যা বানাতে চান তার তিনটি (প্রতিটি <li> এর ভেতরে)।

ইঙ্গিত

<ul> <li>একটা ওয়েবসাইট</li> … </ul>

লেসন ৩/৭

কোনটা দেখতে কেমন হবে, তা ঠিক করে CSS। <style> এর ভেতরে h1 কে একটা color দিন (যেমন orange বা #FF7600) আর body কে একটা background।

ইঙ্গিত

h1 { color: orange; } body { background: #FFF6EE; }

লেসন ৪/৭

JavaScript দিয়ে পেইজ কাজ করে। বাটনে ক্লিক করলে #msg প্যারাগ্রাফের লেখা বদলে দিন (textContent ব্যবহার করুন)।

ইঙ্গিত

msg.textContent = 'হাই! আমি JavaScript শিখছি';

লেসন ৫/৭

ভেরিয়েবল একটা মান ধরে রাখে। name নামে একটা ভেরিয়েবলে নিজের নাম রাখুন, তারপর #out এ দেখান Hello, <আপনার নাম>!।

ইঙ্গিত

const name = 'রাফি'; out.textContent = 'Hello, ' + name + '!';

লেসন ৬/৭

লুপ একই কাজ বারবার করে। for লুপ দিয়ে লিস্টে ১ থেকে ১০ পর্যন্ত সংখ্যা যোগ করুন।

ইঙ্গিত

for (let i = 1; i <= 10; i++) { … }

লেসন ৭/৭

সব একসাথে: আপনার নাম আর নিজের সম্পর্কে এক লাইনসহ একটা কার্ড, কোনা গোল। .card কে border-radius আর padding দিন।

ইঙ্গিত

.card { padding: 24px; border-radius: 16px; }

ভালো লাগছে? ক্লাসে মেন্টরের সাথে আসল প্রজেক্ট বানান।