လေ့လာမှု ပရောဂျက် ၈ ခု

"ဆရာကြီးဟာ အတွေ့အကြုံမရှိသေးတဲ့ သူတွေထက် အမှားတွေပိုများတယ်"

ကျွန်ုပ်တို့သည် စစ်မှန်သောဖွံ့ဖြိုးတိုးတက်မှုအတွေ့အကြုံကိုရရှိရန် "ပျော်စရာအတွက်" လုပ်ဆောင်နိုင်သည့် ပရောဂျက်များအတွက် ရွေးချယ်စရာ 8 ခုကို ပေးထားပါသည်။

ပရောဂျက် 1. Trello ကိုယ်ပွား

Indrek Lasn မှ Trello ကိုပုံတူသည်။

သင်ယူရမယ့်အရာ

• အဖွဲ့အစည်း၏ တောင်းဆိုမှု လမ်းကြောင်းများ (Routing) လုပ်ဆောင်ခြင်း။
• ဆွဲချလိုက်ပါ။
• အရာဝတ္ထုအသစ်များဖန်တီးနည်း (ဘုတ်များ၊ စာရင်းများ၊ ကတ်များ)။
• ထည့်သွင်းခြင်းဒေတာကို လုပ်ဆောင်ခြင်းနှင့် အတည်ပြုခြင်း။
• client ဘက်မှ- local storage ကိုအသုံးပြုနည်း၊ local storage တွင် data သိမ်းဆည်းနည်း၊ local storage မှ data ဖတ်နည်း။
• ဆာဗာဘက်ခြမ်းမှ- ဒေတာဘေ့စ်များကို အသုံးပြုနည်း၊ ဒေတာဘေ့စ်တွင် ဒေတာသိမ်းဆည်းနည်း၊ ဒေတာဘေ့စ်မှ ဒေတာဖတ်နည်း။

ဤတွင် သိုလှောင်မှု နမူနာတစ်ခုဖြစ်သည်။React+Redux ဖြင့် ပြုလုပ်ထားသည်။

ပရောဂျက် 2. စီမံခန့်ခွဲသူ အကန့်

Github Repository

အခြေခံများကိုလေ့လာရန် ရိုးရှင်းသော CRUD အက်ပ်။ လေ့လာကြပါစို့။

• အသုံးပြုသူများကိုဖန်တီးပါ၊ အသုံးပြုသူများကိုစီမံခန့်ခွဲပါ။
• ဒေတာဘေ့စ်နှင့် အပြန်အလှန် ဆက်သွယ်ပါ - အသုံးပြုသူများကို ဖန်တီး၊ ဖတ်ပါ၊ တည်းဖြတ်ပါ၊ ဖျက်ပါ။
• ထည့်သွင်းအတည်ပြုပြီး ပုံစံများဖြင့် လုပ်ဆောင်ပါ။

ပရောဂျက် ၃။ Cryptocurrency ခြေရာခံကိရိယာ (ဇာတိမိုဘိုင်းအက်ပ်)

Github သိုလှောင်မှု

မည်သည့်အရာမဆို- Swift၊ Objective-C၊ React Native၊ Java၊ Kotlin။

လေ့လာကြည့်ရအောင်။

• မူရင်းအက်ပ်များ အလုပ်လုပ်ပုံ။
• API မှဒေတာကိုဘယ်လိုရယူမလဲ။
• မူရင်းစာမျက်နှာ အပြင်အဆင်များ မည်သို့အလုပ်လုပ်သနည်း။
• မိုဘိုင်း Simulator များနှင့်မည်သို့လုပ်ဆောင်ရမည်နည်း။

ဒီ API ကိုစမ်းကြည့်ပါ။. ပိုကောင်းရှာပါ - မှတ်ချက်များတွင်ရေးပါ။

စိတ်ဝင်စားရင် ဒီမှာ ဒီမှာ သင်ခန်းစာတစ်ခုပါ။.

ပရောဂျက် 4- သင့်ကိုယ်ပိုင် webpack config ကို အစမှ စိတ်ကြိုက်ပြင်ဆင်ပါ။

နည်းပညာအရ၊ ၎င်းသည် အက်ပလီကေးရှင်းတစ်ခုမဟုတ်သော်လည်း webpack မည်သို့အလုပ်လုပ်သည်ကို နားလည်ရန် အလွန်အသုံးဝင်သောအလုပ်ဖြစ်သည်။ ယခု၎င်းသည် "အနက်ရောင်သေတ္တာ" မဟုတ်သော်လည်းနားလည်နိုင်သောကိရိယာတစ်ခုဖြစ်သည်။

လိုအပ်ချက်များကို:

• es7 မှ es5 (အခြေခံ) ကို စုစည်းပါ။
• jsx သို့ js - သို့မဟုတ် - .vue to .js (သင် loaders များကို လေ့လာရပါမည်)
• webpack dev server နှင့် hot module ပြန်လည်စတင်ခြင်းကို စနစ်ထည့်သွင်းပါ။ (vue-cli နှင့် create-react-app နှစ်မျိုးလုံးကို သုံးပါ)
• Heroku၊ now.sh သို့မဟုတ် Github ကိုသုံး၍ ဝဘ်ပက်ခ်ပရောဂျက်များကို အသုံးချနည်းကို လေ့လာပါ။
• css - scss၊ နည်းသော၊ stylus တို့ကို စုစည်းရန် သင့်စိတ်ကြိုက် ပရိုဆက်ဆာကို စနစ်ထည့်သွင်းပါ။
• ပုံများနှင့် svgs ကို webpack ဖြင့် မည်သို့အသုံးပြုရမည်ကို လေ့လာပါ။

ဤသည်မှာ ပြီးပြည့်စုံသော စတင်သူများအတွက် အလွန်ကောင်းမွန်သော အရင်းအမြစ်တစ်ခုဖြစ်သည်။

ပရောဂျက် 5. Hackernews ကိုယ်ပွား

Jedi တိုင်းသည် ၎င်းတို့၏ကိုယ်ပိုင် Hackernews ပြုလုပ်ရန် လိုအပ်သည်။

လမ်းတလျှောက် သင်ဘာတွေ သင်ယူရမလဲ။

• hackernews API နဲ့ ဘယ်လို တုံ့ပြန်မလဲ။
• စာမျက်နှာတစ်ခုတည်းအက်ပ်ကိုဖန်တီးနည်း။
• မှတ်ချက်များကြည့်ရှုခြင်း၊ တစ်ဦးချင်း မှတ်ချက်များ၊ ပရိုဖိုင်များကဲ့သို့သော အင်္ဂါရပ်များကို မည်သို့အကောင်အထည်ဖော်မည်နည်း။
• အဖွဲ့အစည်း၏ တောင်းဆိုမှု လမ်းကြောင်းများ (Routing) လုပ်ဆောင်ခြင်း။

စီမံကိန်း 6. Tudushechka

TodoMVC

လေးလေးလား? Tudushka? ထောင်ပေါင်းများစွာ ရှိတယ်။ ဒါပေမယ့် ယုံပါ ၊ ဒီလိုမျိုး လူကြိုက်များရခြင်းရဲ့ အကြောင်းရင်းတစ်ခုရှိပါတယ်။
Tudu အက်ပ်သည် အခြေခံများကို သင်နားလည်ကြောင်း သေချာစေရန် အကောင်းဆုံးနည်းလမ်းတစ်ခုဖြစ်သည်။ vanilla Javascript တွင် အပလီကေးရှင်းတစ်ခုနှင့် သင်နှစ်သက်ရာ framework တွင် တစ်ခုကို ရေးကြည့်ပါ။

လေ့လာရန်-

• အလုပ်အသစ်များဖန်တီးပါ။
• ကွင်းဆင်းစစ်ဆေးပါ။
• လုပ်ဆောင်စရာများကို စစ်ထုတ်ပါ (ပြီးပါပြီ၊ လုပ်ဆောင်နေသည်၊ အားလုံး)။ သုံးပါ။ filter и reduce.
• Javascript ၏အခြေခံများကိုနားလည်ပါ။

ပရောဂျက် 7။ စီစဥ်နိုင်သော စာရင်းကို ဆွဲချပါ။

Github သိုလှောင်မှု

နားလည်ရန်အလွန်အထောက်အကူပြုသည်။ API ကို ဆွဲချလိုက်ပါ။.

လေ့လာကြပါစို့။

• API ကို ဆွဲချ ၊
• ကြွယ်ဝသော UI များကို ဖန်တီးပါ။

ပရောဂျက် 8. Messenger ကိုယ်ထုတ်ခြင်း (ဇာတိအက်ပ်)

ဝဘ်အပလီကေးရှင်းများနှင့် မူရင်းအက်ပ်လီကေးရှင်းနှစ်ခုလုံးသည် သင့်အား မီးခိုးရောင်အစုအဝေးနှင့် ခြားနားစေမည့် ဝဘ်အက်ပ်လီကေးရှင်းများ မည်သို့အလုပ်လုပ်သည်ကို သင်နားလည်မည်ဖြစ်သည်။

ကျွန်ုပ်တို့လေ့လာမည့်အရာ-

• ဝဘ်ပေါက်များ (ချက်ချင်းစာတိုပေးပို့ခြင်း)
• မူရင်းအက်ပ်များ အလုပ်လုပ်ပုံ။
• နဂိုအပလီကေးရှင်းများတွင် နမူနာပုံစံများ အလုပ်လုပ်ပုံ။
• မူရင်းအက်ပ်လီကေးရှင်းများတွင် တောင်းဆိုမှုလုပ်ဆောင်ခြင်းလမ်းကြောင်းများ ဖွဲ့စည်းခြင်း။

ဤသည်မှာ တစ်လ သို့မဟုတ် နှစ်လအတွက် သင့်အတွက် လုံလောက်ပါသည်။

ကုမ္ပဏီ၏ ပံ့ပိုးကူညီမှုဖြင့် ဘာသာပြန်ဆိုခြင်းဖြစ်ပါသည်။ EDISON ဆော့ဖ်ဝဲပရော်ဖက်ရှင်နယ် အရောင်းအဝယ်လုပ်သူ PHP တွင် applications များနှင့် website များဖွံ့ဖြိုးတိုးတက်ရေး ဖောက်သည်ကြီးများအတွက်ရော၊ Java ရှိ cloud ဝန်ဆောင်မှုများနှင့် မိုဘိုင်းအက်ပလီကေးရှင်းများ ဖွံ့ဖြိုးတိုးတက်ရေး.

source: www.habr.com