Tailwind CSS Academy logo
HTMLवेबस्तर A1 → B222 भाषाएँ

Tailwind CSS Academy

OpenAI, Vercel और Shopify द्वारा भरोसा किए जाने वाले उपयोगिता-प्रथम CSS फ़्रेमवर्क में निपुण बनिए। हर उपयोगिता, प्रतिक्रियाशील डिज़ाइन, डार्क मोड, ऐनिमेशन और उत्पादन-अनुकूलन सीखिए।. CoddyKit का सीखने का मार्ग, जिसमें 30 छोटे पाठ्यक्रम और 120 संवादात्मक पाठ हैं, साथ ही 24/7 एआई शिक्षक भी आपके साथ है।

पाठ्यक्रम
30
पाठ
120
संवादात्मक चरण
1,559
शुरुआत निःशुल्क
पाठ्यक्रम 1
पाठ्यक्रम

इस मार्ग में 30 पाठ्यक्रम

सीखने के क्रम में Tailwind CSS Academy मार्ग के सभी पाठ्यक्रम। पहला मुफ़्त है।

1

A14 पाठमुफ़्त

Tailwind CSS के यूटिलिटी-प्रथम दर्शन को जानें और समझें कि यह Bootstrap जैसे पारंपरिक CSS फ़्रेमवर्क से कैसे अलग है। किसी प्रोजेक्ट में Tailwind सेट अप करना और यूटिलिटी वर्गों का उपयोग करके अपने पहले…

2

A14 पाठPRO

फ़ॉन्ट आकार, मोटाई, पंक्ति ऊँचाई, अक्षर-अंतराल और पाठ-संरेखण नियंत्रित करने के लिए Tailwind की समृद्ध टाइपोग्राफ़ी यूटिलिटीज़ में दक्षता पाएँ। बिना किसी कस्टम CSS के पठनीय और आकर्षक पाठ बनाना सीखें।

3

A14 पाठPRO

Tailwind के विस्तृत रंग-पैलेट का अन्वेषण करें और पृष्ठभूमि रंग, ग्रेडिएंट तथा पृष्ठभूमि चित्र लागू करना सीखें। अपारदर्शिता संशोधकों का उपयोग करना और दृश्य रूप से समृद्ध सतहें बनाना समझें।

4

A14 पाठPRO

किसी भी तत्व में मार्जिन और पैडिंग जोड़ने के लिए Tailwind के सुसंगत स्पेसिंग पैमाने को सीखें। लेआउट को सटीकता से नियंत्रित करने के लिए दिशात्मक शॉर्टकट और नकारात्मक मार्जिन समझें।

5

A14 पाठPRO

कस्टम CSS की एक भी पंक्ति लिखे बिना Tailwind की फ़्लेक्स यूटिलिटीज़ से CSS Flexbox लेआउट लागू करें। क्षैतिज और ऊर्ध्वाधर लेआउट बनाएँ, संरेखण नियंत्रित करें और रैपिंग आसानी से संभालें।

6

A24 पाठPRO

जटिल द्वि-आयामी लेआउट बनाने के लिए Tailwind की ग्रिड यूटिलिटीज़ के माध्यम से CSS Grid का उपयोग करें। सरल वर्ग नामों से कॉलम, पंक्तियाँ और क्षेत्र परिभाषित करें तथा तत्वों की स्थिति सटीक रूप से नियंत्…

7

A24 पाठPRO

Tailwind की चौड़ाई, ऊँचाई, न्यूनतम/अधिकतम सीमाओं और आस्पेक्ट अनुपात यूटिलिटीज़ से तत्वों के आयाम नियंत्रित करें। आत्मविश्वास के साथ अनुक्रियाशील और निश्चित आकार वाले घटक बनाएँ।

8

A24 पाठPRO

Tailwind की बॉर्डर और छाया यूटिलिटीज़ से तत्वों के किनारों और गहराई को स्टाइल करें। गोल कोने जोड़ना, बॉर्डर की चौड़ाई और रंग नियंत्रित करना तथा गहराई बनाने के लिए बॉक्स शैडो लागू करना सीखें।

9

A24 पाठPRO

होवर, फ़ोकस, सक्रिय, अक्षम और अन्य छद्म-स्थितियों पर सशर्त रूप से स्टाइल लागू करके अपने UI में इंटरैक्टिविटी जोड़ें। हर इंटरैक्शन स्थिति नियंत्रित करने के लिए Tailwind की वैरिएंट प्रीफ़िक्स प्रणाली स…

10

A24 पाठPRO

Tailwind के मोबाइल-प्रथम अनुक्रियाशील ब्रेकपॉइंट का उपयोग करके ऐसे लेआउट बनाएँ जो किसी भी स्क्रीन आकार के अनुसार ढल जाएँ। वास्तविक रूप से अनुक्रियाशील डिज़ाइन बनाने के लिए निश्चित व्यूपोर्ट चौड़ाइयों…

11

B14 पाठPRO

Tailwind के अंतर्निहित डार्क वैरिएंट का उपयोग करके अपने वेब ऐप्स में डार्क मोड लागू करें। वर्ग रणनीति और मीडिया रणनीति का अंतर सीखें तथा ऐसे UI घटक बनाएँ जो हल्की और गहरी, दोनों थीम में सुंदर दिखें।

12

B14 पाठPRO

tailwind.config.js फ़ाइल में दक्षता हासिल करके Tailwind की पूरी शक्ति का उपयोग करें। डिफ़ॉल्ट थीम का विस्तार करना, कस्टम मान जोड़ना, सामग्री पथ कॉन्फ़िगर करना और प्लगइन प्रबंधित करना सीखें।

13

B14 पाठPRO

कस्टम रंग जोड़कर, Google Fonts एकीकृत करके और कस्टम स्पेसिंग पैमाना परिभाषित करके Tailwind को अपने ब्रांड के अनुरूप बनाएँ। ऐसी प्रोजेक्ट-विशिष्ट डिज़ाइन भाषा बनाएँ जिसमें Tailwind की सभी यूटिलिटीज़ क…

14

B14 पाठPRO

जानें कि दोहराए जाने वाले यूटिलिटी पैटर्न को पुनः उपयोग योग्य CSS वर्गों में निकालने के लिए Tailwind के @apply निर्देश का उपयोग कब और कैसे करें। यूटिलिटी-प्रथम दृष्टिकोण और रखरखाव योग्य घटक अमूर्तताओ…

15

B14 पाठPRO

Tailwind की अंतर्निहित ट्रांज़िशन और एनिमेशन यूटिलिटीज़ से अपने UI में सहज गति जोड़ें। अवधि, ईज़िंग और विलंब नियंत्रित करना तथा आकर्षक उपयोगकर्ता अनुभवों के लिए कीफ़्रेम एनिमेशन लागू करना सीखें।

16

B14 पाठPRO

Tailwind यूटिलिटी वर्गों का उपयोग करके परिष्कृत, पुनः उपयोग योग्य UI मूल घटक बनाएँ। वैरिएंट वाले बटनों, हेडर और फ़ुटर वाले कार्डों तथा छोटे सूचनात्मक बैज के मानक पैटर्न सीखें।

17

B14 पाठPRO

Tailwind यूटिलिटीज़ का उपयोग करके अनुक्रियाशील नेविगेशन बार और संकुचित किए जा सकने वाले साइडबार बनाएँ। मोबाइल हैमबर्गर मेनू संभालना और उपयोगकर्ताओं के स्क्रॉल करने पर भी बने रहने वाला स्थिर नेविगेशन…

18

B14 पाठPRO

Tailwind यूटिलिटीज़ का उपयोग करके सुलभ और आकर्षक फ़ॉर्म तत्वों को स्टाइल करें। पाठ इनपुट, चयन सूचियाँ, चेकबॉक्स, रेडियो बटन और सत्यापन स्थितियों वाले पूर्ण फ़ॉर्म लेआउट बनाना सीखें।

19

B14 पाठPRO

Tailwind और न्यूनतम JavaScript का उपयोग करके मोडल, संवाद और ड्रॉपडाउन मेनू जैसे ओवरले UI पैटर्न बनाएँ। स्थिति निर्धारण, z-index परत क्रम और सहज खुलने/बंद होने वाले ट्रांज़िशन सीखें।

20

B14 पाठPRO

Tailwind के Just-In-Time इंजन को समझें और जानें कि यह केवल आपके द्वारा उपयोग किए गए CSS को कैसे जनरेट करता है। प्रोडक्शन बंडल को अनुकूलित करना, परिणाम आकार का विश्लेषण करना और JIT इंजन द्वारा पहचाने…

21

B24 पाठPRO

सुसंगत, बहु-ब्रांड थीमिंग सक्षम करने के लिए Tailwind के कॉन्फ़िगरेशन में एक मजबूत डिज़ाइन टोकन प्रणाली स्थापित करें। मूल टोकन को अर्थपूर्ण टोकन से मैप करें और बड़े प्रोजेक्ट के लिए विस्तार योग्य डिज़…

22

B24 पाठPRO

आधिकारिक सेटअप का उपयोग करके React और Next.js ऐप्लिकेशन में Tailwind CSS एकीकृत करें। JSX में यूटिलिटीज़ लागू करने, सशर्त वर्ग प्रबंधित करने और घटक-आधारित आर्किटेक्चर में स्टाइल व्यवस्थित करने की सर्…

23

B24 पाठPRO

Tailwind CSS को Headless UI के साथ मिलाकर पूरी तरह सुलभ और बिना डिफ़ॉल्ट स्टाइल वाले घटक बनाएँ। मज़बूत अंतर्निहित सुलभता बनाए रखते हुए मेनू, संवाद, कॉम्बोबॉक्स और ट्रांज़िशन पर अपने Tailwind वर्ग लाग…

24

B24 पाठPRO

नए यूटिलिटी, घटक और वैरिएंट जोड़ने वाले कस्टम प्लगइन लिखकर Tailwind की कार्यक्षमता बढ़ाएँ। पुनः उपयोग योग्य स्टाइल तर्क को समाहित करने और उसे विभिन्न प्रोजेक्ट में साझा करने के लिए प्लगइन API सीखें।

25

B24 पाठPRO

रंग कंट्रास्ट, फ़ोकस प्रबंधन और स्क्रीन रीडर सहायता के लिए Tailwind यूटिलिटीज़ का उपयोग करके WCAG सुलभता मानकों को पूरा करने वाले UI घटक बनाएँ। ऐसी HTML संरचना और Tailwind स्टाइल लिखें जो सभी के लिए…

26

B24 पाठPRO

प्रोडक्शन ऐप्लिकेशन में Tailwind CSS जारी करने की पेशेवर सर्वोत्तम विधियाँ अपनाएँ। बड़े दलों द्वारा उपयोग की जाने वाली बंडल ऑडिटिंग, वर्ग संगठन रणनीतियाँ, लिंटिंग और प्रदर्शन अनुकूलन तकनीकें सीखें।

27

B24 पाठPRO

अब तक सीखी गई हर चीज़ लागू करके केवल Tailwind CSS का उपयोग करते हुए शुरू से एक पूर्ण, अनुक्रियाशील मार्केटिंग लैंडिंग पेज बनाएँ। इसमें हीरो, सुविधाएँ, प्रशंसापत्र, मूल्य निर्धारण और फ़ुटर अनुभाग शामि…

28

B24 पाठPRO

Tailwind CSS का उपयोग करके सुविधाओं से भरपूर पूर्ण एडमिन डैशबोर्ड अंतराफलक बनाएँ। एकीकृत और अनुक्रियाशील लेआउट में साइडबार, शीर्ष बार, आँकड़ा कार्ड, डेटा तालिकाएँ और चार्ट प्लेसहोल्डर विजेट बनाएँ।

29

B24 पाठPRO

बड़े पैमाने के प्रोजेक्ट में उपयोग की जाने वाली व्यापक CSS आर्किटेक्चर रणनीतियों में Tailwind की भूमिका जानें। फ़ाइलों को व्यवस्थित करना, घटक परतों की संरचना करना और पुराने CSS या अन्य स्टाइलिंग टूल…

30

B24 पाठPRO

इस पाठ्यक्रम के सभी कौशलों को मिलाकर Tailwind-आधारित पूर्ण डिज़ाइन सिस्टम बनाएँ। टोकन परिभाषित करें, घटक लाइब्रेरी बनाएँ, एक प्लगइन लिखें और टीम के उपयोग के लिए सिस्टम का दस्तावेज़ तैयार करें।

CoddyKit PRO

इस मार्ग के सभी 30 पाठ्यक्रम और हर दूसरे मार्ग के पाठ्यक्रम अनलॉक करें

एआई शिक्षक, प्रमाणन परीक्षा और प्रमाणपत्र। वेब, iOS और Android पर काम करता है।

सभी योजनाएँ देखें
वार्षिक$29.90 / वर्षलगभग $2.49 प्रति माहएक बार भुगतान करेंआजीवन$69.99 एक बारकोई नवीनीकरण नहीं। PRO हमेशा के लिए।
पाठ्यक्रम का परिचय

Tailwind CSS में निपुणता

OpenAI, Vercel और Shopify द्वारा भरोसा किए जाने वाले उपयोगिता-प्रथम CSS फ़्रेमवर्क में निपुण बनिए। हर उपयोगिता, प्रतिक्रियाशील डिज़ाइन, डार्क मोड, ऐनिमेशन और उत्पादन-अनुकूलन सीखिए। इस श्रृंखला में पूर्ण शुरुआती (A1) से उन्नत (B2) स्तर तक 30 क्रमिक लघु-पाठ्यक्रम शामिल हैं। छोटे, केंद्रित पाठ और त्वरित प्रश्नोत्तरी हर अवधारणा को अच्छी तरह समझने में आपकी मदद करेंगे।

आप क्या सीखेंगे

आप मूलभूत बातों से शुरुआत करेंगे और मध्यवर्ती तथा उन्नत विषयों तक आगे बढ़ेंगे, जहाँ हर पाठ्यक्रम पिछले पाठ्यक्रम पर आधारित होगा। हर पाठ व्यावहारिक है, जिसमें वास्तविक उदाहरण और आवश्यकता पड़ने पर सहायता देने वाला कृत्रिम बुद्धिमत्ता सहायक उपलब्ध है।

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

हर पाठ्यक्रम को चार केंद्रित पाठों में बाँटा गया है। प्रतिदिन कुछ पाठ पूरे कीजिए और महीनों के बजाय कुछ ही सप्ताहों में पूरी श्रृंखला में निपुण हो जाइए।

आप कैसे सीखेंगे

  1. 01

    इंटरैक्टिव पाठ

    तुरंत प्रतिक्रिया वाले व्यावहारिक कोड लेखन अभ्यास

  2. 02

    AI ट्यूटर

    अटकने पर हमारे AI से तुरंत सहायता पाएँ

  3. 03

    अंतर्निर्मित संपादक

    सीधे अपने ब्राउज़र में कोड लिखें और चलाएँ

  4. 04

    प्रमाणपत्र

    पाठ्यक्रम पूरा करने पर प्रमाणपत्र पाएँ

FAQ

अक्सर पूछे जाने वाले प्रश्न

क्या Tailwind CSS Academy पाठ्यक्रम निःशुल्क है?

हाँ। आप Tailwind CSS Academy पाठ्यक्रम निःशुल्क शुरू कर सकते हैं और इसके इंटरैक्टिव पाठ बिना किसी शुल्क के पूरे कर सकते हैं। वैकल्पिक PRO सदस्यता उन्नत एआई टूल और साझा किया जा सकने वाला प्रमाणपत्र उपलब्ध कराती है।

क्या HTML सीखने के लिए मुझे पहले से अनुभव होना चाहिए?

नहीं। पाठ्यक्रम बुनियादी सिद्धांतों से शुरू होता है और धीरे-धीरे उन्नत विषयों तक जाता है, इसलिए आप HTML का पहले से कोई अनुभव न होने पर भी शुरुआत कर सकते हैं।

CoddyKit पर मैं HTML कैसे सीखूँगा?

आप करके सीखते हैं। छोटे-छोटे इंटरैक्टिव पाठों में स्पष्ट व्याख्या के साथ ऐसा व्यावहारिक कोडिंग अभ्यास होता है जो वास्तविक समय में चलता है, और जब भी आप अटकते हैं, 24/7 एआई ट्यूटर व्यक्तिगत सहायता देता है।

क्या Tailwind CSS Academy पूरा करने पर मुझे प्रमाणपत्र मिलेगा?

हाँ। PRO शिक्षार्थी परीक्षा दे सकते हैं और Tailwind CSS Academy पाठ्यक्रम पूरा करने का ऐसा साझा किया जा सकने वाला प्रमाणपत्र प्राप्त कर सकते हैं, जिसमें सत्यापन योग्य कोड होता है।

क्या मैं अपने फ़ोन पर HTML सीख सकता हूँ?

हाँ। CoddyKit वेब पर और मूल iOS तथा एंड्रॉइड ऐप के रूप में उपलब्ध है, इसलिए आप किसी भी डिवाइस पर HTML सीख सकते हैं और आपकी प्रगति सभी डिवाइसों पर सिंक होती रहती है।

CoddyKit PRO की कीमत कितनी है?

Tailwind CSS Academy का पहला पाठ्यक्रम मुफ़्त है। CoddyKit PRO हर पाठ्यक्रम को अनलॉक करता है: $5.90 प्रति सप्ताह, $7.90 प्रति माह, $29.90 प्रति वर्ष, या बिना किसी नवीनीकरण के आजीवन पहुँच के लिए एक बार $69.99।

Tailwind CSS Academy पूरा करने में कितना समय लगता है?

Tailwind CSS Academy में 30 पाठ्यक्रम और 120 पाठ हैं। अधिकांश पाठों में लगभग 5–10 मिनट लगते हैं, इसलिए अपनी गति से पूरे मार्ग को पूरा करने में लगभग 14 घंटे का व्यावहारिक अभ्यास लगता है।

अभी Tailwind CSS Academy शुरू करें

एआई-संचालित पाठों के साथ प्रोग्रामिंग में निपुण बनने वाले हज़ारों शिक्षार्थियों से जुड़ें।