8 تعليمي منصوبا

"هڪ ماسٽر ڪوششون ڪرڻ کان وڌيڪ غلطيون ڪندو آهي"

اسان پيش ڪريون ٿا 8 پروجيڪٽ جا اختيار جيڪي ڪري سگھجن ٿا ”مذاق لاءِ“ حقيقي ترقي جو تجربو حاصل ڪرڻ لاءِ.

پروجيڪٽ 1. Trello کلون

Indrek Lasn کان Trello کلون.

توهان ڇا سکندا:

• درخواست جي پروسيسنگ رستن جي تنظيم (روٽنگ).
• ڇڪيو ۽ dropٽو ڪر.
• نوان شيون ڪيئن ٺاھيو (بورڊ، لسٽون، ڪارڊ).
• پروسيسنگ ۽ ان پٽ ڊيٽا چيڪ ڪرڻ.
• ڪلائنٽ جي پاسي کان: مقامي اسٽوريج کي ڪيئن استعمال ڪجي، مقامي اسٽوريج ۾ ڊيٽا ڪيئن محفوظ ڪجي، مقامي اسٽوريج مان ڊيٽا ڪيئن پڙهجي.
• سرور جي پاسي کان: ڊيٽابيس کي ڪيئن استعمال ڪجي، ڊيٽابيس ۾ ڊيٽا ڪيئن محفوظ ڪجي، ڊيٽابيس مان ڊيٽا ڪيئن پڙھجي.

هتي هڪ مخزن جو هڪ مثال آهي, React + Redux ۾ ٺهيل.

پروجيڪٽ 2. انتظامي پينل

Github مخزن.

هڪ سادي CRUD ايپليڪيشن، بنياديات سکڻ لاءِ مثالي. اچو ته سکون:

• استعمال ڪندڙ ٺاھيو، صارفين کي منظم ڪريو.
• ڊيٽابيس سان رابطو ڪريو - ٺاھيو، پڙھو، ايڊٽ ڪريو، صارفين کي ختم ڪريو.
• ان پٽ جي تصديق ڪرڻ ۽ فارم سان ڪم ڪرڻ.

پروجيڪٽ 3. Cryptocurrency tracker (ماڻي موبائل ايپليڪيشن)

Github مخزن.

ڪجھ به: Swift، Objective-C، React Native، Java، Kotlin.

اچو ته مطالعو ڪريون:

• ڪئين مقامي ايپليڪيشنون ڪم ڪن ٿيون.
• API مان ڊيٽا ڪيئن حاصل ڪجي.
• ڪيئن ڏيهي صفحو layouts ڪم.
• موبائل سمائيليٽرز سان ڪيئن ڪم ڪجي.

ڪوشش ڪريو هي API. جيڪڏهن توهان ڪجهه بهتر ڳوليندا آهيو، تبصرن ۾ لکندا.

جيڪڏهن توهان دلچسپي رکو ٿا، اهو هتي آهي هتي هڪ سبق آهي.

پروجيڪٽ 4. شروع کان پنهنجو ويب پيڪ ترتيب ترتيب ڏيو

ٽيڪنيڪل طور، هي هڪ ايپليڪيشن ناهي، پر اهو سمجهڻ لاء هڪ تمام ڪارائتو ڪم آهي ته ڪيئن ويب پيڪ اندر کان ڪم ڪري ٿو. هاڻي اهو ”ڪارو باڪس“ نه هوندو، پر هڪ سمجھڻ وارو اوزار هوندو.

گهربل

• گڏ ڪريو es7 کان es5 (بنيادي).
• jsx کي js سان گڏ ڪريو - يا - .vue کان .js (توهان کي لوڊ ڪندڙ سکڻو پوندو)
• سيٽ اپ ڪريو ويب پيڪ ڊيو سرور ۽ گرم ماڊل ٻيهر لوڊ ڪرڻ. (vue-cli ۽ Create-react-app ٻنهي جو استعمال)
• Heroku، now.sh يا Github استعمال ڪريو، سکو ته ڪيئن ويب پيڪ پروجيڪٽ کي ترتيب ڏيڻ.
• سي ايس ايس - ايس ايس ايس، گھٽ، اسٽائلس کي گڏ ڪرڻ لاء پنھنجي پسنديده پري پروسيسر سيٽ ڪريو.
• سکو ته ڪيئن استعمال ڪجي تصويرون ۽ svgs ويب پيڪ سان.

هي مڪمل شروعات ڪندڙن لاءِ هڪ شاندار وسيلو آهي.

پروجيڪٽ 5. Hackernews کلون

هر Jedi کي پنهنجي هيڪر نيوز ٺاهڻ جي ضرورت آهي.

رستي ۾ توهان ڇا سکندا:

• hackernews API سان ڪيئن لهه وچڙ ۾.
• ھڪڙي صفحي جي ايپليڪيشن ڪيئن ٺاھيو.
• ڪئين خاصيتون لاڳو ڪرڻ جهڙوڪ تبصرا ڏسڻ، انفرادي رايا، پروفائلز.
• درخواست جي پروسيسنگ رستن جي تنظيم (روٽنگ).

پروجيڪٽ 6. Tudushechka

TodoMVC.

سنجيدگي سان؟ Tudushka؟ انهن مان هزارين آهن. پر مون کي يقين ڪر، اتي هن مقبوليت جو هڪ سبب آهي.
Tudu ايپ هڪ بهترين طريقو آهي انهي کي يقيني بڻائڻ لاءِ ته توهان بنيادي ڳالهين کي سمجهي رهيا آهيو. ڪوشش ڪريو ھڪڙي ايپليڪيشن وينلا جاوا اسڪرپٽ ۾ ۽ ھڪڙي پنھنجي پسنديده فريم ورڪ ۾.

سکو:

• نئون ڪم ٺاهيو.
• چيڪ ڪريو ته فيلڊ ڀرجي ويا آهن.
• فلٽر ڪم (مڪمل، فعال، سڀ). استعمال ڪريو filter и reduce.
• جاوا اسڪرپٽ جي بنيادي ڳالهين کي سمجھو.

پروجيڪٽ 7. ترتيب ڏيڻ واري ڊريگ ۽ ڊراپ لسٽ

Github مخزن.

سمجھڻ لاء تمام مددگار ڇڪيو ۽ ڇڏي ڏيو api.

اچو ته سکو:

• ڇڪيو ۽ ڇڏي ڏيو API
• امير UIs ٺاهيو

پروجيڪٽ 8. ميسينجر ڪلون (ملي ايپليڪيشن)

توهان سمجھندا ته ڪيئن ويب ايپليڪيشنون ۽ مقامي ايپليڪيشنون ڪم ڪن ٿيون، جيڪي توهان کي گرين ماس کان ڌار ڪنديون.

اسان ڇا پڙهنداسين:

• ويب ساکٽ (فوري پيغام)
• ڪئين مقامي ايپليڪيشنون ڪم ڪن ٿيون.
• ڪئين ٽيمپليٽ مقامي ايپليڪيشنن ۾ ڪم ڪن ٿا.
• مقامي ايپليڪيشنن ۾ درخواست جي پروسيسنگ رستن کي منظم ڪرڻ.

اهو توهان لاءِ هڪ يا ٻه مهينا ڪافي هوندو.

ترجمو ڪمپني جي سهڪار سان ڪيو ويو EDISON سافٽ ويئرجيڪو پروفيشنل طور تي مصروف آهي PHP ۾ ايپليڪيشنون ۽ ويب سائيٽون ٺاهڻ وڏن گراهڪن لاء، گڏوگڏ جاوا ۾ ڪلائوڊ سروسز ۽ موبائل ايپليڪيشنن جي ترقي.

جو ذريعو: www.habr.com