8 शैक्षिक परियोजनाहरू

"प्रयत्न गर्नेले भन्दा मालिकले धेरै गल्ती गर्छ"

हामी 8 परियोजना विकल्पहरू प्रस्ताव गर्दछौं जुन तपाईं वास्तविक विकास अनुभव प्राप्त गर्न "रमाइलोको लागि" गर्न सक्नुहुन्छ।

परियोजना १. ट्रेलो क्लोन

Indrek Lasn बाट Trello क्लोन।

तपाईले के सिक्नुहुनेछ:

• अनुरोध प्रशोधन मार्गहरूको संगठन (रूटिङ)।
• तानेर खसाल्नु।
• नयाँ वस्तुहरू (बोर्डहरू, सूचीहरू, कार्डहरू) कसरी सिर्जना गर्ने।
• इनपुट डाटा प्रशोधन र जाँच गर्दै।
• ग्राहक पक्षबाट: स्थानीय भण्डारण कसरी प्रयोग गर्ने, कसरी स्थानीय भण्डारणमा डाटा बचत गर्ने, स्थानीय भण्डारणबाट डाटा कसरी पढ्ने।
• सर्भर साइडबाट: डाटाबेस कसरी प्रयोग गर्ने, डाटाबेसमा डाटा कसरी बचत गर्ने, डाटाबेसबाट डाटा कसरी पढ्ने।

यहाँ एउटा भण्डारको उदाहरण हो, React+Redux मा बनाइएको।

परियोजना २. व्यवस्थापक प्यानल

Github भण्डार।

एक साधारण CRUD अनुप्रयोग, आधारभूत कुराहरू सिक्नको लागि आदर्श। आउनुहोस् जानौं:

• प्रयोगकर्ताहरू सिर्जना गर्नुहोस्, प्रयोगकर्ताहरू व्यवस्थापन गर्नुहोस्।
• डाटाबेससँग अन्तर्क्रिया गर्नुहोस् - प्रयोगकर्ताहरू सिर्जना गर्नुहोस्, पढ्नुहोस्, सम्पादन गर्नुहोस्, मेटाउनुहोस्।
• इनपुट प्रमाणित गर्दै र फारमहरूसँग काम गर्दै।

परियोजना ३. क्रिप्टोकरेन्सी ट्रयाकर (नेटिभ मोबाइल एप)

Github भण्डार।

जे पनि: स्विफ्ट, उद्देश्य-सी, प्रतिक्रिया नेटिभ, जाभा, कोटलिन।

अध्ययन गरौं:

• नेटिभ एप्लिकेसनहरूले कसरी काम गर्छ।
• API बाट डाटा कसरी पुन: प्राप्त गर्ने।
• नेटिभ पृष्ठ लेआउटले कसरी काम गर्छ।
• मोबाइल सिमुलेटरहरूसँग कसरी काम गर्ने।

यो API प्रयास गर्नुहोस्। यदि तपाईंले केहि राम्रो पाउनुभयो भने, टिप्पणीहरूमा लेख्नुहोस्।

यदि तपाइँ इच्छुक हुनुहुन्छ भने, यो यहाँ छ यहाँ एउटा ट्यूटोरियल छ.

परियोजना 4. स्क्र्याचबाट आफ्नै वेबप्याक कन्फिगरेसन सेटअप गर्नुहोस्

प्राविधिक रूपमा, यो एउटा अनुप्रयोग होइन, तर वेबप्याक भित्रबाट कसरी काम गर्छ भनेर बुझ्न यो धेरै उपयोगी कार्य हो। अब यो "ब्ल्याक बक्स" होइन, तर बुझ्न सकिने उपकरण हुनेछ।

आवश्यकताहरू:

• es7 देखि es5 (आधारभूत) कम्पाइल गर्नुहोस्।
• jsx लाई js मा कम्पाइल गर्नुहोस् - वा - .vue to .js (तपाईले लोडरहरू सिक्नु पर्छ)
• वेबप्याक डेभ सर्भर र हट मोड्युल रिलोडिङ सेट अप गर्नुहोस्। (vue-cli र create-react-app दुवै प्रयोग गर्नुहोस्)
• Heroku, now.sh वा Github प्रयोग गर्नुहोस्, वेबप्याक परियोजनाहरू कसरी डिप्लोय गर्ने सिक्नुहोस्।
• css - scss, कम, स्टाइलस कम्पाइल गर्न आफ्नो मनपर्ने प्रिप्रोसेसर सेट अप गर्नुहोस्।
• वेबप्याकको साथ छविहरू र svgs कसरी प्रयोग गर्ने सिक्नुहोस्।

यो पूर्ण शुरुआतीहरूको लागि एक अद्भुत स्रोत हो।

परियोजना 5. Hackernews क्लोन

प्रत्येक Jedi लाई आफ्नै Hackernews बनाउन आवश्यक छ।

तपाईंले बाटोमा के सिक्नुहुनेछ:

• Hackernews API सँग कसरी अन्तरक्रिया गर्ने।
• एकल पृष्ठ अनुप्रयोग कसरी सिर्जना गर्ने।
• टिप्पणीहरू, व्यक्तिगत टिप्पणीहरू, प्रोफाइलहरू हेर्ने जस्ता सुविधाहरू कसरी लागू गर्ने।
• अनुरोध प्रशोधन मार्गहरूको संगठन (रूटिङ)।

परियोजना 6. Tudushechka

TodoMVC।

गम्भीरतापूर्वक? Tudushka? ती हजारौं छन्। तर मलाई विश्वास गर्नुहोस्, यो लोकप्रियताको कारण छ।
तपाईंले आधारभूत कुराहरू बुझ्नुभएको छ भनी सुनिश्चित गर्न Tudu एप एउटा उत्कृष्ट तरिका हो। एउटा अनुप्रयोग भेनिला जाभास्क्रिप्टमा र एउटा आफ्नो मनपर्ने फ्रेमवर्कमा लेख्ने प्रयास गर्नुहोस्।

सिक्नुहोस्:

• नयाँ कार्यहरू सिर्जना गर्नुहोस्।
• जाँच गर्नुहोस् कि फिल्डहरू भरिएका छन्।
• फिल्टर कार्यहरू (सम्पन्न, सक्रिय, सबै)। प्रयोग गर्नुहोस् filter и reduce.
• Javascript को आधारभूत कुराहरू बुझ्नुहोस्।

परियोजना 7. क्रमबद्ध ड्र्याग र ड्रप सूची

Github भण्डार।

बुझ्न धेरै उपयोगी ड्र्याग एण्ड ड्रप एपीआई.

आउनुहोस् जानौं:

• API ड्र्याग र ड्रप गर्नुहोस्
• रिच UI हरू सिर्जना गर्नुहोस्

परियोजना ८. मेसेन्जर क्लोन (नेटिभ एप्लिकेसन)

तपाईले बुझ्नुहुनेछ कि कसरी वेब एप्लिकेसन र नेटिभ एप्लिकेसनले काम गर्छ, जसले तपाईलाई ग्रे मासबाट अलग गर्नेछ।

हामी के अध्ययन गर्नेछौं:

• वेब सकेटहरू (तत्काल सन्देशहरू)
• नेटिभ एप्लिकेसनहरूले कसरी काम गर्छ।
• टेम्प्लेटहरू नेटिभ एपहरूमा कसरी काम गर्छन्।
• नेटिभ अनुप्रयोगहरूमा अनुरोध प्रशोधन मार्गहरू व्यवस्थित गर्दै।

यो तपाईंको लागि एक वा दुई महिनाको लागि पर्याप्त हुनेछ।

अनुवाद कम्पनीको सहयोगमा गरिएको थियो एडिसन सफ्टवेयरजो व्यावसायिक रूपमा संलग्न छन् PHP मा अनुप्रयोगहरू र वेबसाइटहरू विकास गर्दै ठूला ग्राहकहरूको लागि, साथै जाभामा क्लाउड सेवाहरू र मोबाइल अनुप्रयोगहरूको विकास.

स्रोत: www.habr.com