प्रतिक्रिया सीखने और वेब ऐप्स बनाने के लिए 7 सर्वश्रेष्ठ मुफ्त ट्यूटोरियल

विज्ञापन

अभी, रिएक्ट न केवल अपनी लोकप्रियता की ऊंचाई पर है, बल्कि इसकी लोकप्रियता भी तेज हो रही है। जहां तक जावास्क्रिप्ट वेब विकास का संबंध है प्रोग्रामिंग बनाम। वेब विकास: क्या अंतर है?आप सोच सकते हैं कि एप्लिकेशन प्रोग्रामर और वेब डेवलपर एक ही काम करते हैं, लेकिन यह सच्चाई से बहुत दूर है। यहाँ प्रोग्रामर और वेब डेवलपर्स के बीच महत्वपूर्ण अंतर हैं। अधिक पढ़ें , रिएक्ट सीखने के लिए सबसे आसान ढांचे में से एक है और तेजी से और मजबूत विकास के लिए सबसे प्रभावी में से एक है।

इसलिए यदि आपने इसे सीखने का फैसला किया है, तो अपनी पीठ थपथपाएं: आपने एक स्मार्ट विकल्प बनाया है।

एकमात्र समस्या यह है कि अधिकांश सार्थक रिएक्ट पाठ्यक्रम भारी कीमत के साथ आते हैं। उदाहरण के लिए, अत्यधिक प्रशंसित शुरुआती पाठ्यक्रम के लिए प्रतिक्रिया $89 (स्टार्टर संस्करण) और $127 (मास्टर संस्करण) है। नि: शुल्क पाठ्यक्रम शायद ही कभी व्यापक और सहायक होते हैं - लेकिन हमने कई ऐसे पाए हैं जो हैं उत्कृष्ट और आपको दाहिने पैर पर शुरू कर देगा क्या एक अच्छा प्रोग्रामिंग ट्यूटोरियल बनाता है?सभी प्रोग्रामिंग ट्यूटोरियल समान नहीं बनाए जाते हैं। कुछ आपको लाभान्वित करते हैं और अन्य आपका समय बर्बाद करते हैं। यहाँ एक गुणवत्ता प्रोग्रामिंग ट्यूटोरियल में क्या देखना है।

अधिक पढ़ें .

1. रिएक्ट ट्रेनिंग का फंडामेंटल कोर्स

टायलर मैकगिनिस एक प्रसिद्ध रिएक्ट डेवलपर और प्रशिक्षक हैं जो वर्षों से रिएक्ट के बारे में पढ़ा और लिख रहे हैं। वर्तमान में उनके पास रिएक्ट ट्रेनिंग [अब उपलब्ध नहीं] पर चार पाठ्यक्रम उपलब्ध हैं, जिनमें से पहला पूरी तरह से मुफ़्त है और दूसरों के लिए प्रवेश बिंदु के रूप में कार्य करता है।

प्रतिक्रिया बुनियादी बातों 32 वीडियो पाठों में विभाजित किया गया है जो शिक्षा के पूरे तीन घंटे तक जोड़ते हैं। आप एक बुनियादी रिएक्ट ऐप को चलाने और चलाने के लिए आवश्यक सब कुछ सीखेंगे (यानी रिएक्ट इकोसिस्टम, एनपीएम, बैबेल, और वेबपैक), मूल अवधारणाएं और जीवनचक्र जो रिएक्ट ऐप्स को चलाते हैं, घटकों को ठीक से कैसे लिखें, और डेटा कैसे पास करें चारों ओर।

यह घना है। यह जानकारीपूर्ण है। यह एकदम सही परिचय है, और यह तथ्य कि मैकगिनिस इसे मुफ्त में पेश करता है, बहुत बढ़िया है। रिएक्ट सीखते समय यह आपका पहला पड़ाव होना चाहिए।

वेबसाइट — रिएक्ट फंडामेंटल्स कोर्स [अब उपलब्ध नहीं है]

2. प्रतिक्रिया के साथ हैकिंग

प्रतिक्रिया के साथ हैकिंग एक ईबुक है जो पूरी तरह से मुफ्त है, अगर आप केवल वेब संस्करण पढ़ते हैं तो कवर टू कवर। यदि आप इसे अपने साथ ले जाना चाहते हैं और ऑफ़लाइन सीखना चाहते हैं तो आप $ 10 के लिए एक डाउनलोड करने योग्य पीडीएफ, ईपीयूबी, या एमओबीआई संस्करण प्राप्त कर सकते हैं। किसी भी तरह से, यह शुरुआत करने वालों के लिए एक शानदार संसाधन है जो वीडियो पसंद नहीं करते हैं।

यह बहुत शुरुआत में शुरू होता है, JSX और घटकों और प्रॉप्स जैसी बुनियादी अवधारणाओं की व्याख्या करता है, और राज्यों, रूटिंग, परीक्षण, लाइनिंग, और जैसे मध्यवर्ती विषयों में स्नातक होने के दौरान आपका हाथ पकड़ता है अधिक। यह ES6 में लिखा गया है, समाप्त होना शुरू होता है और आप रास्ते में सर्वोत्तम अभ्यास सीखेंगे, जिसमें बैबेल, वेबपैक और ईएसलिंट शामिल हैं।

क्या यह आपको एक प्रतिक्रिया विशेषज्ञ बना देगा? नहीं, लेकिन यह मर्जी आपको आत्मविश्वास महसूस करने और सीखते रहने के लिए पर्याप्त आराम मिलता है। बहुत कम से कम, आपको यह तय करने के लिए पर्याप्त प्रतिक्रिया से अधिक पता चल जाएगा कि कहीं और उन्नत प्रीमियम पाठ्यक्रम पर पैसा खर्च करना है या नहीं।

वेबसाइट — प्रतिक्रिया के साथ हैकिंग

3. आधिकारिक प्रतिक्रिया ट्यूटोरियल

आपको लगता है कि रिएक्ट सीखने के लिए आधिकारिक ट्यूटोरियल पहला स्थान होना चाहिए, लेकिन मैं व्यक्तिगत रूप से इसे पूर्ण नौसिखिया के लिए थोड़ा बहुत तेज़ पाया - इसने अधिकांश की तुलना में बहुत अधिक ज्ञान ग्रहण किया नौसिखिया हैं। यदि आपके पास किसी अन्य जावास्क्रिप्ट वेब ढांचे के साथ पिछला अनुभव है तो यह सही है।

कहा जा रहा है, आधिकारिक प्रतिक्रिया ट्यूटोरियल एक बार जब आप रिएक्ट की मुख्य अवधारणाओं को सीख लेते हैं और उन्हें व्यवहार में लाने के लिए संघर्ष कर रहे होते हैं तो यह शानदार होता है। यह आपको एक टिक-टैक-टो वेब ऐप के निर्माण में ले जाता है, जिसमें घटकों, प्रॉप्स और स्थिति से अधिक कुछ नहीं होता है। यह अमूर्त सिद्धांत और व्यावहारिक अनुप्रयोग के बीच की खाई को पाटता है।

मैं इसकी जाँच करने की भी सलाह देता हूँ आधिकारिक प्रतिक्रिया दस्तावेज, जो रिएक्ट के हर बिट को आश्चर्यजनक रूप से विस्तार से बताता है। विशेष रूप से, प्रतिक्रिया में सोच पेज रिएक्ट को चलाने वाले मुहावरों को समझने पर एक मिनी-ट्यूटोरियल की तरह है। जब आप सीखते हैं और अपने स्वयं के ऐप बनाते हैं, तो बार-बार रिएक्ट डॉक्यूमेंटेशन को देखने से न डरें।

वेबसाइट — आधिकारिक प्रतिक्रिया ट्यूटोरियल तथा प्रतिक्रिया में सोच

4. एगहेड का रिएक्ट फंडामेंटल्स कोर्स

अंडमुख विभिन्न वेब विकास विषयों पर दर्जनों पाठ्यक्रम (सैकड़ों पाठ) प्रदान करता है: जावास्क्रिप्ट, एंगुलर, रिएक्ट, आरएक्सजेएस, नोड, टाइपस्क्रिप्ट, आदि। रिएक्ट साइट पर तीसरा सबसे बड़ा विषय है, और हालांकि अधिकांश पाठ्यक्रम प्रीमियम उपयोगकर्ताओं के लिए हैं, पांच मुफ्त में उपलब्ध हैं:

• वेब एप्लिकेशन बनाने के लिए रिएक्ट का उपयोग करना शुरू करें
• रिएक्ट राउटर v4 का उपयोग करके रिएक्ट ऐप्स में रूटिंग जोड़ें
• Redux के साथ शुरुआत करना
• मुहावरेदार Redux के साथ प्रतिक्रिया अनुप्रयोगों का निर्माण
• MobX के साथ रिएक्ट ऐप्स में जटिल स्थिति प्रबंधित करें

पहले दो सबसे महत्वपूर्ण हैं, लेकिन आप शायद उन सभी को किसी बिंदु पर लेना चाहेंगे (बेहतर रूप से सूचीबद्ध क्रम में)। पाठ्यक्रम मानते हैं कि आप पहले से ही जावास्क्रिप्ट जानते हैं, इसलिए एगहेड के जावास्क्रिप्ट पाठ्यक्रम देखें यदि आप अभी तक भाषा के साथ सहज नहीं हैं एक नई प्रोग्रामिंग भाषा में महारत हासिल करने के लिए 7 उपयोगी ट्रिक्सजब आप कोड करना सीख रहे हों तो अभिभूत होना ठीक है। आप शायद चीजों को सीखते ही जल्दी भूल जाएंगे। ये युक्तियां आपको उस सभी नई जानकारी को बेहतर ढंग से बनाए रखने में मदद कर सकती हैं। अधिक पढ़ें .

ध्यान दें कि प्रीमियम पाठ्यक्रम भी बहुत अच्छे हैं, और वे जांच के लायक हैं कि क्या आप प्रो सदस्यता का खर्च उठा सकते हैं: $ 40 प्रति माह या $ 200 प्रति वर्ष।

वेबसाइट — एगहेड का रिएक्ट फंडामेंटल्स कोर्स

5. जानें प्रतिक्रिया और केबिन के साथ Redux

हालांकि Redux कोर रिएक्ट फ्रेमवर्क का हिस्सा नहीं है, वे अक्सर एक साथ उपयोग किए जाते हैं कि आपको वास्तव में इसे सीखना चाहिए। और यहां तक ​​कि अगर आप अंततः Redux से दूर चले जाते हैं, तो आप अवधारणाओं को अपने साथ ले जा सकते हैं और उन्हें लागू कर सकते हैं जो आप इसके स्थान पर उपयोग कर रहे हैं।

केबिन एक 10-भाग वाली ट्यूटोरियल श्रृंखला है जो आपको सिखाएगी कि स्क्रैच से एक सरलीकृत सोशल नेटवर्क ऐप कैसे बनाया जाए: नोड/रिएक्ट/वेबपैक स्थापित करना, समझना रिएक्ट कैसे काम करता है, Redux को शामिल करना, फीड और नोटिफिकेशन जैसी सोशल नेटवर्क सुविधाओं से निपटना, इमेज और फिल्टर जैसे इंस्टाग्राम को प्रोसेस करना, और अधिक।

अंतिम भाग "सर्वोत्तम प्रथाओं" का एक सिंहावलोकन है जो न केवल आपको रिएक्ट / रेडक्स का उपयोग और व्यवस्थित करने का सबसे प्रभावी तरीका सिखाता है, लेकिन सामान्य गलतियों से भी बचना चाहिए, स्केलेबल ऐप कैसे डिज़ाइन करें, और अपने विकास को आसान बनाने के लिए तृतीय-पक्ष टूल का उपयोग कैसे करें कार्यप्रवाह।

वेबसाइट — जानें प्रतिक्रिया और केबिन के साथ Redux

6. LearnCode अकादमी का रिएक्ट कोर्स

पिछले कुछ सालों में, LearnCode अकादमी में से एक के रूप में खुद को प्रतिष्ठित किया है YouTube पर सर्वश्रेष्ठ प्रोग्रामिंग चैनल 17 सर्वश्रेष्ठ YouTube प्रोग्रामिंग ट्यूटोरियलइस पोस्ट में, हम आपको कुछ बेहतरीन YouTube प्रोग्रामिंग श्रृंखलाओं के बारे में बताना चाहते हैं जो हमें मिली हैं। ये सभी एक नौसिखिया प्रोग्रामर के रूप में आपके पैरों को गीला करने के लिए पर्याप्त हैं। अधिक पढ़ें . यह वेब विकास में विशेषज्ञता रखता है और एचटीएमएल, सीएसएस और जावास्क्रिप्ट से लेकर एंगुलर और रिएक्ट जैसे विशिष्ट ढांचे तक सभी प्रकार के विषयों को शामिल करता है। और यह सब मुफ़्त है।

पाठ्यक्रम को तीन खंडों में विभाजित किया गया है: कोर रिएक्ट अवधारणाओं पर आठ वीडियो, डेटा आर्किटेक्चर के लिए फ्लक्स का उपयोग करने पर छह वीडियो, और राज्य का प्रबंधन करने के लिए रेडक्स का उपयोग करने पर सात वीडियो। यह सब अप-टू-डेट प्रथाओं का उपयोग करके किया जाता है, जिसमें ES6 और वेबपैक शामिल हैं।

ध्यान दें कि यह एक व्यापक पाठ्यक्रम नहीं है, और फ्लक्स और रेडक्स दोनों उन्नत अवधारणाएं हैं जो कोर का हिस्सा नहीं हैं रिएक्ट फ्रेमवर्क, इसलिए हम अनुशंसा करते हैं कि उपरोक्त पाठ्यक्रमों में सीखी गई अवधारणाओं को फिर से देखने और सीमेंट करने के तरीके के रूप में इस पाठ्यक्रम का उपयोग करें।

वेबसाइट — LearnCode अकादमी का रिएक्ट कोर्स

7. प्रतिक्रिया सम्मेलन

कुछ प्रोग्रामर सम्मेलन द्वारा कोड करना पसंद करते हैं - यानी, डिजाइन निर्णयों के एक निश्चित सेट ("सम्मेलन") का पालन करना जटिलता को कम करने और विकास प्रक्रिया को गति देने के लिए परियोजना के लिए परियोजना, विशेष रूप से नए के प्रारंभिक चरण में परियोजनाओं. इस ऑनलाइन ईबुक का उद्देश्य एक प्रकार का सम्मेलन प्रस्तुत करना है जिसका रिएक्ट डेवलपर्स अनुसरण कर सकते हैं।

इससे पहले कि आप इसमें गोता लगाएँ, हालाँकि, आपको पहले से ही ES6 में अच्छी तरह से वाकिफ होना चाहिए, रिएक्ट फ्रेमवर्क के साथ सहज होना चाहिए, और Redux की मूल बातें समझना चाहिए। यह ईबुक नए शौकियों के लिए नहीं है। इसके बजाय, यह उन मध्यवर्ती लोगों के लिए मददगार है जो अभिभूत महसूस करते हैं और सुनिश्चित नहीं हैं कि अपने रिएक्ट / रेडक्स ज्ञान को खरोंच से वेब ऐप में कैसे बदलना है।

ट्यूटोरियल एक स्टार्टर किट प्रोजेक्ट के साथ शुरू होता है और आपको दिखाता है कि इसे कैसे संशोधित किया जाए। भविष्य की परियोजनाओं में इस सम्मेलन का पालन करके, आपको सब कुछ फिर से बनाने में समय बर्बाद करने की आवश्यकता नहीं होगी।

वेबसाइट — प्रतिक्रिया सम्मेलन

तो आपने प्रतिक्रिया सीख ली है: अब क्या?

आपके बेल्ट के तहत इन ट्यूटोरियल के साथ, आपको रिएक्ट के साथ अपने स्वयं के वेब ऐप बनाना शुरू करने के लिए पर्याप्त जानकार होना चाहिए। इस बिंदु पर, जो कुछ बचा है वह अभ्यास, अभ्यास, अभ्यास करना है। और जो विशेष रूप से अच्छा है वह यह है कि आप बाद में कर सकते हैं मोबाइल एप्लिकेशन बनाने के लिए रिएक्ट नेटिव का उपयोग करें Android ऐप बनाने के लिए, आपको ये 7 प्रोग्रामिंग भाषाएँ सीखनी होंगीAndroid ऐप्स बनाने के लिए कौन सी प्रोग्रामिंग भाषा सही है? यह आपके प्रोग्रामिंग इतिहास पर निर्भर करता है और आप किन भाषाओं का उपयोग करने में सबसे अधिक सहज महसूस करते हैं। सौभाग्य से, आपके पास विकल्प हैं। अधिक पढ़ें - लेकिन अपने आप से आगे न बढ़ें। जब तक आप आश्वस्त न हों तब तक वेब ऐप्स के साथ बने रहें।

यह एक कठिन रास्ता होने जा रहा है, इसलिए हम अनुशंसा करते हैं कि हमारे लेख को देखें बिना तनाव के प्रोग्राम करना सीखना बिना किसी तनाव के प्रोग्रामिंग कैसे सीखेंहो सकता है कि आपने प्रोग्रामिंग को आगे बढ़ाने का फैसला किया हो, चाहे करियर के लिए या सिर्फ एक शौक के रूप में। महान! लेकिन हो सकता है कि आप अभिभूत महसूस करने लगे हों। इतना महान नहीं। यहां आपकी यात्रा को आसान बनाने में सहायता दी गई है। अधिक पढ़ें . सिर्फ इसलिए कि आप संघर्ष कर रहे हैं इसका मतलब यह नहीं है आप प्रोग्रामर बनने के लिए तैयार नहीं हैं 6 संकेत जो बताते हैं कि आप प्रोग्रामर बनने के लिए नहीं बने हैंहर कोई प्रोग्रामर बनने के लिए कट आउट नहीं होता है। यदि आप पूरी तरह से सुनिश्चित नहीं हैं कि आप एक प्रोग्रामर बनने के लिए हैं, तो यहां कुछ संकेत दिए गए हैं जो आपको सही दिशा में इंगित कर सकते हैं। अधिक पढ़ें !

अधिक सीखने के लिए, देखें कौरसेरा पर भुगतान करने लायक सर्वोत्तम पाठ्यक्रम मुफ्त ऑनलाइन कंप्यूटर प्रोग्रामिंग कोर्स के लिए 11 सर्वश्रेष्ठ साइटेंइन मुफ्त ऑनलाइन कंप्यूटर प्रोग्रामिंग पाठ्यक्रमों का उपयोग करके, आप कंप्यूटर विज्ञान की डिग्री के बिना एक महान कोडर बन सकते हैं। अधिक पढ़ें .

उम्मीद है कि इन मुफ्त ट्यूटोरियल ने मदद की! यदि आप किसी अन्य मुफ्त रिएक्ट संसाधनों के बारे में जानते हैं जो हमसे छूट गए हैं, तो कृपया हमें नीचे टिप्पणी में बताएं।

छवि क्रेडिट: शटरस्टॉक डॉट कॉम के माध्यम से गुटेकस्क7