Programming Guide

classic backend dev. lol

undefined.

vibe coding.

Jarred Sumner နဲ့ Bun
စိတ်အားထက်သန်မှုဖြင့် နည်းပညာလောကကို တော်လှန်ခြင်း

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

သူက အသက် ၁၆ နှစ်မှာတင် အထက်တန်းကျောင်းက ထွက်ခဲ့တယ်။ ဘယ်တက္ကသိုလ်ဘွဲ့မျှလည်း မရရှိခဲ့ဘူး။ ဒါပေမဲ့ သူ့မှာ ကွန်ပျူတာပရိုဂရမ်တွေရဲ့ စွမ်းဆောင်ရည် (Performance) အပေါ် ရူးသွပ်မှုနဲ့ စိတ်အားထက်သန်မှု ရှိခဲ့တယ်။ အဲဒါနဲ့ပဲ JavaScript လောကတစ်ခုလုံးကို တော်လှန်ပြောင်းလဲစေခဲ့တဲ့ 'Bun' ဆိုတဲ့ Runtime ကို တစ်ကိုယ်တော် ဖန်တီးနိုင်ခဲ့တယ်။

ဂျာရက်က ငယ်စဉ်ကတည်းက စာသင်ခန်းထဲမှာ အချိန်ကုန်ရတာထက် ကွန်ပျူတာရှေ့မှာ ကုဒ်ရေးတာကို ပိုပျော်မွေ့ခဲ့တယ်။ သူက အသက် ၁၆ နှစ်အရွယ်၊ အထက်တန်းကျောင်း တက်နေစဉ်မှာတင် ကျောင်းထွက်ဖို့ ဆုံးဖြတ်ခဲ့တယ်။ သူ့ဆုံးဖြတ်ချက်က စွန့်စားမှုကြီးပေမယ့် ကွန်ပျူတာသိပ္ပံကို လက်တွေ့ကျကျ သင်ယူလိုတဲ့ ပြင်းပြတဲ့ ဆန္ဒ ရှိနေခဲ့တယ်။ ကျောင်းထွက်ပြီးနောက် သူက ကုဒ်ရေးတာကို အချိန်ပြည့်လုပ်ဆောင်ခဲ့ပြီး မိမိကိုယ်တိုင် သင်ယူမှုနဲ့ Software Development နယ်ပယ်ထဲကို ဝင်ရောက်ခဲ့တယ်။ သူ့ရဲ့ ထူးခြားတဲ့ အရည်အချင်းကြောင့် ကျောင်းထွက်ခဲ့သူ ဖြစ်ပေမယ့် နာမည်ကြီး Stripe ကုမ္ပဏီမှာ Frontend Engineer အဖြစ် ဝင်လုပ်ခွင့် ရရှိခဲ့တယ်။

ဂျာရက်က အလုပ်လုပ်ရင်း developer တွေ နေ့စဉ်ကြုံတွေ့နေရတဲ့ ပြဿနာတစ်ခုကို သတိပြုမိလာတယ်။ အဲဒါကတော့ developer တွေ သုံးနေတဲ့ Tool တွေက သိပ်ကို နှေးကွေးနေတာပဲ။ ကုဒ်နည်းနည်းလေးပြင်ပြီးတာနဲ့ Server ပြန်တက်လာဖို့ စောင့်ရတယ်၊ Package တွေ သွင်းဖို့ အကြာကြီးစောင့်ရတယ်။ ဒါက developer တွေရဲ့ အချိန်တွေကို ဖြုန်းတီးနေတယ်။ ဂျာရက်က ဒီပြဿနာကို လက်မခံနိုင်ခဲ့ဘူး။ သူက Performance ကို အရမ်းအစွဲအလမ်းကြီးတယ်။ "ဘာလို့ ဒီထက်မမြန်ရမှာလဲ" ဆိုတဲ့ မေးခွန်းက သူ့ကို နေ့ညမပြတ် ခြောက်လှန့်နေခဲ့တယ်။ အဲဒီပြဿနာကို ဖြေရှင်းဖို့ သူက အလုပ်ကထွက်ပြီး Bun ကို စတင်တည်ဆောက်ခဲ့တယ်။

ဂျာရက်ရဲ့ ကြိုးစားမှုက သာမန်မဟုတ်ဘူး။ သူက Performance အကောင်းဆုံးရဖို့ အစကနေ ပြန်စခဲ့တယ်။ Node.js ကို အခြေခံမလုပ်ဘဲ JavaScript runtime အသစ်တစ်ခုကို အခြေခံကနေ စတင်ရေးသားခဲ့တယ်။ တစ်ပတ်ကို နာရီ ၉၀ ကျော်အထိ တစ်ကိုယ်တော် ကုဒ်ရေးခဲ့ပြီး အိပ်ချိန်တွေကိုလည်း လျှော့ချခဲ့တယ်။ Performance အကောင်းဆုံးရဖို့ 'Zig' ဆိုတဲ့ Programming Language အသစ်တစ်ခုကို သင်ယူပြီး Bun ရဲ့ core တစ်ခုလုံးကို ပြန်ရေးခဲ့တယ်။ Safari ရဲ့ JavaScriptCore engine ကို သုံးပြီး startup time နဲ့ performance ကို မြန်အောင် လုပ်ခဲ့တယ်။

နှစ်ပေါင်းများစွာ ကြိုးစားမှုကြောင့် 'Bun' ပေါ်ထွက်လာခဲ့တယ်။ Bun ကို တရားဝင် ထုတ်ပြန်လိုက်တဲ့အခါ နည်းပညာနယ်ပယ်တစ်ခုလုံး တုန်လှုပ်သွားတယ်။ ဘာကြောင့်လဲဆိုတော့ Bun က Node.js နဲ့ npm ထက် အဆပေါင်းများစွာ ပိုမိုမြန်ဆန်နေလို့ပဲ။ Benchmarks တွေအရဆိုရင် Bun ရဲ့ Package Manager က npm ထက် အဆ ၂၀ ကျော် မြန်ပြီး Server တက်တဲ့အချိန်ကလည်း ၄ ဆခန့် မြန်နေတယ်။ ကြီးမားတဲ့ ကုမ္ပဏီကြီးတွေကအထိ Bun ကို စတင်သုံးစွဲလာကြတယ်။ ဂျာရက်ရဲ့ စိတ်အားထက်သန်မှုနဲ့ Performance အပေါ် ရူးသွပ်မှုကြောင့် ဖန်တီးခဲ့တဲ့ Bun က နည်းပညာလောကကို အမှန်တကယ် တုန်လှုပ်စေခဲ့တယ်။

ဂျာရက် ဆမ်းမနားရဲ့ ဇာတ်ကြောင်းက ကျွန်တော်တို့ကို သင်ခန်းစာတစ်ခု ပေးတယ်။ အောင်မြင်မှုဆိုတာ ဘွဲ့လက်မှတ်တွေ၊ ပညာရေးနောက်ခံတွေပေါ်မှာပဲ မူတည်နေတာ မဟုတ်ဘူး။ မိမိဝါသနာပါရာကို ရူးသွပ်စွာ အာရုံစိုက်ပြီး ပြဿနာတွေကို မဆုတ်မနစ် ဖြေရှင်းဖို့ ကြိုးစားမယ်ဆိုရင်၊ ကျောင်းထွက်ခဲ့သူတစ်ဦး ဖြစ်နေပါစေဦးတော့၊ ကမ္ဘာကြီးတစ်ခုလုံးကို ပြောင်းလဲစေနိုင်တဲ့ အရာတွေကို ဖန်တီးနိုင်တယ်ဆိုတာ သူက သက်သေပြခဲ့တယ်။

ဝဘ်ဆိုဒ်ရေးသားခြင်း အခြေခံလမ်းညွှန်- FRONTEND နှင့် BACKEND အကြောင်း

ဝဘ်ဆိုဒ်တစ်ခုကို ဝင်ကြည့်တဲ့အခါ၊ အလွန်ကွဲပြားပေမယ့် ပြီးပြည့်စုံစွာ အတူတကွ အလုပ်လုပ်နေတဲ့ ကမ္ဘာနှစ်ခုရဲ့ ရလဒ်ကို ခံစားနေရတာပါ။ ဝဘ်ဆိုဒ်ရေးသားခြင်း (Web Development) မှာ ဒီကမ္ဘာနှစ်ခုကို "Frontend" နဲ့ "Backend" လို့ ခေါ်ပါတယ်။

သူတို့ ဘယ်လိုအလုပ်လုပ်လဲဆိုတာ နားလည်ဖို့၊ စားသောက်ဆိုင်တစ်ဆိုင် ဘယ်လိုလည်ပတ်လဲဆိုတာနဲ့ နှိုင်းယှဥ် ကြည့်လိုက်ရအောင်။

=========================================
၁။ THE FRONTEND (အသုံးပြုသူမြင်ရသောအပိုင်း)
=========================================
Frontend ဆိုတာ အသုံးပြုသူဖြစ်တဲ့ သင် မြင်တွေ့နိုင်၊ နှိပ်နိုင်၊ အပြန်အလှန်တုံ့ပြန်နိုင်တဲ့ အပိုင်းဖြစ်ပါတယ်။ ဒါဟာ စားသောက်ဆိုင်တစ်ဆိုင်ရဲ့ စားသောက်ခန်း (Dining Room) နဲ့ အတူတူပါပဲ။

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

Frontend ရဲ့ အဓိက ကိရိယာများ-
* HTML (HyperText Markup Language): ဒါက အခြေခံတည်ဆောက်ပုံပါ။ စားသောက်ဆိုင်မှာဆိုရင် နံရံတွေ၊ စားပွဲနဲ့ ကုလားထိုင်တွေပါ။ ဝဘ်ဆိုဒ်မှာတော့ စာသားတွေ၊ ပုံတွေနဲ့ လင့်ခ်တွေ ဖြစ်ပါတယ်။
* CSS (Cascading Style Sheets): ဒါက အတွင်းပိုင်းအလှဆင်ခြင်းပါ။ ဝဘ်ဆိုဒ်မှာ CSS က အရောင်တွေ၊ အပြင်အဆင်တွေနဲ့ လှုပ်ရှားမှုတွေကို တာဝန်ယူပါတယ်။
* JavaScript: ဒါက အသက်ဝင်လှုပ်ရှားမှုပါ။ သင့်ဆီလာပြီး အော်ဒါကောက်တဲ့ စားပွဲထိုးနဲ့ တူပါတယ်။ ဝဘ်ဆိုဒ်မှာဆိုရင် စာမျက်နှာကို Reload လုပ်စရာမလိုဘဲ အလုပ်လုပ်စေပါတယ်။ (ဥပမာ- Like ခလုတ်ကို နှိပ်လိုက်ရင် အပြာရောင်ပြောင်းသွားတာမျိုးပါ)

=========================================
၂။ THE BACKEND (ဆာဗာအပိုင်း)
=========================================
Backend ဆိုတာ ဝဘ်ဆိုဒ်ကို အလုပ်လုပ်စေတဲ့ နောက်ကွယ်က အင်ဂျင်ဖြစ်ပါတယ်။ သင်မမြင်ရပေမယ့် သူသာမရှိရင် Frontend လည်း မရှိနိုင်ပါဘူး။ ဒါဟာ စားသောက်ဆိုင်တစ်ဆိုင်ရဲ့ မီးဖိုချောင် (Kitchen) နဲ့ စတိုခန်း (Pantry) နဲ့ အတူတူပါပဲ။

စားပွဲထိုး (Frontend) ဆီမှာ သင်အော်ဒါမှာလိုက်တဲ့အခါ၊ သူတို့က အဲဒီအော်ဒါကို မီးဖိုချောင် (Backend) ဆီ ယူသွားပါတယ်။ စားဖိုမှူးတွေက စတိုခန်း (Database) ထဲက ပါဝင်ပစ္စည်းတွေကို ယူပြီး ချက်ပြုတ်ကာ စားပွဲထိုးကတစ်ဆင့် သင့်ဆီ ပြန်ပို့ပေးပါတယ်။

Backend ရဲ့ အဓိက အစိတ်အပိုင်းများ-
* Server (ဆာဗာ): Frontend ကနေ တောင်းဆိုမှုတွေကို စောင့်ဆိုင်းပြီး အမြဲတမ်း အလုပ်လုပ်နေတဲ့ ကွန်ပျူတာ (အော်ဒါစောင့်နေတဲ့ မီးဖိုချောင်လိုပါပဲ)။
* Application (အက်ပ်လီကေးရှင်း): Python, Ruby, PHP, Node သို့မဟုတ် Java လို ဘာသာစကားတွေနဲ့ ရေးသားထားတဲ့ စည်းမျဉ်းတွေပါ။ ဒါဟာ သင့်ရဲ့တောင်းဆိုမှုကို ချက်ပြုတ်ပေးနေတဲ့ စားဖိုမှူးဖြစ်ပါတယ်။
* Database (ဒေတာဘေ့စ်): ဝဘ်ဆိုဒ်ရဲ့ အချက်အလက်အားလုံးကို သိမ်းဆည်းထားတဲ့ ကြီးမားတဲ့ ဖိုင်ကက်ဘိနက် (သို့မဟုတ် စတိုခန်း) ပါ။ ဥပမာ- အသုံးပြုသူ စကားဝှက်တွေနဲ့ ကုန်ပစ္စည်းစာရင်းတွေ ဖြစ်ပါတယ်။

=========================================
သူတို့ ဘယ်လို ပူးပေါင်းအလုပ်လုပ်သလဲ
=========================================
သင်အကြိုက်ဆုံး ဆိုရှယ်မီဒီယာကို အကောင့်ဝင်နေတယ်လို့ မြင်ယောင်ကြည့်ပါ။

၁။ သင်က Username နဲ့ Password ကို ရိုက်ထည့်ပြီး "Log In" ကို နှိပ်လိုက်ပါတယ် (Frontend)။
၂။ Frontend က Backend ဆီကို "ဒီအချက်အလက်တွေနဲ့ အကောင့်ဝင်ဖို့ ကြိုးစားနေသူရှိတယ်" ဆိုပြီး လုံခြုံတဲ့ မက်ဆေ့ချ်တစ်ခု ပို့လိုက်ပါတယ်။
၃။ Backend က မက်ဆေ့ချ်ကို လက်ခံရရှိပြီး Database (စတိုခန်း) ထဲမှာ Password မှန်မမှန် စစ်ဆေးပါတယ်။
၄။ မှန်ကန်တယ်ဆိုရင် Backend က Frontend ဆီကို "ခွင့်ပြုလိုက်ပြီ! ဒါက သူ့ရဲ့ Profile ဒေတာတွေပဲ" ဆိုပြီး ပြန်ပို့ပေးပါတယ်။
၅။ Frontend က အဲဒီဒေတာတွေကို ယူပြီး သင့်အတွက် သီးသန့် Newsfeed ကို ချက်ချင်း ဖန်တီးပြသပေးပါတယ်။

laravel/rails for javascript

javascript ecosystem မှာ laravel/rails လိုမျိုး fully battery included framework တွေဖြစ်တဲ့ adonisjs, redwoods တို့ ရှိခဲ့ပေမယ့် အသုံးနည်းပါတယ်..

ဒီတစ်ခါတော့ vite က ထုတ်တဲ့ void ဆိုတာလည်း fully battery included framework တစ်မျိုးပဲ... ဘယ်လောက်ထိ အောင်မြင်မလဲ စိတ်ဝင်စားစရာပါ...

ပရိုဂရမ်းမင်း စတင်လေ့လာသူတွေအတွက် platform (၁၀) ခု

freeCodeCamp
- https://www.freecodecamp.org
HTML/CSS အခြေခံမှစပြီး machine learning အထိ လက်တွေ့ project များရေးပြီးတော့ အခမဲ့ certificate များရယူနိုင်တဲ့ ပြီးပြည့်စုံသည့် အကောင်းဆုံး open-source platform တစ်ခုဖြစ်ပါ။

The Odin Project
- https://www.theodinproject.com
Web developer ဖြစ်ချင်သူတွေအတွက် အကောင်းဆုံး open-source သင်ရိုးညွှန်းတမ်းဖြစ်ပါတယ်။ အစအဆုံး လိုက်လုပ်ပေးမယ့်အစား ကိုယ်ပိုင် development environment တည်ဆောက်ပြီး JavaScript သို့မဟုတ် Ruby on Rails ဖြင့် လက်တွေ့ portfolio များတည်ဆောက်နည်းကို လက်တွေ့ကျကျ သင်ကြားပေးပါတယ်။

Codecademy
- https://www.codecademy.com
Premium plan ကို အဓိကထားရောင်းချလေ့ရှိပေမယ့် သူတို့ရဲ့ အခမဲ့ အခြေခံ plan လည်းပဲ စတင်လေ့လာသူတွေအတွက် browser ထဲတွင် တိုက်ရိုက်ရေးသားပြီး ချက်ချင်း အဖြေတိုက်စစ်နိုင်ရန် အကောင်းဆုံးဖြစ်ပါတယ်။

Scrimba
- https://scrimba.com
Interactive video tutorial တွေကြောင့် နာမည်ကြီးပါတယ်။ Video ကြည့်နေရင်းနဲ့ ခဏရပ်ပြီး ဆရာရေးထားတဲ့ code တွေကို တိုက်ရိုက်ပြင်ရေးပြီးတော့ ရလဒ်ကို ချက်ချင်းကြည့်ရှုနိုင်ပါတယ်။ အခြေခံလေ့လာသူများအတွက် အခမဲ့ အတန်းများစွာ ရှိပါတယ်။

SoloLearn
- https://www.sololearn.com
ဖုန်းဖြင့်ဖြစ်စေ၊ အချိန်တိုအတွင်း အပိုင်းလိုက်ခွဲ၍ဖြစ်စေ လေ့လာချင်သူတွေအတွက် အကောင်းဆုံးပါ။ Quiz၊ coding challenge တွေနှင့် တက်ကြွသော community forum တွေပါဝင်ပြီး ဂိမ်းကစားသလို စိတ်ဝင်စားဖွယ် လေ့လာနိုင်ပါတယ်။

Replit
- https://replit.com
Browser-based coding environment တစ်ခုဖြစ်ပြီး ၂၀၂၆ ခုနှစ်အတွက် AI အထောက်အပံ့များစွာ ပါဝင်လာပါတယ်။ Code ရေးရန် workspace အဖြစ်သာမက cloud IDE ပေါ်တွင် တိုက်ရိုက်ရေးသားလေ့လာနိုင်သော (ဥပမာ - "100 Days of Code: Python") သင်ခန်းစာများလည်း ပါဝင်ပါတယ်။

Exercism
- https://exercism.org
Programming language ၇၀ နီးပါးအတွက် လေ့ကျင့်ခန်းများ ပါဝင်တဲ့ ထူးခြားသည့် platform တစ်ခုပါ။ အကောင်းဆုံးအချက်ကတော့ အတွေ့အကြုံရှိ developer များထံမှ code review နှင့် အကြံပြုချက်များကို အခမဲ့ ရယူနိုင်ခြင်းဖြစ်ပါတယ်။

Khan Academy
- https://www.khanacademy.org/computing
Computer science ၏ အခြေခံသဘောတရားတွေနှင့် logic များကို သေချာနားလည်အောင် သင်ကြားပေးတဲ့ အခမဲ့ platform တစ်ခုဖြစ်ပါတယ်။ ရှုပ်ထွေးတဲ့ code တွေမရေးမီ အခြေခံပိုင်နိုင်ရန်အတွက် အလွန်ကောင်းမွန်ပါတယ်။

W3Schools
- https://www.w3schools.com
Code များရှာဖွေရန် reference အဘိဓာန်တစ်ခုအဖြစ် နာမည်ကြီးသော်လည်း ယခုအခါ လေ့ကျင့်ခန်းများ၊ interactive code space များနှင့် သေချာဖွဲ့စည်းထားတဲ့ tutorial တွေပါဝင်တဲ့ ခိုင်မာသော သင်ယူမှု platform တစ်ခုဖြစ်နေပါပြီ။

Code.org
https://code.org
ကျောင်းသားလူငယ်တွေအတွက် ရည်ရွယ်လေ့ရှိသော်လည်း စာသားဖြင့် code မရေးမီ computer science ၏ အခြေခံ logic များကို မြင်သာထင်သာရှိရှိ (visualized) နားလည်လိုတဲ့ မည်သည့်အသက်အရွယ်မဆို စတင်ရန် အလွန်ကောင်းမွန်ပါတယ်။

null ဖြစ်ချင်အုံးဟေ့... lol

pls, pls engineer. lol

the time has come... lol.

: explain details. lol