আপনি কি ওয়েব ডেভেলপমেন্ট ক্যারিয়ার জন্য CSS টার্মিনোলজি খুঁজছেন? CSS দক্ষতা আপনাকে HTML ওয়েব পেজ এবং ডকুমেন্ট স্টাইল করতে সাহায্য করবে। আপনি CSS শিখতে পারেন যাতে ওয়েবসাইট দ্রুত, ধারাবাহিক এবং রক্ষণাবেক্ষণে সহজ হয়।
ওয়েব ডিজাইন এবং ওয়েব ডেভেলপমেন্টে প্রচুর সুযোগ রয়েছে, আপনি চাইলে সিলিকন ভ্যালিতে ওয়েব ডেভেলপার হিসেবে কাজ করতে পারেন, ওয়েব ডিজাইনে রিমোট জব খুঁজতে পারেন, অথবা আপনার দক্ষতা ফ্রিল্যান্স করতে পারেন। এই সবके জন্য, আপনাকে CSS টার্মিনোলজি জানতে হবে সফল হওয়ার জন্য। এই আর্টিকেলে, আপনি CSS টার্মিনোলজির একটি গ্লোসারি এবং একটি ওয়েব ডিজাইনার হিসেবে ক্যারিয়ার চাওয়ায় আপনার যা জানা দরকার সেটা পাবেন।
CSS কী?
CSS বলতে Cascading Style Sheets, একটি প্রোগ্রামিং ভাষা যা ডিজিটাল স্পেসে HTML ওয়েব পেজে স্টাইল যোগ করতে ব্যাপকভাবে ব্যবহৃত হয়। এটি ওয়ার্ল্ড ওয়াইড ওয়েব কনসোর্টিয়াম দ্বারা ডেভেলপ করা হয়েছে এবং যেকোনো XML মার্কআপ ভাষা দ্বারা ব্যবহার করা যেতে পারে। এছাড়া, সহজ ভাষা এবং সিনট্যাক্সের কারণে, এটি মানব ভাষায় সহজে বোঝা যায়।
ওয়েব ডিজাইনাররা এবং সাইট বিল্ডাররা HTML এলিমেন্টের চেহারা ডিফাইন এবং কাস্টমাইজ করতে CSS ব্যবহার করে। CSS এলিমেন্টের রেন্ডারিং এবং স্ক্রিনে তাদের ভিজ্যুয়াল আপিল ওয়েবসাইট এবং অ্যাপে উন্নত করতে সাহায্য করে। এটি ইনলাইন স্টাইল এবং কীফ্রেমের সাথে অ্যানিমেশন ইমপ্লিমেন্ট করার মতো বিভিন্ন স্টাইল প্রয়োগ করতে দেয়।
কে CSS টার্মিনোলজি ব্যবহার করে?
ওয়েব ডিজাইনার, ওয়েব ডেভেলপার, ফ্রন্ট-এন্ড ডেভেলপার এবং অ্যাপ্লিকেশন ডেভেলপার CSS টার্মিনোলজি ব্যবহার করে CSS কনসেপ্ট এবং সিনট্যাক্স ওয়েব পেজ কোডে প্রয়োগ করতে। তারা বুটস্ট্র্যাপের মতো ওয়েব ডেভেলপমেন্ট টুলস ব্যবহার করে যা একটি ব্যাপকভাবে ব্যবহৃত CSS ফ্রেমওয়ার্ক, সুন্দর ওয়েব পেজ তৈরি করতে। কিছু ডেভেলপার Mimi, Programming Hero এবং CodeHub-এর মতো অ্যাপও ব্যবহার করে CSS-এ কোডিং করতে এবং ওয়েব পেজের চেহারা উন্নত করতে।
CSS টার্মসের তালিকা: প্রতিটি CSS-এ জানা উচিত বিষয়গুলো
- Aspect ratio (এ্যাসপেক্ট রেশিও)
- Box model (বক্স মডেল)
- Child selectors (চাইল্ড সিলেক্টর)
- Declaration block (ডিক্লারেশন ব্লক)
- Flexbox (ফ্লেক্সবক্স)
- Grid layout (গ্রিড লেআউট)
- Inheritance (ইনহেরিটেন্স)
- Padding values (প্যাডিং ভ্যালু)
- Paragraph element (প্যারাগ্রাফ এলিমেন্ট)
- Positioning (পজিশনিং)
- Properties (প্রোপার্টি)
- Pseudo-class (পseudo-ক্লাস)
- Rem units (Rem ইউনিট)
- Right-floating element (রাইট-ফ্লোটিং এলিমেন্ট)
- Ruleset (রুলসেট)
- Selectors (সিলেক্টর)
- Specificity (স্পেসিফিসিটি)
- Syntax (সিনট্যাক্স)
- Unit identifier (ইউনিট আইডেন্টিফায়ার)
- Whitespace characters (হোয়াইটস্পেস ক্যারেক্টার)
CSS টার্মিনোলজির গ্লোসারি: ৫টি সাধারণ CSS টার্ম
আপনি চাইলে টেক ক্যারিয়ারে ট্রানজিশন করছেন বা ওয়েব ডিজাইনে এন্ট্রি-লেভেল জব খুঁজছেন, আপনাকে অবশ্যই CSS এবং HTML-এ ভালো জ্ঞান থাকতে হবে। CSS শিখা মজাদার এবং উদ্বেগজনক হতে পারে। কিন্তু অনলাইন CSS কোর্সে নেমার আগে, আপনি সাধারণ CSS টার্মিনোলজি বুঝতে পারেন।
Box Model (বক্স মডেল)
একটি CSS বক্স মডেল ডিফাইন করে যে এলিমেন্টগুলো ওয়েব পেজে কীভাবে দেখাবে। ডিজাইনের মতে, CSS একটি সহজ, বক্স-ওরিয়েন্টেড ফরম্যাটিং মডেল যা মার্জিন, বর্ডার, প্যাডিং এবং কন্টেন্ট নিয়ে গঠিত। সকল কন্টেন্ট এবং এলিমেন্ট এই বক্সের মধ্যে প্রেজেন্ট করা হয়।
ওয়েব ডিজাইনারদের কেন বক্স মডেল সম্পর্কে জানা দরকার?
ওয়েব ডিজাইনারদের বক্স মডেল সম্পর্কে জানা দরকার কারণ এটি CSS ওয়েব পেজে কন্টেন্ট ডিসপ্লে করার ভিত্তি তৈরি করে। বক্স মডেলের মাধ্যমে, তারা বক্স প্রোপার্টি যেমন প্রস্থ এবং উচ্চতা ডিফাইন করে একটি CSS লেআউটের স্ট্রাকচার এবং ডাইমেনশন সেট করতে পারে। কন্টেন্ট সংগঠন এবং পজিশন করার জন্য ব্লক বক্স এবং ইনলাইন বক্সও রয়েছে।
Declaration Block (ডিক্লারেশন ব্লক)
CSS সিনট্যাক্সের অংশ হিসেবে, ডিক্লারেশন ব্লক একটি CSS প্রোপার্টি এবং ভ্যালুকে জোড়া দেয় যাতে একটি ওয়েব পেজে CSS স্টাইল স্পষ্টভাবে সেট করা যায়। উদাহরণস্বরূপ, একটি background-color প্রোপার্টির জন্য, আপনি যা রঙ অ্যাসাইন করবেন সেটি ভ্যালু। আপনি সেগুলো একটি CSS ডিক্লারেশন ব্লক সিনট্যাক্স ব্যবহার করে জোড়া দেন, তাদের মাঝপথে একটি কোলন এবং ভ্যালুর পর একটি সেমিকোলন দিয়ে। ডিক্লারেশন গ্রুপের শুরুতে একটি কার্লি ব্রেস এবং শেষে একটি ক্লোজিং ব্রেস থাকে।
ওয়েব ডিজাইনারদের কেন ডিক্লারেশন ব্লক সম্পর্কে জানা দরকার?
ওয়েব ডিজাইনারদের ডিক্লারেশন ব্লক সম্পর্কে জানা দরকার কারণ এটি একটি ওয়েবসাইটের চেহারা এবং লেআউট গড়ে তোলার মূলভূত। সেগুলো CSS প্রোপার্টি ডিফাইন করে এবং ওয়েব পেজ এলিমেন্ট স্টাইল করার জন্য CSS নিয়ম প্রয়োগ করে। ডিক্লারেশন ব্লক ব্যবহার করে, ওয়েব ডিজাইনাররা ফন্ট কালার, টেক্সট ব্যাকগ্রাউন্ড কালার, গ্রিড লাইন, অ্যালাইনমেন্ট, লাইন হাইট এবং আরও অনেক কিছু পরিবর্তন করতে পারে।
Flexbox (ফ্লেক্সবক্স)
Flexbox একটি CSS মডিউল একটি প্যারেন্ট কন্টেইনারের (মূল ফ্লেক্সবক্স) এবং একটি চাইল্ড কন্টেইনারের (ফ্লেক্স আইটেম) প্রোপার্টি যোগ করার জন্য। Flexbox ব্যবহার করে, আপনি স্পেস ডিস্ট্রিবিউশন, অ্যালাইনমেন্ট এবং কন্টেন্ট ডিরেকশন অ্যাডজাস্ট করতে পারেন। যেহেতু Flexbox প্যারেন্ট-চাইল্ড রিলেশনশিপে প্রযোজ্য, প্যারেন্ট কন্টেইনারের প্রোপার্টি সরাসরি চাইল্ডের পজিশন এবং প্যারেন্টের স্পেসে চলাচলকে প্রভাবিত করে।
ওয়েব ডিজাইনারদের কেন Flexbox সম্পর্কে জানা দরকার?
ওয়েব ডিজাইনারদের Flexbox সম্পর্কে জানা দরকার কারণ এটি তাদের এলিমেন্টের আচরণ এবং অ্যালাইনমেন্টের ওপর আরও নিয়ন্ত্রণ দেয়। Flexbox ওয়েব ডিজাইনারদের CSS ফাইল কাস্টমাইজ করতে এবং ওয়েব পেজ লেআউট উন্নত করতে নমনীয়তা দেয়। এটি বিশেষভাবে গুরুত্বপূর্ণ কারণ তারা যেকোনো সাইজের ডিভাইস বা স্ক্রিন টাইপে অভিযোজিত হতে পারে এমন ওয়েব পেজ ডিজাইন করে।
Positioning (পজিশনিং)
CSS পজিশনিং একটি প্রোপার্টি যা ব্যবহার করা হয় প্রতিটি এলিমেন্ট কোথায় থাকবে একটি ওয়েব পেজে তা স্পেসিফাই করার জন্য। পজিশনিং-এর জন্য ব্যবহৃত পাঁচটি ভ্যালু হলো absolute, fixed, relative, static, এবং sticky। ডিফল্ট CSS পজিশন ভ্যালু হলো static, কিন্তু আপনি এটি পরিবর্তন এবং কাস্টমাইজ করতে পারেন প্রয়োজন অনুযায়ী।
ওয়েব ডিজাইনারদের কেন পজিশনিং সম্পর্কে জানা দরকার?
ওয়েব ডিজাইনাররা এলিমেন্ট পজিশন করেন ভিজ্যুয়াল লেআউট সুন্দর এবং সংগঠিত দেখানোর জন্য। তারা নিশ্চিত করে যে এলিমেন্টের পজিশন ডেস্কটপ এবং মোবাইল অ্যাপ্লিকেশন উভয়ের জন্য উপযুক্ত। পজিশনিং একটি ওয়েবসাইটকে যেকোনো ডিসপ্লে স্ক্রিন এবং ব্রাউজারে সুন্দর দেখানোর সাহায্য করে।
Properties (প্রোপার্টি)
CSS প্রোপার্টি मुख্যভাবে ওয়েব পেজে CSS স্টাইল প্রয়োগ করার জন্য ব্যবহৃত হয়, যা প্রোপার্টির একটি বড় তালিকা তৈরি করে। এই তালিকায় বর্ডার প্রোপার্টি, বক্স প্রোপার্টি, এবং লিস্ট-স্টাইল প্রোপার্টি থাকে। উদাহরণস্বরূপ, ভার্টিক্যাল মার্জিন সেট করতে, ফ্লোটের সাথে নেগেটিভ মার্জিন, বা বক্সের সन्नিহিত মার্জিন সেট করতে আপনাকে মার্জিন প্রোপার্টি কাস্টমাইজ করতে হবে। অন্যান্য প্রোপার্টি গুলো পৃথক ব্যাকগ্রাউন্ড প্রোপার্টি, প্যাডিং প্রোপার্টি, এবং শর্টহ্যান্ড প্রোপার্টির সাথে সম্পর্কিত।
ওয়েব ডিজাইনারদের কেন প্রোপার্টি সম্পর্কে জানা দরকার?
ওয়েব ডিজাইনারদের প্রোপার্টি সম্পর্কে জানা দরকার কারণ প্রতিটি কোড স্নিপেটে সেগুলো থাকে বিভিন্ন এলিমেন্ট স্টাইল করার জন্য। তারা যখন পরিবর্তন আনেন, তারা ওয়েবসাইট ডিজাইন মেন্টেইন করতে পারে এবং ডকুমেন্ট স্ট্রাকচার এবং কন্টেন্টকে আলাদা রাখতে পারে। তাদের শুধু নির্দিষ্ট প্রোপার্টির ভ্যালু অ্যাডজাস্ট করতে হবে।
CSS টার্মিনোলজি চিট শিট: ৫টি উন্নত CSS টার্ম
CSS একটি মার্কআপ ভাষা যা কোডারদের সৃজনশীল হওয়ার সুযোগ দেয় একটি স্টাইল শিট তৈরি করে এবং এটা ব্যবহার করে এলিমেন্টগুলোর জন্য পৃথক প্রোপার্টি এবং স্টাইল সেট করতে।
আরও উন্নত CSS টার্মিনোলজি এবং কনসেপ্ট শিখা আপনাকে টেকে ব্রেক ইন করতে প্রয়োজনীয় প্রতিযোগিতামূলক সুবিধা দিতে পারে। অনেক ইন্ডাস্ট্রি এখন ট্যালেন্টেড ডেভেলপার এবং সৃজনশীল ওয়েব ডিজাইনার খুঁজছে ওয়েবসাইট ডিজাইন করার জন্য। তাই, এটি একটি উন্নত CSS টার্মিনোলজি চিট শিট পাওয়ার সঠিক সময় যা আপনার কাজে আসবে যেহেতু আপনি একজন ওয়েব ডিজাইনার বা ফ্রন্ট-এন্ড ডেভেলপার হবার পথে অগ্রসর হচ্ছেন।
Inheritance (ইনহেরিটেন্স)
ইনহেরিটেন্স হলো নির্দিষ্ট প্রোপার্টিকে একটি প্যারেন্ট এলিমেন্ট থেকে ডায়রেক্ট চাইল্ড এলিমেন্টে ট্রান্সফার করার প্রক্রিয়া। ইনহেরিটেন্সের কনসেপ্ট ওয়েব পেজ এস্থেটিক্স স্টাইল করার কোডিং প্রক্রিয়াকে সরল করে। একটি ওয়েব পেজের সিনট্যাক্স ইনহেরিটেন্স নিয়ম প্রয়োগ করে যখন একটি চাইল্ড এলিমেন্টের প্রোপার্টির জন্য কোনো ইনিশিয়াল ভ্যালু সেট করা থাকে না।
ওয়েব ডিজাইনারদের কেন ইনহেরিটেন্স সম্পর্কে জানা উচিত?
ইনহেরিটেন্স ব্যবহার করা ওয়েব ডিজাইনারদের ডেসেন্ডেন্ট সিলেক্টর স্টাইল করার সময় বাঁচায় এবং ওয়েব ডেভেলপমেন্ট প্রক্রিয়ায় প্রয়োজনীয় প্রচেষ্টা কমানো। কিছু প্রোপার্টি ডিফল্টভাবে ভ্যালু ইনহেরিট করতে পারে, যেমন কালার, ফন্ট, ভিজিবিলিটি, টেক্সট-অ্যালাইন, লাইন হাইট, এবং লিস্ট স্টাইল। তবে, CSS ক্লাস ইনহেরিট করা যাবে না, অন্য প্রোগ্রামিং ভাষার মতো প্রায়শই হয়।
Pseudo-class (পseudo-ক্লাস)
Pseudo-class একটি পূর্ব-ডিফাইন্ড কীওয়ার্ড যা যেকোনো এক বা একাধিক সিলেক্টেড এলিমেন্টে স্টাইল যোগ করতে ব্যবহৃত হয়। এটি CSS সিলেক্টরদের ओरিজিনাল থেকে ভিন্ন স্টাইল থাকতে দেয়। বিভিন্ন pseudo-class আছে, जिनमें লোকেশন, ল্যাঙ্গুয়েজ, ইউজার অ্যাকশন, এবং টাইম রয়েছে।
ওয়েব ডিজাইনারদের কেন Pseudo-class সম্পর্কে জানা উচিত?
ওয়েব ডিজাইনাররা একটি pseudo-class ব্যবহার করে ব্রাউজারের লেআউট এবং চেহারা উন্নত করতে। Pseudo-classes ওয়েব ডিজাইনারদের একটি ওয়েবসাইটের ভিজ্যুয়াল ইন্টারফেস ম্যানিপুলেট করতে সাহায্য করে স্ট্রাকচারাল এলিমেন্ট এবং কন্টেন্টে ইন্টারফিয়ার না করে।
Ruleset (রুলসেট)
একটি রুলসেট সিলেক্টর এবং ডিক্লারেশন নিয়ে গঠিত যা স্টাইলশিটের জন্য ডিফাইন করা হয়। যখন একটি ওয়েবসাইট ব্রাউজারের মাধ্যমে খোলা হয়, তখন এর একটি অথর রুল এবং রিডার রুল প্রযোজ্য হয়, যে কে ওয়েব পেজ অ্যাক্সেস করছে তার উপর নির্ভর করে। অথর রুল সাধারণত ওয়েব ডিজাইনারদের জন্য, এবং রিডার রুল ব্যবহারকারীদের জন্য।
ওয়েব ডিজাইনারদের কেন রুলসেট সম্পর্কে জানা উচিত?
ওয়েব ডিজাইনারদের রুলসেট সম্পর্কে জানা উচিত কারণ এটি CSS-এ একটি কোড ব্লক লিখার জন্য গুরুত্বপূর্ণ। একটি রুলসেট স্টাইলশিটে একটি ক্যাড এস্টাবলিশ করে এবং ওয়েব ডিজাইন প্রক্রিয়াকে দক্ষ এবং স্পষ্টভাবে ডিফাইন করে। এটি HTML এলিমেন্ট স্টাইল করা সংগঠিত করে এবং সহজ ডিবাগিং এবং মেন্টেন্যান্সের সুযোগ দেয়।
Selectors (সিলেক্টর)
একটি CSS সিলেক্টর ডিফাইন করে কোন এলিমেন্টগুলো সিলেক্ট করা হবে একটি প্রোপার্টি ভ্যালু বা স্টাইল প্রয়োগ করার জন্য। একটি সিম্পল সিলেক্টর उन এলিমেন্টগুলোর দিকে নির্দেশ করে য 곳에 একটি CSS স্টাইল প্রযোজ্য, যখন একটি কম্বিনেটর সিলেক্টর একটি সিলেক্টর গ্রুপ অন্তর্ভুক্ত করে। প্রতিটি ধরনের সিলেক্টর একটি নির্দিষ্ট এলিমেন্ট সিলেক্ট করার জন্য এবং এটিকে নির্দিষ্টভাবে ডিফাইন করার জন্য কাজ করে। উদাহরণস্বরূপ, ইউনিভার্সাল সিলেক্টর অ্যাসটারিস্ক ক্যারেক্টার দ্বারা ডিফাইন করা হয়।
ওয়েব ডিজাইনারদের কেন সিলেক্টর সম্পর্কে জানা উচিত?
ওয়েব ডিজাইনারদের সিলেক্টর সম্পর্কে জানা উচিত কারণ তারা সেগুলো ব্যবহার করতে পারে ওয়েব পেজ স্টাইল করার জন্য এলিমেন্ট সিলেক্ট করতে। তারা ইউনিভার্সাল সিলেক্টর, ক্লাস সিলেক্টর, অ্যাট্রিবিউট সিলেক্টর, ইত্যাদির মধ্যে পার্থক্য এবং সঠিক অ্যাপ্লিকেশন বুঝতে হবে।
Specificity (স্পেসিফিসিটি)
স্পেসিফিসিটি CSS সিলেক্টরকে র্যাঙ্ক করে। এতে ব্রাউজারকে স্পেসিফাই করা জড়িত যে কোন স্টাইল একটি সিলেক্টেড এলিমেন্টে প্রয়োগ, অর্ডার এবং প্রায়োরিটি দেবে। স্পেসিফিসিটির সাথে, সিলেক্টরের র্যাঙ্ক যত বেশি, ততো বেশি গুরুত্বপূর্ণ কারণ এর স্টাইল অত্যন্ত স্পেসিফিক। এর মানে CSS স্টাইল অন্যান্য ওয়েব পেজের স্টাইলগুলোর ওপর বসে যেতে পারে।
ওয়েব ডিজাইনারদের কেন স্পেসিফিসিটি সম্পর্কে জানা উচিত?
ওয়েব ডিজাইনারদের স্পেসিফিসিটি সম্পর্কে জানা উচিত কারণ এটি তাদের একই এলিমেন্টের দুটি নিয়ম ডিফাইন করতে সাহায্য করে যা অন্যথায় конф্লিক্টিং হতো। স্পেসিফিসিটি CSS-এ গুরুত্বপূর্ণ ক্যাড ফিচারের জন্য যা মার্কআপ ভাষাটি নিজে অফার করে। স্টাইলগুলো একটি নির্দিষ্ট অর্ডারে, একের পর এক প্রয়োগ হয়। দুটি স্টাইল একসাথে প্রয়োগ হবে না।
"ক্যারিয়ার করমা আমার জীবনে তখন দাঁড়াল যখন আমার সেটা সবচেয়ে বেশি দরকার ছিল এবং দ্রুত একটি বুটক্যাম্পের সাথে মিলিয়ে দিল। দুই মাস পর স্নাতক হলে আমার স্বপ্নের চাকরি পেলাম যা আমার মূল্যবোধ এবং লক্ষ্যের সাথে মেলে!"
আপনার বুটক্যাম্প ম্যাচ খুঁজুন
২০২২-এ CSS টার্মিনোলজি কীভাবে শিখব?
আপনি MOOCs (Massive Open Online Courses) যেমন Coursera এবং Udemy-এর মাধ্যমে CSS টার্মিনোলজি শিখতে পারেন যেগুলো CSS-এর জন্য কোর্স এবং প্রজেক্ট ধারণ করে। আপনি Skillshare-এর মতো সাবস্ক্রিপশন-ভিত্তিক লার্নিং প্ল্যাটফর্মেও কোর্স খুঁজে পাবেন। আপনি যদি পড়ার চেয়ে শুনে কনসেপ্ট ভালো গ্রহণ করেন, তবে আপনি YouTube-এ ওয়েব ডিজাইন ভিডিও চ্যানেল থেকে শিখতে পারেন।
আপনি কোডিং বুটক্যাম্পে এনরোল করে CSS টার্মিনোলজি শিখার লেভেলকে পরবর্তী ধাপে নিয়ে যেতে পারেন যেগুলো ওয়েব ডিজাইন এবং ডেভেলপমেন্ট প্রোগ্রাম অফার করে যা CSS কভার করে। ওয়েব ডিজাইন বুটক্যাম্প আপনাকে ওয়েব ডেভেলপমেন্ট বা ডিজাইনে আপনার স্বপ্নের চাকরির জন্য প্রস্তুত করে এবং আপনাকে CSS প্রোগ্রামিং দক্ষতা ধারালো করতে দেয় যেসব আইডিয়া আপনাকে অনুপ্রাণিত করে সেসব প্রজেক্ট করে।
CSS FAQ
আমি প্রথমে HTML শিখব নাকি CSS?
আপনি যদি ওয়েব ডিজাইন এবং ওয়েব ডেভেলপমেন্টের বিশ্বে নতুন হন, তবে প্রথমে HTML শিখুন। তারপর, CSS শিখতে শক্তিশালী রিসোর্স খুঁজুন আপনি যদি ওয়েব ডেভেলপমেন্টে একটি আশাপ্রদ ক্যারিয়ার চান।
CSS শিখা কি সহজ?
হ্যাঁ, CSS শিখা সহজ। আপনি অনেক টিউটোরিয়াল এক্সপ্লোর করতে পারেন CSS সিনট্যাক্স শিখতে। আপনি ওয়েব ডিজাইনারদের জন্য টুলস ব্যবহার করে বেসিক ওয়েব পেজ প্র্যাকটিস এবং স্টাইল করতে পারেন।
CSS কি JavaScript-এর মতো?
না, CSS JavaScript-এর মতো নয়। CSS একটি মার্কআপ ভাষা এবং HTML ওয়েব পেজের জন্য একটি লেআউট ভাষা। JavaScript একটি প্রোগ্রামিং ভাষা যা ওয়েবসাইটকে ডাইনামিক করতে, ইন্টারঅ্যাকশন যোগ করতে এবং অ্যাকসেসিবিলিটি উন্নত করতে ব্যবহৃত হয়। CSS-এর একটি আলাদা ফাইল থাকে যা .css এক্সটেনশন ব্যবহার করে যখন JavaScript .js এক্সটেনশন ব্যবহার করে।