Creative Coder Myanmar

Developer တို့အတွက် Practical websites များ လက်တွေ့နဲ့မကင်းနိုင်တဲ့ Developer တို့အတွက် practical website တွေဆိုတာ မရှိမဖြစ်ပါပဲ။ ဒါကြောင့် Developer တို့အတွက်အသုံးဝင်စေမဲ့ website တွေကို ဖော်ပြပေးလိုက်ရပါတယ်။ 📝 LeetCode (leetcode.com) Coding interview တွေအတွက် coding challenges တွေကို လေ့ကျင့်နိုင်တဲ့ website လေးပဲဖြစ်ပါတယ်။  📝 Hacker Rank (hackerrank.com) Programming ကိုလေ့ကျင့်ဖို့အတွက် problems တွေအများကြီးရှိတဲ့ website တခုဖြစ်ပါတယ်။ 📝 Codepen (codepen.io) HTML,CSS, JavaScript code snippets တွေစမ်းဖို့အတွက် online community တခုပဲဖြစ်ပါတယ်။ 📝 Kaggle (kaggle.com) Data science နဲ့ဆိုင်တဲ့ dataset တွေ notebook တွေရှိတဲ့ website ဖြစ်ပါတယ်။ 📝Dev.to (dev.to) Developer အချင်းချင်း article တွေ tutorial တွေ share ရင်း discuss လုပ်နိုင်မယ့် community ဖြစ်ပါတယ်။ ကဲ…ဒီ website တွေကတဆင့် ကိုယ့်ရဲ့ coding skill ကို တိုးမြှင့်ဖို့ မမေ့နဲ့နော် 👀 #creative_coder_myanmar #website #practical

Qui Time လေးပြန်လည်ရောက်ရှိလာပြီမို့ အပျင်းပြေ ၀င်ဖြေသွားပါဦးနော် 👀 စာပြန်နွှေးတဲ့သဘောလေးလည်းဖြစ်တာပေါ့ 📝💬

Memoize function နဲ့အတူ Code Performance ကို တိုးမြှင့်ကြရအောင် 👀 Memoize function ကိုအသုံးပြုဖူးပြီးပြီလား Developer ကြီးတို့ရေ 👀 အသုံးမပြုဖူးသေးရင် code example လေးနဲ့အတူ စမ်းသုံးကြည့်ရအောင်။ function memoize(fn) { const cache = new Map(); return function (...args) { const key = JSON.stringify(args); if (cache.has(key)) { return cache.get(key); } const result = fn(...args); cache.set(key, result); return result; }; } const cache = new Map(); ပထဆုံအနေနဲ့ cache ဆိုတဲ့ collection ကို new Map() object နဲ့ variable တစ်ခုထဲ သိမ်းထားလိုက်ပါတယ် return function (...args) { const key = JSON.stringify(args); const result = fn(...args); cache.set(key, result); return result; }; return function (...args) {} ဒီ code လေးကတော့ memorize function က နေပြန်ပေးမယ့် function ဖြစ်ပြီး (...args) က တော့ rest parameter သုံးထားတာကြောင့် ကြိုက်သလောက် arg ပေးလို့ရအောင်ဖြစ်ပါတယ်။ const key = JSON.stringify(args); ဒီ code မှာဆိုရင် cache ထဲထည့်သိမ်းဖို့ variable key ထဲမှာ သိမ်းမှာဖြစ်လို့ args ကို json.stringify နဲ့ string ဖြစ်အောင် လုပ်လိုက်ပါတယ်။ if (cache.has(key)) { return cache.get(key); } ပြီးရင်‌တော့ cache ထဲမှာ ခုနက သိမ်းထားတဲ့ key ရှိမရှိစစ်ပြီး ရှိရင် cache ထဲက data ကို return ပေးပါတယ် const result = fn(...args); cache ထဲမှာ သိမ်းထားတဲ့ function မရှိရင် ဒီ code က အလုပ်လုပ်မှာ ဖြစ်ပါတယ်။ const result = fn(...args); function ကို (...arg) ဒီဟာကတော့ spread operator နဲ့ function ကို trigger လိုက်ပြီး ရလာတဲ့ data ကို result ဆိုတဲ့ variable ထဲထည့်သိမ်းထားလိုက်ပါတယ် cache.set(key, result); ဒီဟာကတော့ cache ထဲမှာ key,value နဲ့ ထည့်သိမ်းလိုက်ပါတယ်။ return result; ပြီးတော့ ရလာတဲ့ data ကို return လိုက်ပါတယ် example Usage ကတော့ function sumArray(arr) { console.log("Calculating sum..."); return arr.reduce((total, num) => total + num, 0); } const memoizedSumArray = memoize(sumArray); const arrays = [1, 2, 3, 4, 5] memoizedSumArray(arr) // output:15 ဒီမှာဆိုရင် 15 ကို return ပြန်ပေးတာကိုတွေ့ရမှာပါ။ စမ်းသုံးကြည့်ဖူးတဲ့ Developer တွေရှိရင် comment မှာရေးပေးသွားကြပါဦးနော် 👀 #creative_coder_myanmar

Beginner ဘ၀ရဲ့ အခက်အခဲတွေကို ဆွေးနွေးကြည့်ရအောင် 👀📝💬 Web Development နယ်ပယ်ထဲကို ၀င်ရောက်လာတဲ့ Developer ကြီးတို့အနေနဲ့ beginner ဘ၀ကို မလွဲမသေကျော်ဖြတ်ဖူးကြမှာပါ။ ဒီအခါ ဘယ်လိုအခက်အခဲတွေကြုံတွေ့ခဲ့ရလဲ? ဒီအခက်အခဲတွေကို ဘယ်လိုကျော်ဖြတ်ခဲ့လဲ? လေ့လာတဲ့အခါမှာ ဘယ်လိုနည်းတွေကို သုံးပြီးလေ့လာခဲ့လဲ?စတာ စတာတွေကို နောက်လာမယ့် Developer တွေသိအောင် ဆွေးနွေးကြပါစို့လား Senior Developer ကြီးတို့ရေ 💬 Beginner တွေအနေနဲ့လည်း ကိုယ်လက်ရှိကြုံနေရတဲ့ အခက်အခဲတွေကို comment မှာပြောပြခဲ့လို့ရပါတယ်။ အခက်အခဲတွေဆွေးနွေးရင်း နွေးထွေးတဲ့နည်းပညာစကားဝိုင်းတစ်ခု ဖန်တီးချင်ရင်တော့ comment မှာ ရေး‌ခဲ့လို့ရပါတယ် 👇 #creative_coder_myanmar

Learning Platform မှာ သင်ကြားရတဲ့အတွေ့အကြုံတွေကို ပြောပြထားတဲ့ ကျောင်းသားတို့ရဲ့ review များ 📝 Website ကနေတဆင့်စာသင်ကြားရတဲ့ အတွေ့အကြုံတွေကို Creative Coder ရဲ့ကျောင်းသားတွေကတော့ အခုလိုပဲ ပြောပြပေးခဲ့ပါတယ်။ အခုလက်ရှိမှာလည်း နှစ်သိန်းအထိ လျှော့ပေးထားတဲ့ဈေးနဲ့ learning platform အတန်းတွေအားလုံးပါ၀င်တဲ့ package ကို တက်ရောက်နိုင်မှာဖြစ်လို့ page messenger ကနေသင်တန်းအပ်လို့ရပြီနော် 👀

Web Development မှာ API တို့ရဲ့ အခန်းကဏ္ဍ 📝 =°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=° API တို့ရဲ့ အခန်းကဏ္ဍဆိုတာ Developer တွေမေ့ထားလို့မရတဲ့ အရာတစ်ခုပါပဲ။ API ရဲ့အရှည်ခေါက်က Application Programming Interfaces ဖြစ်ပါတယ်။ အလွယ်ပြောရရင် Website တစ်ခုတည်ဆောက်တဲ့နေရာမှာ frontend နဲ့ backend ကိုဆက်သွယ်ပေးပြီး လိုအပ်တဲ့ data တွေကိုသယ်ယူပို့ဆောင်ပေးတဲ့အရာလေးတွေဖြစ်ပါတယ်။စားသောက်ဆိုင်တွေမှာကျွန်တော်တို့မှာလိုက်တဲ့ menu ကို chef ဆီကိုယူသွားပေးပြီး chef ဆီကနေ အစားအစာကိုပြန်ယူလာပေးတဲ့ waiter လေးတွေလိုပါပဲ။ ဖုန်းထဲက ဓာတ်ပုံတွေကို drive ထဲကိုပြောင်းတာ၊ drive ကို အခြား device ကနေ sign in ဝင်ပြီးပုံတွေပြန်လည်ရယူနိုင်တာက API တွေရှိလို့ဖြစ်ပါတယ်။ API တွေဟာ ကျွန်တော်တို့ Developer တွေကိုအလုပ်ပိုပြီးအောင် အချိန်မကုန်အောင်လုပ်ဆောင်ပေးပါတယ်။ Developer တွေကောင်မလေးတွေကို ချစ်ရေးဆိုရင် "မင်းက ကိုယ့်ဘဝရဲ့ API လေးပါပဲ" လို့ ပြောကြည့်ပါ။ API တွေက Developer တွေရဲ့ဘဝကိုပိုပြီးလွယ်ကူအောင်လုပ်ဆောင်ပေးပါတယ်။ (ညိုကီတို့အတွက် တစ်ကွက် 🙄) Website တွေတည်ဆောက်တဲ့နေရာမှာ ပိုပြီးရှုပ်ထွေးတဲ့ function တွေကို ပိုပြီးလွယ်ကူစွာ handle လို့ရအောင်လုပ်ဆောင်ပေးပါတယ်။ API တွေက frontend နဲ့ Backend ကြားမှာ interface လေးအနေနဲ့ဆောင်ရွက်ပေးပါတယ်။ API တွေကိုသုံးမယ်ဆိုရင် ကိုယ်သုံးချင်တဲ့ programming language နဲ့သုံးလို့ရပါတယ်။ Low level programming language နဲ့မသုံးဘဲ API တွေကို high level programming language တွေနဲ့ပိုပြီးလွယ်ကူအောင်အသုံးချလို့ရပါတယ်။ server side နဲ့ client side ကိုဆက်သွယ်ပေးထားတဲ့ API တွေဟာဆိုရင် အလုပ်လုပ်ပုံပေါ်မူတည်ပြီးအမျိုးအစားတွေအများကြီးခွဲထားပါသေးတယ်။ 📌 စီးပွားရေးလုပ်ငန်းတွေအတွက် data တွေကိုအဓိကထားပြီးသယ်ပို့ပေးတဲ့ Private API 📌 လူတိုင်း data တွေကို access ရယူခွင့်ရှိတဲ့ Public API 📌 developer အချင်းချင်း လုပ်ငန်းရှင်အချင်းချင်းသာ data တွေမျှဝေနိုင်တဲ့ Partner API 📌 Complex System တွေအတွက် အဓိကထားအသုံးပြုတဲ့ Composite API တို့ပဲဖြစ်ပါတယ်။ API တွေကိုတစ်နေရာနဲ့တစ်နေရာ data တွေသယ်ယူပို့ဆောင်တဲ့နေရာမှာ အဓိကအသုံးပြုကြပါတယ်။ အခြားနေရာတွေလည်းအများကြီးရှိပါတယ်။ platform နှစ်ခုကို ချိတ်ဆက်ဖို့ API ကိုအသုံးပြုကြပါတယ်။ နောက်တစ်ခုက Twitter Bots တွေမှာ task တွေကိုအလိုအလျောက်လုပ်ဆောင်စေဖို့ API ကိုအသုံးပြုပါတယ်။ Travel Booking လုပ်တဲ့နေရာတွေမှာ Website တွေအချင်းချင်းချိတ်ဆက်ပေးဖို့ API ကိုကြားခံအနေနဲ့အသုံးပြုကြပါတယ်။ E-Commerce Website တွေတော်တော်များများမှာဆိုရင်တော့ API သုံးရင်လုံခြုံရေးအတွက်ပိုပြီးလည်းစိတ်ချရပြီး loading speed ကိုလည်းပိုမြန်စေပါတယ်။ API တွေကိုကျွန်တော်တို့သာ သတိမထားမိပေမဲ့ သူကနေ့စဥ်ကျွန်တော်တို့အသုံးပြုနေတဲ့ Software တွေထဲမှာ ပါဝင်ပါတယ်။ Weather snippets တွေ Paypal, Google Map စတာတွေက API အသုံးပြုခြင်းရဲ့ အကောင်းဆုံးဥပမာတွေဖြစ်ပါတယ်။ဒါကြောင့် Software Development တွေမှာ API ကမပါမဖြစ်တဲ့နေရာကနေ ရောက်ရှိလာတာဖြစ်ပါတယ်။ API ဟာ backend-logic ဖြစ်တဲ့အတွက် Backend Language တစ်ခုခုတတ်ထားမယ်ဆိုရင် API ရေးလို့ရပါပြီ။ Data တွေကို Transfer လုပ်ဖို့ အဓိက သုံးတာဖြစ်တဲ့အတွက် ကျွန်တော်တို့ data တွေကိုပို့တဲ့အခါ method တွေကိုသုံးရပါတယ်။ (ဥပမာ - POST, GET စတာတွေဖြစ်ပါတယ်။) အဓိကတော့ data format တွေရယ် Http protocol တွေကိုသိထားဖို့လိုအပ်ပါတယ်။ (ဥပမာ - SOAP,JSON,REST.. ) ပြီးရင်တော့အရှေ့မှာပြောခဲ့တဲ့ backend language တစ်ခုကိုသုံးပြီး စရေးလို့ရပါပြီ။ API တွေကိုသုံးပြီး technologies အချင်းချင်းချိတ်ဆက်ပြီး data တွေ transfer လို့ရပါတယ်။ API တွေကြောင့် ကျွန်တော်တို့ platform တစ်ခုနဲ့တစ်ခု collab လုပ်ရတာပိုပြီးလွယ်ကူလာစေပါတယ်။ Project အကြီးကြီးတွေကို API မပါဘဲတည်ဆောက်ဖို့မဖြစ်နိုင်ပါဘူး။ Developer ကြီးတို့ကရော API ကိုလေ့လာပြီးသွားကြပြီလား ❔ #creative_coder_myanmar

ဒီနေ့တော့ API အကြောင်းလေးကို ဆက်ပြီးလေ့လာရအောင်

အဖြေမှန်လေးက b ပါ

မနေ့က quiz ကိုဖြေပေးတဲ့သူတွေအကုန်လုံးကို ကျေးဇူးတင်ရှိပါတယ်။

အဖြေလေးတွေ comment မှာရေးပေးနော်

အပျင်းပြေ quiz လေးဖြေကြည့်ရအောင်

ဒီလိုအမှားတွေ နောက်ထပ်မလုပ်နဲ့တော့နော် ❌🙅 Web Development နယ်ပယ်ကကျယ်ပြန့်ပြီး လေ့လာစရာတွေဆိုတာလည်း မကုန်နိုင်တာကြောင့် စလေ့လာတော့မယ်ဆိုရင် လမ်းကြောင်းမမှားအောင် အထူးဂရုပြုသင့်ပါတယ်။ Developer  တွေလုပ်လေ့ရှိတဲ့ အမှားတွေထဲက အချို့ကို ကြည့်လိုက်ရအောင် 👀  🎯 စလေ့လာခါစမှာ အခြေခံတွေကို အရင်မလေ့လာဘဲ ကျော်ပြီး framework တွေကိုစလေ့လာတာကလည်း ရှေ့ကို မရောက်ဘဲ နောက်ကိုပြန်ပြန်လှည့် ရတတ်ပါတယ်။ HTML, CSS နဲ့ Javascript တွေရမှသာ ရှေ့တစ်ဆင့်ကို ဆက်ပြီးလေ့လာသင့်ပါတယ်။ 🎯 အချို့ beginner တွေကျ စလေ့လာခါစမှာ အနားမယူဘဲ အချိန်အကြာကြီး လေ့လာတာဖြစ်ပါတယ်။ ဒီအလေ့အကျင့်ဟာ လူကို ပိုပင်ပန်းစေပြီး လေ့လာပြီးသမျှဟာလည်း ခေါင်းထဲကိုမရောက် ဖြစ်တတ်တာကြောင့် ‌တနေ့ကို နည်းနည်းချင်းစီ ခွဲပြီး လေ့လာတာအကောင်းဆုံးပါ။ 🎯 Code တွေကို စာကြောင်းရေအများကြီးမရေးဘဲ သေသေချာချာ စနစ်တကျ variable name တွေပေးတာ၊ comment ရေးတာတွေက ကောင်းမွန်တဲ့ အလေ့အကျင့်တွေ ဖြစ်ပါတယ်။ 🎯 စစချင်း code ရေးတည်းက code တွေကို maintain လုပ်ရလွယ်အောင် Git တို့လို version control system တွေ သုံးသင့်ပါတယ်။ ဒါဟာ code ရေးတဲ့နေရာမှာ အခြေခံ ဖြစ်တဲ့အတွက် ကျော်မသွားသင့်ပါဘူး။ Web Development နဲ့ပတ်သက်ပြီး roadmap ကို Creative Coder ရဲ့ Learning Platform မှာလည်း ကြည့်ရှုနိုင်ပါတယ်။ https://creativecodermm.com/path #creative_coder_myanmar #website #mistake #beginner