कोर्स में कौन कौन से विषय कवर किए जाएंगे?
रिएक्ट बेसिक्स का परिचय
React कोर्स का परिचय:
प्रारंभिक शब्द।
React क्या है और लाइब्रेरी के इतिहास के बारे में थोड़ा।
कोडबेस सिस्टम के साथ काम करने पर जोर।
बेसिक React Component:
React में JSX क्या है यह सीखना।
कैसे एक बेसिक पहला component लिखें।
स्टेटिक डेटा के साथ एक component बनाना और मूल बातें समझना।
डायनामिक डेटा के साथ एक सूची बनाना:
तत्वों को गतिशील रूप से बनाना।
गतिशील निर्माण के लिए Array.prototype.map की क्षमताओं का उपयोग करना।
एक फाइल से कौम्पोनॅन्टस का आयात करना और निर्यात करना।
डायनैमिक डेटा के साथ एक टेबल बनाना:
HTML में टेबल और इसके घटकों की संरचना।
एक टेबल बनाने के लिए नेस्टेड लूप का उपयोग।
नेस्टेड तरीके से map फंक्शन का उपयोग।
एक इम्पोर्टेड फाइल से डायनैमिक डेटा का उपयोग।
Style Object के साथ स्टाइलिंग:
HTML और JSX के बीच के अंतर को समझना।
पेज पर एलिमेंट्स को स्टाइल करना सीखना।
सीखे गए स्टाइल्स के साथ एक चुनौतीपूर्ण तरीके से डायनामिक एलिमेंट बिल्डिंग का अभ्यास करना।
स्टेट और इवेंट्स वाले कॉम्पोनेंट्स
React में CSS फाइलों का एकीकरण:
स्टाइल की दुनिया को कौम्पोनॅन्ट निर्माण का एक अभिन्न भाग के रूप में शामिल करना।
className क्या है और HTML और JSX के बीच का अंतर समझना।
इस कोर्स में अब तक सीखी गई सभी सामग्री का एक व्यापक अभ्यास करना।
CSS नियमों पर जोर देना और यह कैसे हमारी निर्मित प्रणाली में एकीकृत होते हैं।
कौम्पोनॅन्ट्स में Props का एकीकरण:
React में props क्या हैं और इन्हें कब उपयोग करना चाहिए।
Props और सामान्य तरीकों के साथ कौम्पोनॅन्ट्स का निर्माण।
डायनामिक बिल्डिंग में हमने जो कौम्पोनॅन्ट्स लिखे हैं, उनका उपयोग करना।
Props के साथ टेबल बनाना:
Props का उपयोग करके एक टेबल बनाना।
टेबल निर्माण में एक स्मार्ट कॉम्पोनेन्ट बनाना।
Props और CSS के साथ स्टाइलिंग का उपयोग करते हुए कई कॉम्पोनेन्ट्स के साथ डायनामिक बिल्डिंग को संयोजित करना।
इवेंट्स और useState का उपयोग करना:
कैसे onClick प्रकार के इवेंट्स को तत्वों से जोड़ें।
स्मार्ट कॉम्पोनेंट्स क्या हैं और हमें इनकी आवश्यकता क्यों है।
useState प्रकार का रिएक्ट हुक क्या है और इसे कैसे उपयोग करें।
कॉम्पोनेंट के JSX में बूलियन शर्तों का निर्माण करना।
स्मार्ट React कॉम्पोनेंट्स बनाने के लिए इवेंट सृजन और स्टेट स्टोरेज को जोड़ना।
onChange इवेंट का उपयोग करना:
पेज में इनपुट कैसे जोड़ें और useState का उपयोग करके इनपुट मानों को संग्रहीत करना।
उपयोगकर्ता-इनपुट डेटा के साथ एक गतिशील सूची बनाना।
ऐरेज़ की गहराई से व्याख्या और मूल्य और संदर्भ के बीच का अंतर।
कौम्पोनॅन्ट की स्टेट पर संग्रहीत ऐरेज़ के साथ काम करने की समझ।
उन्नत विषय और API उपयोग
इवेंट्स के साथ एक डायनामिक टेबल बनाना:
यह समझना कि अब तक सीखी गई हर चीज को कैसे एकीकृत करके डायनामिकली एक टेबल बनाया जाए।
इनपुट्स की एक संख्या को स्टोर करने के लिए useState का उपयोग करना।
ऑब्जेक्ट्स की एक ऐरे के साथ कॉम्प्लेक्स स्टेट का उपयोग करने का उदाहरण।
useEffect Hook का उपयोग करना:
useEffect प्रकार का react hook क्या है और इसे कैसे और कब उपयोग करना है।
fetch का उपयोग करके सर्वर संचार करना।
अनावश्यक त्रुटियों से बचने के लिए हमारे कोड को सुरक्षित करने के तरीके दिखाना।
useState और useEffect हुक्स दोनों को संयोजित करने वाला एक स्मार्ट कॉम्पोनेन्ट बनाना।
Server-Side Search में useEffect का प्रयोग करने का उदाहरण:
useEffect के अतिरिक्त प्रयोगों की खोज करना।
कैसे component's lifecycle हमारे कोड कार्यान्वयन को प्रभावित करता है, इसकी समझ।
useEffect का प्रयोग करते हुए एक जटिल उदाहरण प्रस्तुत करना।
अतिरिक्त इनपुट्स का प्रयोग:
चेकबॉक्स इनपुट क्या है और इसे कैसे इस्तेमाल करें।
रेडियो इनपुट क्या है और इसे कैसे इस्तेमाल करें।
डेटटाइम और डेटटाइम-लोकल इनपुट्स क्या हैं और इन्हें कब इस्तेमाल करना चाहिए।
API के साथ तालिका बनाना और परिणाम फ़िल्टरिंग:
तालिका के बारे में डेटा फेच करने के लिए API अनुरोध करना।
तालिका को गतिशील रूप से बनाना।
स्मार्ट परिणाम फ़िल्टरिंग के माध्यम से खोज करने का तरीका सीखना।
कोड आर्किटेक्चर पर चर्चा करना।
उन्नत विषय और कोड आर्किटेक्चर
उन्नत फ़िल्टर्स का उपयोग करना:
उड़ानों के बारे में जानकारी प्रदर्शित करने वाली एक तालिका बनाना।
एक स्मार्ट रो कॉम्पोनेंट के साथ तालिका के उपयोग का विस्तार करना।
टेबल के लिए फ़िल्टर्स बनाने के लिए इनपुट्स का उपयोग करना, चेकबॉक्स, datetime, और टेक्स्ट इनपुट्स का उपयोग करते हुए।
एडवांस्ड स्टाइलिंग के लिए Bulma लाइब्रेरी:
पहले से तैयार स्टाइल्स को एम्बेड करना सीखना।
React प्रोजेक्ट्स में रंग और स्टाइल्स जोड़ने के लिए bulma पैकेज का उपयोग करना।
मौजूदा कौम्पोनॅन्ट में स्टाइल्स को एम्बेड करना और हम जिस लाइब्रेरी का उपयोग करेंगे उसके डॉक्यूमेंटेशन से गुजरना।
JavaScript में सॉर्टिंग:
मौजूदा टेबल कौम्पोनॅन्ट में सुधार करना और उसमें सॉर्टिंग क्षमताओं को जोड़ना।
संख्याओं, स्ट्रिंग्स, और ऑब्जेक्ट्स के साथ ऐरेज पर काम करने वाले सॉर्ट्स की गहन समझ।
जब हमारा फील्ड सीधी तुलना नहीं होता तब विशेष सॉर्टिंग से निपटने का तरीका देखना।
घटकों के बीच संचार चैनल:
यह सीखना कि एक चाइल्ड कॉम्पोनेंट कैसे एक पैरेंट कॉम्पोनेंट के साथ संवाद कर सकता है।
कई कॉम्पोनेंट पर बुलमा स्टाइलिंग लागू करना।
एक बहुमुखी कॉम्पोनेंट बनाना जो हमें एप्लिकेशन में टैब्स एम्बेड करने की अनुमति देता है।
प्रॉप्स के फंक्शन प्रकार का उपयोग करने के उदाहरण देखना।
निष्कर्ष