Front-End developer အတွက် လုပ်ဆောင်စရာ ခြောက်ခု

1. ခရက်ဒစ်ကတ်ပုံစံ

ချောမွေ့ပြီး ပျော်စရာကောင်းသော အပြန်အလှန်တုံ့ပြန်မှုများနှင့်အတူ အေးမြသော ခရက်ဒစ်ကတ်ပုံစံ။ နံပါတ်ဖော်မတ်ခြင်း၊ အတည်ပြုခြင်းနှင့် အလိုအလျောက်ကတ်အမျိုးအစား သိရှိခြင်းတို့ ပါဝင်သည်။ ၎င်းကို Vue.js ပေါ်တွင်တည်ဆောက်ထားပြီး အပြည့်အဝတုံ့ပြန်မှုလည်းရှိသည်။ (မြင်နိုင်ပါတယ်။ ဒီမှာ.)

ခရက်ဒစ်ကတ်ပုံစံ

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

• လုပ်ငန်းစဉ်နှင့် ပုံစံများကို အတည်ပြုပါ။
• အဖြစ်အပျက်များကို ကိုင်တွယ်ပါ (ဥပမာ၊ အကွက်များ ပြောင်းလဲသည့်အခါ)
• အထူးသဖြင့် ဖောင်၏ထိပ်တွင် ပေါ်လာသော အကြွေးဝယ်ကတ် အချက်အလက်များကို စာမျက်နှာပေါ်တွင် အစိတ်အပိုင်းများကို မည်သို့ပြသပြီး နေရာချရမည်ကို နားလည်ပါ။

ဆောင်းပါးကို EDISON Software ၏ ပံ့ပိုးမှုဖြင့် ဘာသာပြန်ခဲ့ပါသည်။ ပရိုဂရမ်မာများနှင့် ၎င်းတို့၏ နံနက်စာ ကျန်းမာရေးကို ဂရုစိုက်ပါ။နှင့် စိတ်ကြိုက်ဆော့ဖ်ဝဲကို တီထွင်သည်။.

2. Histogram

ဟီစတိုဂရမ်သည် အမြင့် သို့မဟုတ် အလျားများကို ၎င်းတို့ကိုယ်စားပြုတန်ဖိုးများနှင့် အချိုးကျသည့် စတုဂံဘားများဖြင့် အမျိုးအစားအလိုက် အချက်အလက်များကို ကိုယ်စားပြုသည့် ဇယား သို့မဟုတ် ဂရပ်တစ်ခုဖြစ်သည်။

၎င်းတို့ကို ဒေါင်လိုက် သို့မဟုတ် အလျားလိုက် အသုံးချနိုင်သည်။ ဒေါင်လိုက်ဘားဇယားကို တစ်ခါတစ်ရံ မျဉ်းဇယားဟုခေါ်သည်။

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

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

ဒါဟာဖြစ်ပါတယ် ကမ္ဘာ့လူဦးရေဒေတာကို သင်ရှာတွေ့နိုင်ပါသည်။ ၎င်းတို့ကို နှစ်အလိုက်စီထားသည်။

3. Twitter Heart Animation

2016 ခုနှစ်တွင် Twitter သည် ၎င်း၏ tweets အတွက် အံ့သြဖွယ်ကောင်းသော ကာတွန်းကို မိတ်ဆက်ခဲ့သည်။ 2019 ခုနှစ်အထိ၊ ၎င်းသည် အစိတ်အပိုင်းတစ်ခုအဖြစ် မြင်နေရဆဲဖြစ်သောကြောင့် အဘယ်ကြောင့် သင်ကိုယ်တိုင်ဖန်တီးခြင်းမပြုသနည်း။

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

• CSS ရည်ညွှန်းချက်ဖြင့် လုပ်ဆောင်ပါ။ keyframes
• HTML ဒြပ်စင်များကို စီမံခန့်ခွဲပြီး လှုပ်ရှားလုပ်ဆောင်ပါ။
• JavaScript၊ HTML နှင့် CSS ကို ပေါင်းစပ်ပါ။

4. ရှာဖွေမှုလုပ်ဆောင်ချက်ပါရှိသော GitHub သိုလှောင်မှုများ

ဤနေရာတွင် စိတ်ကူးယဉ်စရာတစ်ခုမျှ မရှိပါ။-GitHub သိုလှောင်မှုများသည် ဂုဏ်ကျက်သရေရှိသော စာရင်းတစ်ခုမျှသာဖြစ်သည်။
ရည်ရွယ်ချက်မှာ သိုလှောင်ရုံများကို ပြသရန်နှင့် အသုံးပြုသူကို ၎င်းတို့ကို စစ်ထုတ်ခွင့်ပြုရန်ဖြစ်သည်။ သုံးပါ။ တရားဝင် GitHub API အသုံးပြုသူတိုင်းအတွက် repositories ရယူရန်။

GitHub ပရိုဖိုင်စာမျက်နှာ - github.com/indreklasn

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

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

5. Reddit စတိုင် ချတ်များ

ချတ်များသည် ၎င်းတို့၏ရိုးရှင်းမှုနှင့် အသုံးပြုရလွယ်ကူခြင်းကြောင့် လူကြိုက်များသော ဆက်သွယ်ရေးနည်းလမ်းတစ်ခုဖြစ်သည်။ သို့သော် ခေတ်မီ စကားပြောခန်းများကို အမှန်တကယ် လှုံ့ဆော်ပေးသည့်အရာက အဘယ်နည်း။ WebSockets

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

• WebSockets၊ အချိန်နှင့်တစ်ပြေးညီ ဆက်သွယ်မှုနှင့် ဒေတာအပ်ဒိတ်များကို အသုံးပြုပါ။
• အသုံးပြုသူ၏ဝင်ရောက်ခွင့်အဆင့်များနှင့်အလုပ်လုပ်ပါ (ဥပမာ၊ ချတ်ချန်နယ်တစ်ခု၏ပိုင်ရှင်တွင် အခန်းကဏ္ဍရှိသည်။ adminအခန်းထဲတွင် အခြားသူများ၊ user)
• လုပ်ငန်းစဉ်နှင့် ဖောင်များကို အတည်ပြုပါ - စာတိုပေးပို့ခြင်းအတွက် ချတ်ဝင်းဒိုးကို သတိရပါ။ input
• မတူညီသော ချတ်များကို ဖန်တီးပြီး ပါဝင်ပါ။
• ကိုယ်ရေးကိုယ်တာစာတိုများဖြင့် အလုပ်လုပ်ပါ။ အသုံးပြုသူများသည် အခြားအသုံးပြုသူများနှင့် သီးသန့်ချတ်လုပ်နိုင်ပါသည်။ အခြေခံအားဖြင့်၊ သင်သည် အသုံးပြုသူနှစ်ဦးကြားတွင် WebSocket ချိတ်ဆက်မှုတစ်ခုကို ထူထောင်မည်ဖြစ်သည်။

6. အစင်းစတိုင် လမ်းကြောင်းပြခြင်း။

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

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

• အကူးအပြောင်းများနှင့် CSS ကာတွန်းများကို ပေါင်းစပ်ပါ။
• အကြောင်းအရာကို မှိန်ဖျော့ဖျော့ထားပြီး အသုံးပြုနေသော အတန်းအစားကို အသုံးပြုပါ။

သင်ကိုယ်တိုင်လုပ်ကြည့်ပါ၊ ဒါပေမယ့် အကူအညီလိုရင် ဒါကိုကြည့်ပါ။ အဆင့်ဆင့်လမ်းညွှန်.

source: www.habr.com