۸ تعلیمي پروژې

"یو ماسټر د پیل کونکي هڅې په پرتله ډیرې غلطۍ کوي"

موږ د 8 پروژې اختیارونه وړاندیز کوو چې د ریښتیني پراختیا تجربې ترلاسه کولو لپاره "د ساتیرۍ لپاره" ترسره کیدی شي.

پروژه 1. Trello کلون

د انډریک لاسن څخه ټریللو کلون.

تاسو به څه زده کړئ:

• د غوښتنې پروسس کولو لارو تنظیم کول (روټینګ).
• ډریګ او پریږدئ.
• څنګه نوي توکي جوړ کړئ (بورډونه، لیستونه، کارتونه).
• د ان پټ ډاټا پروسس او چک کول.
• د پیرودونکي اړخ څخه: د ځایی ذخیره کولو څرنګوالی، څنګه ځایی ذخیره کې ډاټا خوندي کول، څنګه د ځایی ذخیره کولو څخه ډاټا لوستل.
• د سرور اړخ څخه: د ډیټابیس کارولو څرنګوالی، څنګه په ډیټابیس کې ډاټا خوندي کول، څنګه د ډیټابیس څخه ډاټا لوستل.

دلته د ذخیره کولو یوه بیلګه دهپه React+Redux کې جوړ شوی.

پروژه 2. اډمین پینل

د ګیتوب ذخیره.

یو ساده CRUD غوښتنلیک، د اساساتو زده کړې لپاره مثالی. راځئ چې زده کړو:

• کاروونکي جوړ کړئ، کاروونکي اداره کړئ.
• د ډیټابیس سره اړیکه ونیسئ - کاروونکي رامینځته کړئ ، ولولئ ، ایډیټ کړئ ، حذف کړئ.
• د ننوتلو تصدیق کول او د فورمو سره کار کول.

پروژه 3. د کریپټو کرنسی تعقیبونکی (ملی ګرځنده غوښتنلیک)

د ګیتوب ذخیره.

هر څه: ګړندۍ، هدف-C، اصلي غبرګون، جاوا، کوټلین.

راځئ چې مطالعه وکړو:

• اصلي غوښتنلیکونه څنګه کار کوي.
• د API څخه ډاټا بیرته ترلاسه کولو څرنګوالی.
• د اصلي پاڼې ترتیب څنګه کار کوي.
• د ګرځنده سمیلیټرونو سره څنګه کار کول.

دا API هڅه وکړئ. که تاسو یو څه ښه ومومئ، په نظرونو کې ولیکئ.

که تاسو لیوالتیا لرئ، دا دلته دی دلته یو درس دی.

پروژه 4. له پیل څخه خپل ویب پیک ترتیب تنظیم کړئ

په تخنیکي توګه، دا یو اپلیکیشن نه دی، مګر دا یو خورا ګټور کار دی چې پوه شي چې څنګه ویب پیک له دننه څخه کار کوي. اوس دا به "تور بکس" نه وي، مګر د پوهیدو وړ وسیله وي.

اړتیاوې:

• د es7 څخه es5 ته (اساسونه) تالیف کړئ.
• jsx ته js - یا - .vue to .js (تاسو باید لوډر زده کړئ)
• د ویب پیک دیو سرور او د ګرم ماډل ریلوډ کول تنظیم کړئ. (vue-cli او Create-react-app دواړه کاروي)
• Heroku، now.sh یا Github وکاروئ، د ویب پیک پروژې پلي کولو څرنګوالی زده کړئ.
• خپل د خوښې پری پروسیسر ترتیب کړئ ترڅو د سی ایس ایس - ایس ایس ایس، کم، سټایلس تالیف کړئ.
• د ویبپیک سره د عکسونو او svgs کارولو څرنګوالي زده کړئ.

دا د بشپړ پیل کونکو لپاره په زړه پوری سرچینه ده.

پروژه 5. هیکر نیوز کلون

هر Jedi اړ دی چې خپل هیکر نیوز جوړ کړي.

تاسو به په لاره کې څه زده کړئ:

• د هیکر نیوز API سره څنګه اړیکه ونیسئ.
• د یو واحد پاڼې غوښتنلیک څنګه جوړ کړئ.
• د ځانګړتیاوو پلي کولو څرنګوالی لکه د نظرونو لیدل، انفرادي نظرونه، پروفایلونه.
• د غوښتنې پروسس کولو لارو تنظیم کول (روټینګ).

پروژه 6. Tudushechka

TodoMVC.

په جدي توګه؟ تودوشکا؟ د دوی په زرګونو شتون لري. مګر زما باور وکړئ، د دې شهرت لپاره یو دلیل شتون لري.
د Tudu ایپ د دې ډاډ ترلاسه کولو لپاره عالي لاره ده چې تاسو په اساساتو پوهیږئ. هڅه وکړئ یو غوښتنلیک په وینیلا جاواسکریپټ کې ولیکئ او یو ستاسو د خوښې چوکاټ کې.

زده کړه:

• نوې دندې رامنځته کړئ.
• وګورئ چې ساحې ډکې شوې دي.
• د فلټر دندې (بشپړ شوي، فعال، ټول). کارول filter и reduce.
• د جاواسکریپټ اساساتو پوه شئ.

پروژه 7. د ترتیب کولو وړ ډریګ او ډراپ لیست

د ګیتوب ذخیره.

د پوهیدو لپاره خورا ګټور api ډریګ او ډراپ کړئ.

راځئ چې زده کړو:

• API ډریګ او ډراپ کړئ
• بډایه UIs جوړ کړئ

پروژه 8. میسنجر کلون (اصلي غوښتنلیک)

تاسو به پوه شئ چې دواړه ویب غوښتنلیکونه او اصلي غوښتنلیکونه څنګه کار کوي، کوم چې به تاسو د خړ ډله ایز څخه جلا کړي.

هغه څه چې موږ به یې مطالعه کړو:

• ویب ساکټونه (عاجل پیغامونه)
• اصلي غوښتنلیکونه څنګه کار کوي.
• ټیمپلیټونه څنګه په اصلي غوښتنلیکونو کې کار کوي.
• په اصلي غوښتنلیکونو کې د غوښتنې پروسس کولو لارې تنظیم کول.

دا به ستاسو لپاره د یوې یا دوه میاشتو لپاره کافي وي.

ژباړه د شرکت په ملاتړ ترسره شوه EDISON سافټویرڅوک چې په مسلکي توګه بوخت وي په PHP کې د غوښتنلیکونو او ویب پاڼو پراختیا د لوی پیرودونکو لپاره، او همدارنګه په جاوا کې د کلاوډ خدماتو او ګرځنده غوښتنلیکونو پراختیا.

سرچینه: www.habr.com