HTML, CSS, এবং JavaScript-এর মধ্যে পার্থক্য শিখুন।
যখন আপনি ওয়েব ডেভেলপমেন্ট শিখতে শুরু করেন, বিশেষ করে ফ্রন্ট-এন্ড ডেভেলপমেন্ট, HTML, CSS, এবং JavaScript বড়ভাবে আপনার স্কিল স্ট্যাকের ৩টি মৌলিক উপাদান হিসেবে বিবেচিত হয়।
HTML, CSS, এবং JavaScript সবই একই ওয়েব ডেভেলপমেন্ট ইকোসিস্টেমের অংশ এবং আধুনিক ওয়েবের পোটেনশিয়াল ম্যাক্সিমাইজ করতে একসাথে কাজ করতে হয়।
কিন্তু... HTML, CSS, এবং JavaScript কীভাবে একে অপরের থেকে আলাদা?
- HTML står Hypertext Markup Language-এর জন্য।
- CSS står Cascading Stylesheets-এর জন্য
- JavaScript står... যেহেতু JavaScript (শর্টকাট JS)
HTML
HTML একটি মার্কআপ ল্যাঙ্গুয়েজ যা আমরা এর কন্টেন্ট বর্ণনা করতে এবং একটি ওয়েবসাইটের বেসিক রফ স্ট্রাকচার লে আউট করতে ব্যবহার করি।
অ্যানালজি: HTML হলো একটি বাড়ির ফ্রেম এবং কন্টেন্ট। যেন চেয়ার, টেবিল, দরজা, সিডি, বাড়ি কনস্টিটিউট করার বেয়ার এসেনশিয়ালস, আর কিছু নয়।
HTML ডেভেলপারদের কাজ হচ্ছে একটি ওয়েবসাইটের বেয়ার মিনিমাম রিকোয়ারমেন্ট সরবরাহ করা সঠিকভাবে কন্টেন্ট বর্ণনা করে যাতে ডিজাইনাররা আসলে জানেন কী বাটন এবং কী প্যারাগ্রাফ।
উদাহরণ:
<!-- কন্টেন্ট বর্ণনা --> <p>এই টেক্সটটি ওপেনিং এবং ক্লোজিং প্যারাগ্রাফ ট্যাগের মাঝপথে র্যাপ করে সঠিকভাবে বর্ণনা করা হয়েছে।</p> <button>আমি একটি বাটন</button>CSS
CSS একটি স্টাইলিং ল্যাঙ্গুয়েজ যা আমরা ওয়েবসাইট কন্টেন্টকে শেপ এবং স্টাইল করতে ব্যবহার করি রঙ, টাইপোগ্রাফি, স্পেসিং, বর্ডার, এবং আরও অনেক কিছুর জন্য।
অ্যানালজি: CSS হলো একটি বাড়ির রঙ এবং রাউন্ডেড এজ যা সেটিকে ভিজ্যুয়ালি আপিলিং এবং কমফরটেবল করে থাকে। টেকনিক্যালি, চেয়ারের ডেফিনিশন হচ্ছে কিছু যা আপনি বসে, কিন্তু জিনিসগুলোর শেপ, সাইজ, এবং প্যাডিং (ডিজাইন) সেগুলোকে কমফরটেবল (বা অনকমফরটেবল) বানাতে বসে।
CSS ডেভেলপারদের কাজ হচ্ছে নিশ্চিত করা যে একটি ওয়েবসাইটের সঠিক ভিজ্যুয়াল স্টাইল আছে যা মালিক চান রঙ, টাইপোগ্রাফি, স্পেসিং, শেপ, এবং ওভারऑল লে আউটের জন্য বিভিন্ন ডিভাইসে দেখার সময়।
উদাহরণ:
/* টেক্সট এলিমেন্ট স্টাইল */ p { font-family: "Helvetica"; font-size: 20px; line-height: 1.5; } /* বাটন স্টাইল */ button { font-size: 16px; font-weight: bold; padding: 16px 32px; border-radius: 8px; color: white; background-color: green; }JavaScript
JavaScript একটি ডাইনামিক প্রোগ্রামিং ল্যাঙ্গুয়েজ যা আপনাকে ওয়েবসাইটকে ইন্টারঅ্যাক্টিভ এবং রিয়েক্টিভ বানাতে দেয়।
অ্যানালজি: JavaScript হলো একটি মডার্ন হোমের বিজলি এবং পানির সরবরাহ যা একটি মডার্ন হোমকে মডার্ন হোম বানায়, এবং স্নান করা, রান্না করা, এবং শীতকালে হিমে মারা না যাওয়া সম্ভব করে। একটি JavaScript ডেভেলপার নিশ্চিত করে যে আপনি "Menu" বলা বাটনে ক্লিক করলে, একটি অফ-ক্যানভাস মেনু স্লাইড আপ হয়ে রেডি টু ইউজ হয়। JavaScript হলো যা ওয়েবসাইটের এলিমেন্টগুলোক ইউজার ইনপুটের প্রতি রেসপন্সিভ বানায়।
উদাহরণ:
// বাটনকে ইন্টারঅ্যাক্টিভ বানানো const button = document.querySelector("button") button.addEventListener("click", showModal) function showModal() { alert("You clicked on the button!") }