codequick-darkmode-logo
लॉगिनसाइन अप
React पाठ्यक्रम

पाठ्यक्रम:

React पाठ्यक्रम

20 पाठ 125 ऑनलाइन कोडिंग प्रश्न


कोर्स में कौन कौन से विषय कवर किए जाएंगे?

रिएक्ट बेसिक्स का परिचय

  1. React कोर्स का परिचय:

    • प्रारंभिक शब्द।

    • React क्या है और लाइब्रेरी के इतिहास के बारे में थोड़ा।

    • कोडबेस सिस्टम के साथ काम करने पर जोर।

  1. बेसिक React Component:

    • React में JSX क्या है यह सीखना।

    • कैसे एक बेसिक पहला component लिखें।

    • स्टेटिक डेटा के साथ एक component बनाना और मूल बातें समझना।

  1. डायनामिक डेटा के साथ एक सूची बनाना:

    • तत्वों को गतिशील रूप से बनाना।

    • गतिशील निर्माण के लिए Array.prototype.map की क्षमताओं का उपयोग करना।

    • एक फाइल से कौम्पोनॅन्टस का आयात करना और निर्यात करना।

  1. डायनैमिक डेटा के साथ एक टेबल बनाना:

    • HTML में टेबल और इसके घटकों की संरचना।

    • एक टेबल बनाने के लिए नेस्टेड लूप का उपयोग।

    • नेस्टेड तरीके से map फंक्शन का उपयोग।

    • एक इम्पोर्टेड फाइल से डायनैमिक डेटा का उपयोग।

  1. Style Object के साथ स्टाइलिंग:

    • HTML और JSX के बीच के अंतर को समझना।

    • पेज पर एलिमेंट्स को स्टाइल करना सीखना।

    • सीखे गए स्टाइल्स के साथ एक चुनौतीपूर्ण तरीके से डायनामिक एलिमेंट बिल्डिंग का अभ्यास करना।

स्टेट और इवेंट्स वाले कॉम्पोनेंट्स

  1. React में CSS फाइलों का एकीकरण:

    • स्टाइल की दुनिया को कौम्पोनॅन्ट निर्माण का एक अभिन्न भाग के रूप में शामिल करना।

    • className क्या है और HTML और JSX के बीच का अंतर समझना।

    • इस कोर्स में अब तक सीखी गई सभी सामग्री का एक व्यापक अभ्यास करना।

    • CSS नियमों पर जोर देना और यह कैसे हमारी निर्मित प्रणाली में एकीकृत होते हैं।

  1. कौम्पोनॅन्ट्स में Props का एकीकरण:

    • React में props क्या हैं और इन्हें कब उपयोग करना चाहिए।

    • Props और सामान्य तरीकों के साथ कौम्पोनॅन्ट्स का निर्माण।

    • डायनामिक बिल्डिंग में हमने जो कौम्पोनॅन्ट्स लिखे हैं, उनका उपयोग करना।

  1. Props के साथ टेबल बनाना:

    • Props का उपयोग करके एक टेबल बनाना।

    • टेबल निर्माण में एक स्मार्ट कॉम्पोनेन्ट बनाना।

    • Props और CSS के साथ स्टाइलिंग का उपयोग करते हुए कई कॉम्पोनेन्ट्स के साथ डायनामिक बिल्डिंग को संयोजित करना।

  1. इवेंट्स और useState का उपयोग करना:

    • कैसे onClick प्रकार के इवेंट्स को तत्वों से जोड़ें।

    • स्मार्ट कॉम्पोनेंट्स क्या हैं और हमें इनकी आवश्यकता क्यों है।

    • useState प्रकार का रिएक्ट हुक क्या है और इसे कैसे उपयोग करें।

    • कॉम्पोनेंट के JSX में बूलियन शर्तों का निर्माण करना।

    • स्मार्ट React कॉम्पोनेंट्स बनाने के लिए इवेंट सृजन और स्टेट स्टोरेज को जोड़ना।

  1. onChange इवेंट का उपयोग करना:

    • पेज में इनपुट कैसे जोड़ें और useState का उपयोग करके इनपुट मानों को संग्रहीत करना।

    • उपयोगकर्ता-इनपुट डेटा के साथ एक गतिशील सूची बनाना।

    • ऐरेज़ की गहराई से व्याख्या और मूल्य और संदर्भ के बीच का अंतर।

    • कौम्पोनॅन्ट की स्टेट पर संग्रहीत ऐरेज़ के साथ काम करने की समझ।

उन्नत विषय और API उपयोग

  1. इवेंट्स के साथ एक डायनामिक टेबल बनाना:

    • यह समझना कि अब तक सीखी गई हर चीज को कैसे एकीकृत करके डायनामिकली एक टेबल बनाया जाए।

    • इनपुट्स की एक संख्या को स्टोर करने के लिए useState का उपयोग करना।

    • ऑब्जेक्ट्स की एक ऐरे के साथ कॉम्प्लेक्स स्टेट का उपयोग करने का उदाहरण।

  1. useEffect Hook का उपयोग करना:

    • useEffect प्रकार का react hook क्या है और इसे कैसे और कब उपयोग करना है।

    • fetch का उपयोग करके सर्वर संचार करना।

    • अनावश्यक त्रुटियों से बचने के लिए हमारे कोड को सुरक्षित करने के तरीके दिखाना।

    • useState और useEffect हुक्स दोनों को संयोजित करने वाला एक स्मार्ट कॉम्पोनेन्ट बनाना।

  1. Server-Side Search में useEffect का प्रयोग करने का उदाहरण:

    • useEffect के अतिरिक्त प्रयोगों की खोज करना।

    • कैसे component's lifecycle हमारे कोड कार्यान्वयन को प्रभावित करता है, इसकी समझ।

    • useEffect का प्रयोग करते हुए एक जटिल उदाहरण प्रस्तुत करना।

  1. अतिरिक्त इनपुट्स का प्रयोग:

    • चेकबॉक्स इनपुट क्या है और इसे कैसे इस्तेमाल करें।

    • रेडियो इनपुट क्या है और इसे कैसे इस्तेमाल करें।

    • डेटटाइम और डेटटाइम-लोकल इनपुट्स क्या हैं और इन्हें कब इस्तेमाल करना चाहिए।

  1. API के साथ तालिका बनाना और परिणाम फ़िल्टरिंग:

    • तालिका के बारे में डेटा फेच करने के लिए API अनुरोध करना।

    • तालिका को गतिशील रूप से बनाना।

    • स्मार्ट परिणाम फ़िल्टरिंग के माध्यम से खोज करने का तरीका सीखना।

    • कोड आर्किटेक्चर पर चर्चा करना।

उन्नत विषय और कोड आर्किटेक्चर

  1. उन्नत फ़िल्टर्स का उपयोग करना:

    • उड़ानों के बारे में जानकारी प्रदर्शित करने वाली एक तालिका बनाना।

    • एक स्मार्ट रो कॉम्पोनेंट के साथ तालिका के उपयोग का विस्तार करना।

    • टेबल के लिए फ़िल्टर्स बनाने के लिए इनपुट्स का उपयोग करना, चेकबॉक्स, datetime, और टेक्स्ट इनपुट्स का उपयोग करते हुए।

  1. एडवांस्ड स्टाइलिंग के लिए Bulma लाइब्रेरी:

    • पहले से तैयार स्टाइल्स को एम्बेड करना सीखना।

    • React प्रोजेक्ट्स में रंग और स्टाइल्स जोड़ने के लिए bulma पैकेज का उपयोग करना।

    • मौजूदा कौम्पोनॅन्ट में स्टाइल्स को एम्बेड करना और हम जिस लाइब्रेरी का उपयोग करेंगे उसके डॉक्यूमेंटेशन से गुजरना।

  1. JavaScript में सॉर्टिंग:

    • मौजूदा टेबल कौम्पोनॅन्ट में सुधार करना और उसमें सॉर्टिंग क्षमताओं को जोड़ना।

    • संख्याओं, स्ट्रिंग्स, और ऑब्जेक्ट्स के साथ ऐरेज पर काम करने वाले सॉर्ट्स की गहन समझ।

    • जब हमारा फील्ड सीधी तुलना नहीं होता तब विशेष सॉर्टिंग से निपटने का तरीका देखना।

  1. घटकों के बीच संचार चैनल:

    • यह सीखना कि एक चाइल्ड कॉम्पोनेंट कैसे एक पैरेंट कॉम्पोनेंट के साथ संवाद कर सकता है।

    • कई कॉम्पोनेंट पर बुलमा स्टाइलिंग लागू करना।

    • एक बहुमुखी कॉम्पोनेंट बनाना जो हमें एप्लिकेशन में टैब्स एम्बेड करने की अनुमति देता है।

    • प्रॉप्स के फंक्शन प्रकार का उपयोग करने के उदाहरण देखना।

  1. निष्कर्ष