कोर्स CSS अपने पेजों को थोड़ा स्टाइल दें
CSS एक साधारण दस्तावेज़ को एक परिष्कृत इंटरफ़ेस में बदल देता है। सिलेक्टर, बॉक्स मॉडल, Flexbox, Grid और रिस्पॉन्सिव डिज़ाइन, फिर एनिमेशन और CSS आर्किटेक्चर: यह ट्रैक उन सभी चीज़ों को कवर करता है जिनकी आपको तरीके से स्टाइल करने के लिए ज़रूरत है।
इस कोर्स को Kodokon में शुरू करें बुनियाद शुरुआती - मूल बातें, कदम-दर-कदम
प्रगति मध्यवर्ती - असली प्रोजेक्ट बनाएं
कैस्केड, स्पेसिफ़िसिटी और इनहेरिटेंसस्पेसिफ़िसिटी का उपयोग करके यह भविष्यवाणी करना सीखें कि कौन सा CSS नियम जीतता है, और कम कोड लिखने के लिए इनहेरिटेंस का लाभ उठाएँ। Flexbox: axes, justify/align, gap, flex-growरोज़मर्रा के लेआउट में अपने एलिमेंट्स को अलाइन करने, केंद्रित करने और वितरित करने के लिए Flexbox के दो axes पर महारत हासिल करें। Grid: columns, rows, areasCSS Grid के columns, rows और नामित areas के साथ गैलरी और संपूर्ण पेज लेआउट बनाएँ। पोज़िशनिंग: relative, absolute, fixed, sticky, z-indexCSS पोज़िशन और अच्छी तरह प्रबंधित z-index स्केल के साथ बैज, हेडर और मोडल को ठीक वहीं टिकाएँ जहाँ आप चाहते हैं। रिस्पॉन्सिव डिज़ाइन: media queries, सापेक्ष इकाइयाँमोबाइल-फ़र्स्ट दृष्टिकोण, media queries, और rem, %, तथा vw इकाइयों के साथ अपने इंटरफ़ेस को हर स्क्रीन आकार के अनुकूल बनाएँ। उन्नत निपुण - उन्नत पैटर्न और प्रदर्शन
CSS वेरिएबल और calc/clamp फ़ंक्शनकस्टम प्रॉपर्टीज़, कैस्केड के भीतर वे रनटाइम पर कैसे रिज़ॉल्व होती हैं, और द्रव इंटरफ़ेस के लिए calc() तथा clamp() फ़ंक्शन में महारत हासिल करें। ट्रांज़िशन और एनिमेशन: @keyframes, transform, टाइमिंगtransform और opacity के साथ कंपोज़िटर पर एनिमेट करें, अपने @keyframes को संरचित करें, और उपयोगकर्ताओं की मोशन प्राथमिकताओं का सम्मान करें। आधुनिक सेलेक्टर: :has, :is, :where, उन्नत :nth-childसामग्री के आधार पर चयन करने, बिना विशिष्टता बढ़ाए सेलेक्टरों को समूहीकृत करने, और जटिल पैटर्न को लक्षित करने के लिए हाल के फ़ंक्शनल स्यूडो-क्लासेस का लाभ उठाएँ। CSS आर्किटेक्चर: BEM, यूटिलिटी-फ़र्स्ट, फ़ाइल संगठनBEM और यूटिलिटी-फ़र्स्ट दृष्टिकोण, एक टीम में उनके वास्तविक ट्रेड-ऑफ़ की तुलना करें, और कैस्केड लेयरों के साथ अपनी फ़ाइलों को संरचित करें। कंटेनर क्वेरी और CSS नेस्टिंगअपने कंपोनेंट्स को व्यूपोर्ट के बजाय उनके कंटेनर के प्रति उत्तरदायी बनाएँ, और नेटिव नेस्टिंग के साथ अपनी स्टाइलशीट्स को संरचित करें। महारत विशेषज्ञ - आर्किटेक्चर, आंतरिक कार्यप्रणाली और किनारे के मामले