HTML, CSS और JavaScript के बीच अंतर के बारे में जानें।
जब आप वेब विकास के बारे में सीखना शुरू करते हैं, विशेष रूप से फ्रंट-एंड डेवलपमेंट, एचटीएमएल, सीएसएस और जावास्क्रिप्ट को आपके कौशल स्टैक के 3 सबसे मौलिक तत्व माना जाता है।
HTML, CSS, और JavaScript सभी एक ही वेब डेवलपमेंट इको-सिस्टम का हिस्सा हैं और आधुनिक वेब की क्षमता को अधिकतम करने के लिए एक साथ काम करने की आवश्यकता है।
लेकिन... क्या वास्तव में HTML, CSS और JavaScript को एक दूसरे से अलग बनाता है?
- एचटीएमएल हाइपरटेक्स्ट मार्कअप लैंग्वेज के लिए खड़ा है।
- सीएसएस कैस्केडिंग स्टाइलशीट के लिए खड़ा है
- जावास्क्रिप्ट का अर्थ है... अच्छी तरह से जावास्क्रिप्ट (शॉर्टकट JS )
एचटीएमएल
HTML एक मार्कअप भाषा है जिसका उपयोग हम इसकी सामग्री का वर्णन करने के लिए करते हैं और किसी वेबसाइट की मूल रफ संरचना को लेआउट करते हैं।
सादृश्य: HTML एक घर का फ्रेम और सामग्री है। तो कुर्सियाँ, मेज़, दरवाज़े, सीढ़ियाँ जैसी चीज़ें, जो घर का निर्माण करती हैं, उससे ज़्यादा कुछ नहीं।
एचटीएमएल डेवलपर्स का काम वेबसाइट की सामग्री का सही ढंग से वर्णन करके वेबसाइट की न्यूनतम आवश्यकताओं की आपूर्ति करना है ताकि जब डिजाइनर आते हैं, तो वे जानते हैं कि एक बटन क्या है और एक पैराग्राफ क्या है।
उदाहरण:
<!-- Describe content -->
<p>This text is described correctly by wrapping it between opening and closing paragraph tags.</p>
<button>I’m a button</button>CSS
CSS एक स्टाइलिंग भाषा है जिसका उपयोग हम रंग, टाइपोग्राफी, स्पेसिंग, बॉर्डर और बहुत कुछ के संदर्भ में वेबसाइट सामग्री को आकार देने और स्टाइल करने के लिए करते हैं।
सादृश्य: CSS एक घर का पेंट और गोल किनारा है जो देखने में आकर्षक और रहने के लिए आरामदायक बनाता है। तकनीकी रूप से, एक कुर्सी की परिभाषा कुछ ऐसी है जिस पर आप बैठते हैं, लेकिन आकार, आकार और पैडिंग (डिज़ाइन) जैसी चीजें बनाती हैं। बैठने के लिए आरामदायक (या असहज) कुर्सियाँ।
CSS डेवलपर्स का काम यह सुनिश्चित करना है कि किसी वेबसाइट में सही दृश्य शैली हो, जो मालिक विभिन्न उपकरणों पर देखे जाने पर रंग, टाइपोग्राफी, रिक्ति, आकार और समग्र लेआउट के संदर्भ में चाहता है।
उदाहरण:
/* Style text element */
p {
font-family: "Helvetica";
font-size: 20px;
line-height: 1.5;
}
/* Style button */
button {
font-size: 16px;
font-weight: bold;
padding: 16px 32px;
border-radius: 8px;
color: white;
background-color: green;
}JavaScript
जावास्क्रिप्ट एक गतिशील प्रोग्रामिंग भाषा है जो आपको वेबसाइटों को इंटरैक्टिव और प्रतिक्रियाशील बनाने की अनुमति देती है।
सादृश्य: जावास्क्रिप्ट बिजली और पानी की आपूर्ति है जो एक आधुनिक घर को एक आधुनिक घर बनाती है, और सर्दियों के दौरान स्नान करना, खाना बनाना और ठंड से मौत को संभव नहीं बनाती है। एक जावास्क्रिप्ट डेवलपर यह सुनिश्चित करता है कि जब आप स्विच को फ्लिप करते हैं तो प्रकाश चालू हो जाता है, और जब आप पानी का नल चालू करते हैं तो गर्म/ठंडा पानी निकलता है।
जावास्क्रिप्ट डेवलपर्स का काम यह सुनिश्चित करना है कि जब आप "मेनू" कहने वाले बटन पर क्लिक करते हैं, तो एक ऑफ-कैनवास मेनू उपयोग के लिए तैयार हो जाता है। जावास्क्रिप्ट वह है जो वेबसाइट के तत्वों को उपयोगकर्ता इनपुट पर प्रतिक्रिया देता है।
उदाहरण:
// Make button interactive
const button = document.querySelector("button")
button.addEventListener("click", showModal)
function showModal() {
alert("You clicked on the button!")
}