विकासकर्ताका लागि 5 थप साहसी प्रशिक्षण परियोजनाहरू (लेयर, स्कुश, क्याल्कुलेटर, वेबसाइट क्रलर, संगीत प्लेयर)

हामी प्रशिक्षणको लागि परियोजनाहरूको श्रृंखला जारी राख्छौं।

• 9 परियोजनाहरू तपाईंको फ्रन्ट-एन्ड सीपहरू सुधार गर्न
• फ्रन्ट-एन्ड विकासकर्ताका लागि छवटा कार्यहरू
• विकासकर्ताको लागि रमाइलो अभ्यास
• 8 शैक्षिक परियोजनाहरू
• अभ्यास गर्न परियोजनाहरूको अर्को सूची

पत्र

www.reddit.com/r/layer

लेयर एउटा समुदाय हो जहाँ सबैले साझा "बोर्ड" मा पिक्सेल कोर्न सक्छन्। मूल विचार Reddit मा जन्म भएको थियो। r/layer समुदाय साझा रचनात्मकताको लागि एक रूपक हो, कि सबैजना एक सिर्जनाकर्ता हुन सक्छन् र साझा कारणमा योगदान गर्न सक्छन्।

तपाईको आफ्नै लेयर प्रोजेक्ट सिर्जना गर्दा तपाईले के सिक्नुहुनेछ:

• JavaScript क्यानभासले कसरी काम गर्छ क्यानभास कसरी सञ्चालन गर्ने भन्ने कुरा थाहा पाउनु धेरै अनुप्रयोगहरूमा एउटा महत्वपूर्ण सीप हो।
• प्रयोगकर्ता अनुमतिहरू कसरी समन्वय गर्ने। प्रत्येक प्रयोगकर्ताले लगइन नगरी प्रत्येक 15 मिनेटमा एक पिक्सेल कोर्न सक्छ।
• कुकी सत्रहरू सिर्जना गर्नुहोस्।

स्क्वुश

squoosh.app

Squoosh धेरै उन्नत विकल्पहरूको साथ छवि सङ्कुचन अनुप्रयोग हो।

GIF २० एमबी

Squosh को आफ्नै संस्करण सिर्जना गरेर तपाईंले सिक्नुहुनेछ:

• छवि आकार संग कसरी काम गर्ने
• Drag'n'Drop API को आधारभूत कुराहरू जान्नुहोस्
• API र घटना श्रोताहरूले कसरी काम गर्छन् भनेर बुझ्नुहोस्
• फाइलहरू कसरी अपलोड र निर्यात गर्ने

नोट: छवि कम्प्रेसर स्थानीय छ। सर्भरमा थप डाटा पठाउन आवश्यक छैन। तपाईं घरमा कम्प्रेसर हुन सक्नुहुन्छ, वा तपाईं यसलाई सर्भरमा प्रयोग गर्न सक्नुहुन्छ, तपाईंको छनौट।

क्यालकुलेटर

आउनुहोस्? गम्भीरतापूर्वक? क्याल्कुलेटर? हो, ठ्याक्कै, एक क्याल्कुलेटर। गणित सञ्चालनका आधारभूत कुराहरू बुझ्न र तिनीहरूले कसरी सँगै काम गर्छन् तपाइँको अनुप्रयोगहरू सरल बनाउनको लागि एक महत्वपूर्ण सीप हो। ढिलो वा चाँडो तपाईले संख्याहरूसँग व्यवहार गर्नुपर्नेछ र चाँडो राम्रो।

jarodburchill.github.io/CalculatorReactApp

तपाईंको आफ्नै क्यालकुलेटर सिर्जना गरेर तपाईंले सिक्नुहुनेछ:

• संख्या र गणित सञ्चालन संग काम गर्नुहोस्
• घटना श्रोता API संग अभ्यास
• तत्वहरू कसरी व्यवस्थित गर्ने, शैलीहरू बुझ्नुहोस्

क्रलर (खोज इन्जिन)

सबैले खोज इन्जिन प्रयोग गरेका छन्, त्यसोभए किन आफ्नै सिर्जना नगर्ने? जानकारी खोज्नको लागि क्रलर आवश्यक छ। सबैले तिनीहरूलाई हरेक दिन प्रयोग गर्छन् र यो प्रविधि र विशेषज्ञहरूको माग समयसँगै बढ्नेछ।

गुगल खोज इन्जिन

तपाइँ तपाइँको आफ्नै खोज इन्जिन सिर्जना गरेर के सिक्नुहुनेछ:

• क्रलरहरूले कसरी काम गर्छन्
• कसरी साइटहरू अनुक्रमणिका गर्ने र कसरी मूल्याङ्कन र प्रतिष्ठा द्वारा तिनीहरूलाई क्रमबद्ध गर्ने
• कसरी डाटाबेसमा अनुक्रमित साइटहरू भण्डार गर्ने र डाटाबेससँग कसरी काम गर्ने

संगीत प्लेयर (Spotify, Apple Music)

सबैले संगीत सुन्छन् - यो हाम्रो जीवनको अभिन्न अंग मात्र हो। आधुनिक संगीत स्ट्रिमिङ प्लेटफर्मको आधारभूत मेकानिक्सले कसरी काम गर्छ भन्ने राम्रोसँग बुझ्नको लागि एउटा संगीत प्लेयर सिर्जना गरौं।

Spotify

तपाइँ तपाइँको आफ्नै संगीत स्ट्रिमिङ प्लेटफर्म सिर्जना गरेर के सिक्नुहुनेछ:

• API सँग कसरी काम गर्ने। Spotify वा Apple Music बाट API प्रयोग गर्नुहोस्
• कसरी खेल्ने, पज गर्ने वा अर्को/अघिल्लो ट्र्याकमा रिवाइन्ड गर्ने
• भोल्युम कसरी परिवर्तन गर्ने
• प्रयोगकर्ता मार्ग र ब्राउजर इतिहास कसरी व्यवस्थापन गर्ने

PS

तपाइँ तपाइँको सीपहरू सुधार गर्न तपाइँ आफैले "नक्कल" गर्न कुन परियोजनाहरू सुझाव दिनुहुन्छ?

स्रोत: www.habr.com