8 शैक्षणिक प्रकल्प

“नवशिक्याने प्रयत्न करण्यापेक्षा मास्टर जास्त चुका करतो”

आम्ही 8 प्रकल्प पर्याय ऑफर करतो जे वास्तविक विकास अनुभव मिळविण्यासाठी "मजेसाठी" केले जाऊ शकतात.

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

इंड्रेक लासन कडून ट्रेलो क्लोन.

तुम्ही काय शिकाल:

• विनंती प्रक्रिया मार्गांची संघटना (राउटिंग).
• ड्रॅग आणि ड्रॉप करा.
• नवीन वस्तू (बोर्ड, याद्या, कार्ड) कसे तयार करावे.
• इनपुट डेटावर प्रक्रिया करणे आणि तपासणे.
• क्लायंटच्या बाजूने: स्थानिक स्टोरेज कसे वापरायचे, स्थानिक स्टोरेजमध्ये डेटा कसा सेव्ह करायचा, स्थानिक स्टोरेजमधील डेटा कसा वाचायचा.
• सर्व्हरच्या बाजूने: डेटाबेस कसा वापरायचा, डेटाबेसमध्ये डेटा कसा सेव्ह करायचा, डेटाबेसमधून डेटा कसा वाचायचा.

येथे भांडाराचे उदाहरण आहे, React+Redux मध्ये बनवले आहे.

प्रकल्प 2. प्रशासन पॅनेल

गिथब रेपॉजिटरी.

एक साधा CRUD अनुप्रयोग, मूलभूत गोष्टी शिकण्यासाठी आदर्श. चला जाणून घेऊया:

• वापरकर्ते तयार करा, वापरकर्ते व्यवस्थापित करा.
• डेटाबेसशी संवाद साधा - वापरकर्ते तयार करा, वाचा, संपादित करा, हटवा.
• इनपुट सत्यापित करणे आणि फॉर्मसह कार्य करणे.

प्रोजेक्ट 3. क्रिप्टोकरन्सी ट्रॅकर (नेटिव्ह मोबाईल ऍप्लिकेशन)

Github भांडार.

काहीही: स्विफ्ट, ऑब्जेक्टिव्ह-सी, रिअॅक्ट नेटिव्ह, जावा, कोटलिन.

चला अभ्यास करू:

• मूळ अनुप्रयोग कसे कार्य करतात.
• API मधून डेटा कसा पुनर्प्राप्त करायचा.
• मूळ पृष्ठ लेआउट कसे कार्य करतात.
• मोबाइल सिम्युलेटरसह कसे कार्य करावे.

हे API वापरून पहा. आपल्याला काहीतरी चांगले आढळल्यास, टिप्पण्यांमध्ये लिहा.

तुम्हाला स्वारस्य असल्यास, ते येथे आहे येथे एक ट्यूटोरियल आहे.

प्रोजेक्ट 4. सुरवातीपासून तुमची स्वतःची वेबपॅक कॉन्फिगरेशन सेट करा

तांत्रिकदृष्ट्या, हा अनुप्रयोग नाही, परंतु वेबपॅक आतून कसे कार्य करते हे समजून घेणे हे एक अतिशय उपयुक्त कार्य आहे. आता ते “ब्लॅक बॉक्स” नसून समजण्याजोगे साधन असेल.

आवश्यकता:

• es7 ते es5 (मूलभूत) संकलित करा.
• jsx ते js - किंवा - .vue ते .js संकलित करा (तुम्हाला लोडर शिकावे लागतील)
• वेबपॅक डेव्हल सर्व्हर आणि हॉट मॉड्यूल रीलोडिंग सेट करा. (vue-cli आणि create-react-app दोन्ही वापरतात)
• Heroku, now.sh किंवा Github वापरा, वेबपॅक प्रकल्प कसे उपयोजित करायचे ते शिका.
• css - scss, less, stylus संकलित करण्यासाठी तुमचा आवडता प्रीप्रोसेसर सेट करा.
• वेबपॅकसह प्रतिमा आणि svgs कसे वापरायचे ते शिका.

हे संपूर्ण नवशिक्यांसाठी एक आश्चर्यकारक संसाधन आहे.

प्रकल्प 5. हॅकरन्यूज क्लोन

प्रत्येक जेडीला स्वतःचे हॅकरन्यूज बनवणे आवश्यक आहे.

वाटेत तुम्ही काय शिकाल:

• हॅकरन्यूज API शी संवाद कसा साधावा.
• सिंगल पेज अॅप्लिकेशन कसे तयार करावे.
• टिप्पण्या पाहणे, वैयक्तिक टिप्पण्या, प्रोफाइल यासारख्या वैशिष्ट्यांची अंमलबजावणी कशी करावी.
• विनंती प्रक्रिया मार्गांची संघटना (राउटिंग).

प्रकल्प 6. तुडुशेचका

TodoMVC.

गंभीरपणे? तुडुष्का? त्यापैकी हजारो आहेत. पण माझ्यावर विश्वास ठेवा, या लोकप्रियतेमागे एक कारण आहे.
तुम्हाला मूलभूत गोष्टी समजल्या आहेत याची खात्री करण्यासाठी Tudu अॅप हा एक उत्तम मार्ग आहे. एक ऍप्लिकेशन व्हॅनिला जावास्क्रिप्टमध्ये आणि एक तुमच्या आवडत्या फ्रेमवर्कमध्ये लिहिण्याचा प्रयत्न करा.

शिका:

• नवीन कार्ये तयार करा.
• फील्ड भरले आहेत का ते तपासा.
• फिल्टर कार्ये (पूर्ण, सक्रिय, सर्व). वापरा filter и reduce.
• Javascript च्या मूलभूत गोष्टी समजून घ्या.

प्रकल्प 7. क्रमवारी लावता येण्याजोगी ड्रॅग आणि ड्रॉप सूची

Github भांडार.

समजून घेण्यासाठी खूप उपयुक्त api ड्रॅग आणि ड्रॉप करा.

चला जाणून घेऊया:

• API ड्रॅग आणि ड्रॉप करा
• समृद्ध UI तयार करा

प्रोजेक्ट 8. मेसेंजर क्लोन (नेटिव्ह अॅप्लिकेशन)

वेब अॅप्लिकेशन्स आणि नेटिव्ह अॅप्लिकेशन्स दोन्ही कसे कार्य करतात हे तुम्हाला समजेल, जे तुम्हाला ग्रे मासपासून वेगळे करेल.

आम्ही काय अभ्यास करू:

• वेब सॉकेट्स (झटपट संदेश)
• मूळ अनुप्रयोग कसे कार्य करतात.
• मूळ अनुप्रयोगांमध्ये टेम्पलेट कसे कार्य करतात.
• नेटिव्ह ऍप्लिकेशन्समध्ये विनंती प्रक्रिया मार्ग आयोजित करणे.

हे तुमच्यासाठी एक किंवा दोन महिन्यांसाठी पुरेसे असेल.

कंपनीच्या सहकार्याने भाषांतर करण्यात आले एडिसन सॉफ्टवेअरजो व्यावसायिकरित्या व्यस्त आहे PHP मध्ये अनुप्रयोग आणि वेबसाइट विकसित करणे मोठ्या ग्राहकांसाठी, तसेच जावा मध्ये क्लाउड सेवा आणि मोबाईल ऍप्लिकेशन्सचा विकास.

स्त्रोत: www.habr.com