পাঠের মূল প্রেক্ষাপট
ওয়ার্ল্ড ওয়াইড ওয়েব (WWW)-এর প্রতিটি ওয়েব পেজ তিনটি মূল স্তম্ভের ওপর দাঁড়িয়ে আছে: HTML (HyperText Markup Language), CSS (Cascading Style Sheets) এবং JavaScript। কোনো দালানের কাঠামোগত পিলার ও দেয়াল হলো HTML, তার রং ও ইন্টেরিয়র ডিজাইন হলো CSS এবং স্বয়ংক্রিয় লিফট, লাইট ও সেন্সর সিস্টেম হলো JavaScript।
গুরুত্বপূর্ণ সূত্র ও মূলনীতি
ওয়েব পেজ = HTML (কাঠামো) + CSS (স্টাইল) + JavaScript (যুক্তি ও আচরণ)
তিন প্রযুক্তির সুনির্দিষ্ট দায়িত্ব বণ্টন
ওয়েব ব্রাউজারকে কোনো পেজ দেখাতে হলে এই তিনটি প্রযুক্তির মিলিত কোড অনুবাদ করতে হয়:
- HTML: ওয়েব পেজের কঙ্কাল বা গঠন তৈরি করে। শিরোনাম (h1-h6), অনুচ্ছেদ (p), ছবি (img), লিংক (a) এবং টেবিল তৈরি করতে HTML ট্যাগ ব্যবহৃত হয়।
- CSS: পেজের উপস্থাপনা ও সৌন্দর্য নিয়ন্ত্রণ করে। ফন্টের সাইজ, ব্যাকগ্রাউন্ড রং, মার্জিন, প্যাডিং, রেসপনসিভ গ্রিড ও ফ্লিক্সবক্স লেআউট নির্ধারণ করে।
- JavaScript: ওয়েব পেজে প্রাণ ও ইন্টারঅ্যাক্টিভিটি যোগ করে। বাটনে ক্লিক করলে পপ-আপ খোলা, ডেটা ভ্যালিডেশন, অ্যানিমেশন ও সার্ভার থেকে নতুন ডেটা আনা JavaScript দিয়ে হয়।
আধুনিক ফ্রন্টএন্ডের বিকাশ
বর্তমানে কাঁচা বা ভ্যানিলা HTML/CSS/JS-এর পাশাপাশি শক্তিশালী লাইব্রেরি ও ফ্রেমওয়ার্ক ব্যবহৃত হচ্ছে—যেমন React, Next.js ও Tailwind CSS। এগুলো ওয়েব ডেভেলপমেন্টকে দ্রুতগতির, মডুলার ও সার্চ ইঞ্জিন বান্ধব (SEO Friendly) করে তোলে।
- DOM (Document Object Model): ব্রাউজার যেভাবে HTML-কে একটি ট্রি বা গাঠনিক উপাদান হিসেবে স্মৃতিতে সাজায়।
- রেসপনসিভ ডিজাইন: সিএসএস মিডিয়া কোয়েরির মাধ্যমে একই পেজ মোবাইল ও কম্পিউটারে সুন্দরভাবে দেখানো।
যা অবশ্যই মনে রাখবে
- HTML কোনো প্রোগ্রামিং ভাষা নয়, এটি একটি মার্কআপ ভাষা।
- CSS উপস্থাপনা ও লেআউট নির্ধারণ করে।
- জাভাস্ক্রিপ্ট হলো ওয়েব ব্রাউজারে চালিত পূর্ণাঙ্গ প্রোগ্রামিং ভাষা।
প্রায়শই জিজ্ঞাসিত প্রশ্ন ও উত্তর (FAQ)
HTML এবং JavaScript-এর প্রধান পার্থক্য কী?
HTML হলো কনটেন্টের কাঠামো তৈরির মার্কআপ ভাষা যার কোনো লজিক বা গাণিতিক হিসাব করার ক্ষমতা নেই; অন্যদিকে JavaScript হলো একটি প্রোগ্রামিং ভাষা যা শর্ত পরীক্ষা, লুপ চালানো ও ব্যবহারকারীর কাজের সাড়া দিতে পারে।
রেসপনসিভ ওয়েব ডিজাইন (Responsive Design) কী?
যে কৌশলের মাধ্যমে একটি ওয়েবসাইট ভিজিটরের মোবাইল, ট্যাবলেট বা ডেস্কটপ স্ক্রিনের আকারের সাথে স্বয়ংক্রিয়ভাবে নিজের লেআউট মানিয়ে নিতে পারে, তাকে রেসপনসিভ ওয়েব ডিজাইন বলে।
সম্পর্কিত আরও পাঠ
বাইনারি সংখ্যা পদ্ধতি: কম্পিউটার কেন ০ এবং ১ বোঝে?
কম্পিউটারের ডিজিটাল ভাষার ভিত্তি বাইনারি। বিট, বাইট, ট্রানজিস্টরের সুইচিং লজিক এবং ডে...
পাঠটি পড়ুন →ডোমেন নেম সিস্টেম (DNS): ওয়েব ঠিকানা কীভাবে আইপিতে রূপান্তর হয়
আমরা যখন ব্রাউজারে eprogga.com লিখি, তখন মিলিসেকেন্ডে কী ঘটে? DNS হাইরার্কি, রুট সার্...
পাঠটি পড়ুন →অর্থবোধক HTML5: আধুনিক ওয়েব কাঠামোর ভিত্তি ও এসইও গুরুত্ব
শুধু div ও span নয়—header, nav, main, article ও section ব্যবহারের গুরুত্ব। সার্চ ইঞ্...
পাঠটি পড়ুন →