8 शैक्षिक परियोजनाएँ

"एक नौसिखिया प्रयास करने की तुलना में एक मास्टर अधिक गलतियाँ करता है"

हम 8 परियोजना विकल्प प्रदान करते हैं जिन्हें आप वास्तविक विकास अनुभव प्राप्त करने के लिए "मनोरंजन के लिए" कर सकते हैं।

प्रोजेक्ट 1. ट्रेलो क्लोन

इंद्रेक लासन से ट्रेलो क्लोन।

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

• अनुरोध प्रसंस्करण मार्गों (रूटिंग) का संगठन।
• खींचें और छोड़ें।
• नई वस्तुएं (बोर्ड, सूचियां, कार्ड) कैसे बनाएं।
• इनपुट डेटा का प्रसंस्करण और जाँच करना।
• क्लाइंट की ओर से: स्थानीय स्टोरेज का उपयोग कैसे करें, डेटा को स्थानीय स्टोरेज में कैसे सहेजें, स्थानीय स्टोरेज से डेटा कैसे पढ़ें।
• सर्वर साइड से: डेटाबेस का उपयोग कैसे करें, डेटाबेस में डेटा कैसे सेव करें, डेटाबेस से डेटा कैसे पढ़ें।

यहां एक रिपोजिटरी का उदाहरण दिया गया है, रिएक्ट+रेडक्स में बनाया गया।

प्रोजेक्ट 2. व्यवस्थापक पैनल

जीथब रिपॉजिटरी।

एक सरल CRUD एप्लिकेशन, बुनियादी बातें सीखने के लिए आदर्श। आओ सीखें:

• उपयोगकर्ता बनाएँ, उपयोगकर्ता प्रबंधित करें।
• डेटाबेस के साथ इंटरैक्ट करें - उपयोगकर्ता बनाएं, पढ़ें, संपादित करें, हटाएं।
• इनपुट का सत्यापन करना और प्रपत्रों के साथ कार्य करना।

प्रोजेक्ट 3. क्रिप्टोकरेंसी ट्रैकर (देशी मोबाइल एप्लिकेशन)

जीथब भंडार।

कुछ भी: स्विफ्ट, ऑब्जेक्टिव-सी, रिएक्ट नेटिव, जावा, कोटलिन।

चलो पढ़ते हैं:

• देशी एप्लिकेशन कैसे काम करते हैं.
• एपीआई से डेटा कैसे पुनर्प्राप्त करें।
• नेटिव पेज लेआउट कैसे काम करते हैं.
• मोबाइल सिमुलेटर के साथ कैसे काम करें.

इस एपीआई को आज़माएं. यदि आपको कुछ बेहतर लगे तो टिप्पणियों में लिखें।

यदि आप रुचि रखते हैं, तो यह यहाँ है यहाँ एक ट्यूटोरियल है.

प्रोजेक्ट 4. शुरू से ही अपना खुद का वेबपैक कॉन्फिगरेशन सेट करें

तकनीकी रूप से, यह कोई एप्लिकेशन नहीं है, लेकिन यह समझना बहुत उपयोगी कार्य है कि वेबपैक अंदर से कैसे काम करता है। अब यह कोई "ब्लैक बॉक्स" नहीं, बल्कि एक समझने योग्य उपकरण होगा।

आवश्यकताएँ:

• es7 को es5 (मूल बातें) में संकलित करें।
• jsx को js - या - .vue से .js तक संकलित करें (आपको लोडर सीखना होगा)
• वेबपैक देव सर्वर और हॉट मॉड्यूल रीलोडिंग सेट करें। (vue-cli और create-react-app दोनों का उपयोग करें)
• हेरोकू, now.sh या Github का उपयोग करें, जानें कि वेबपैक प्रोजेक्ट कैसे तैनात करें।
• सीएसएस - एससीएसएस, लेस, स्टाइलस संकलित करने के लिए अपना पसंदीदा प्रीप्रोसेसर सेट करें।
• वेबपैक के साथ छवियों और एसवीजीएस का उपयोग करना सीखें।

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

प्रोजेक्ट 5. हैकरन्यूज़ क्लोन

प्रत्येक जेडी को अपना स्वयं का हैकरन्यूज़ बनाना आवश्यक है।

आप रास्ते में क्या सीखेंगे:

• हैकरन्यूज एपीआई के साथ कैसे इंटरैक्ट करें।
• सिंगल पेज एप्लिकेशन कैसे बनाएं।
• टिप्पणियाँ, व्यक्तिगत टिप्पणियाँ, प्रोफ़ाइल देखने जैसी सुविधाओं को कैसे कार्यान्वित करें।
• अनुरोध प्रसंस्करण मार्गों (रूटिंग) का संगठन।

प्रोजेक्ट 6. टुडुशेक्का

टोडोएमवीसी।

गंभीरता से? तुदुष्का? उनमें से हजारों हैं. लेकिन यकीन मानिए, इस लोकप्रियता का एक कारण है।
टुडु ऐप यह सुनिश्चित करने का एक शानदार तरीका है कि आप बुनियादी बातें समझते हैं। एक एप्लिकेशन वेनिला जावास्क्रिप्ट में और एक अपने पसंदीदा फ्रेमवर्क में लिखने का प्रयास करें।

सीखना:

• नए कार्य बनाएं.
• जाँचें कि फ़ील्ड भरे हुए हैं।
• फ़िल्टर कार्य (पूर्ण, सक्रिय, सभी)। उपयोग filter и reduce.
• जावास्क्रिप्ट की मूल बातें समझें।

प्रोजेक्ट 7. क्रमबद्ध ड्रैग और ड्रॉप सूची

जीथब भंडार।

समझने में बहुत मददगार एपीआई को खींचें और छोड़ें.

आओ सीखें:

• एपीआई खींचें और छोड़ें
• समृद्ध यूआई बनाएं

प्रोजेक्ट 8. मैसेंजर क्लोन (मूल एप्लिकेशन)

आप समझेंगे कि वेब एप्लिकेशन और मूल एप्लिकेशन दोनों कैसे काम करते हैं, जो आपको ग्रे मास से अलग करेगा।

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

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

यह आपके लिए एक या दो महीने के लिए काफी होगा।

कंपनी के सहयोग से अनुवाद किया गया एडिसन सॉफ्टवेयरजो पेशेवर रूप से जुड़ा हुआ है PHP में एप्लिकेशन और वेबसाइट विकसित करना बड़े ग्राहकों के लिए, साथ ही जावा में क्लाउड सेवाओं और मोबाइल एप्लिकेशन का विकास.

स्रोत: www.habr.com