CSS सीखें: वेब डिज़ाइन कोर्स

फ़ोन पर सिलेक्टर से लेकर रिस्पॉन्सिव लेआउट, एनिमेशन और आधुनिक वेब डिज़ाइन तक CSS सीखें। छोटे, विषयवार पाठ और एक टैप में खुलने वाला एडिटर, जिसमें HTML और CSS साथ-साथ दिखते हैं, लाइव प्रीव्यू के साथ।

अंदर क्या है

• 40 कोर्स, 159 पाठ: शुरुआती (A1) से उन्नत (C1) स्तर तक

• लाइव HTML और CSS editor: तुरंत प्रीव्यू, प्रयोग, अपने पेज

• 20 निर्देशित वेब डिज़ाइन प्रोजेक्ट: टूलबार, कार्ड ग्रिड, स्टिकी हेडर, धड़कता बटन

• बग खोजने के 20 मिशन: 42px ज़्यादा चौड़ा कार्ड, फ़ोन पर न चलती मीडिया क्वेरी, पेज के पीछे छिपा मोडल

• अंतिम परीक्षा और कोर्स पूरा करने का प्रमाणपत्र

• 22 भाषाएँ

पूरा सीखने का सफ़र, शुरुआती से उन्नत स्तर तक

• सिंटैक्स, सिलेक्टर, रंग, बैकग्राउंड, टाइपोग्राफ़ी, बॉक्स मॉडल, डिस्प्ले, पोज़िशनिंग, इकाइयाँ, मान

• सूडो-क्लास, सूडो-एलिमेंट, CSS flexbox, CSS grid: बुनियाद से उन्नत लेआउट तक

• रिस्पॉन्सिव डिज़ाइन, मीडिया क्वेरी, कंटेनर क्वेरी

• कस्टम प्रॉपर्टी (वेरिएबल), फ़ंक्शन, स्पेसिफ़िसिटी, कैस्केड, @layer

• ट्रांज़िशन, ट्रांसफ़ॉर्म, कीफ़्रेम एनिमेशन, फ़िल्टर, ब्लेंड मोड

• डार्क मोड, रंग योजनाएँ, स्क्रॉल, ओवरफ़्लो, clip-path, आकृतियाँ

• DevTools डीबगिंग, BEM आर्किटेक्चर, Sass, PostCSS, डिज़ाइन टोकन

• कंपोनेंट और आधुनिक लेआउट पैटर्न, परफ़ॉर्मेंस, Houdini

याद रहने वाला अभ्यास

• क्विज़, 69 प्रविष्टियों वाली चीट शीट, फ़्रंट-एंड या वेब डेवलपर इंटरव्यू के लिए स्पष्ट उत्तरों वाले 50 सवाल

• संपादन योग्य कोड लाइब्रेरी; कोड, नोट्स, पसंदीदा पाठ सहेजें

• विश्व कोडिंग चैलेंज: Python, JavaScript और अन्य भाषाओं में रोज़ तीन वैश्विक राउंड

• स्ट्रीक, XP, लीडरबोर्ड, रोज़ के रिमाइंडर

AI मार्गदर्शक

• अवधारणाओं, त्रुटियों, लेआउट, प्रॉपर्टी या अपने कोड के बारे में AI से पूछें

• AI प्रयोगशाला पेज के विवरण से HTML और CSS बनाती है

• रोज़ सीमित मुफ़्त AI उपयोग; Pro के साथ असीमित

किनके लिए है

• वेब डेवलपमेंट सीखने वाले शुरुआती लोग

• मॉकअप सौंपने के बजाय ख़ुद पेज स्टाइल करने वाले डिज़ाइनर

• वेब डिज़ाइन कोर्स के साथ अभ्यास करने वाले विद्यार्थी

• CSS flexbox और CSS grid सीखने वाले HTML और CSS डेवलपर

• करियर बदलकर फ़्रंट-एंड नौकरी की तैयारी करने वाले लोग

यह कैसे काम करता है

1. मुफ़्त शुरुआत करें: सिंटैक्स और सिलेक्टर से CSS सीखें

2. editor में मान बदलें; प्रीव्यू देखें

3. बॉक्स मॉडल, फ़्लेक्सबॉक्स, ग्रिड, रिस्पॉन्सिव डिज़ाइन और एनिमेशन के ज़रिए CSS सीखें

4. निर्देशित प्रोजेक्ट बनाएँ; लेआउट के बग ठीक करें

5. प्रमाणपत्र पाने के लिए अंतिम परीक्षा पास करें

मुफ़्त और Pro

मुफ़्त: पहला कोर्स, पहला निर्देशित प्रोजेक्ट, दो मिशन, लाइव editor और रोज़ सीमित AI मार्गदर्शक उपयोग। Pro: हर कोर्स, सभी प्रोजेक्ट और मिशन, प्रमाणपत्र परीक्षा, असीमित AI और कोई विज्ञापन नहीं।