Thuta Learning
ရှာဖွေရန်
Web Developmentbeginnerweb-developmentinternethttpfrontendbackendarchitecturerenderingwebsocketpwa

How the Web Works

Web development system map ပါ — Internet, browser, DNS, server, frontend/backend, database, API, authentication, rendering model, real-time communication, PWA တို့ကို architecture ပုံစံတစ်ခုတည်းအဖြစ် ဆက်စပ်ပြသပေးတဲ့ tutorial ၂၅ ခန်း — deep-dive tutorial ရှိပြီးသား piece တိုင်းအတွက် ဆက်လက်လေ့လာရန် link ပါဝင်ပါတယ်။

25 သင်ခန်းစာများ · 620 မိနစ် · Learning Platform Editorial Team

Web Development ရဲ့ ရုပ်လုံးကြီးပုံ

လက်ထဲမှာ ဘာရှိရင် ရပြီ

  • မလိုအပ်ပါ — concept တိုင်းကို diagram နှင့် prose ကနေ သင်ပေးပါတယ်
  • အကြံပြု: web browser ရဲ့ developer tools — သက်ဆိုင်ရာ lesson ဖတ်နေစဉ် request/cookie အစစ်များကို ကြည့်ရန်
  • JavaScript example သေးသေးလေးများကို run ရန် Node.js environment

မစခင် ဒီလောက်ပဲ သိထားပါ

  • မလိုအပ်ပါ — ဒီ course က web development အတွေ့အကြုံ လုံးဝ မလိုအပ်ဘူးလို့ ယူဆထားပြီး HTML, CSS, JavaScript, React, Node.js, API Tutorial စသည်တို့ မစတင်မီ အကြံပြု starting point ဖြစ်ပါတယ်
  • ဒီ course က SYSTEM MAP ကို သင်ပေးပါတယ် — piece တွေ ဘယ်လို ဆက်စပ်နေလဲဆိုတာ — technology တစ်ခုချင်းရဲ့ syntax မဟုတ်ပါ။ Syntax အသေးစိတ်နှင့် hands-on tool skill တွေက ဒီ site ရဲ့ dedicated tutorial တွေထဲမှာ ရှိပြီး၊ သက်ဆိုင်ရာ lesson ကနေ link ပါဝင်ပါတယ်
  • အကူအညီဖြစ်ပေမယ့် မလိုအပ်ပါ — web browser သုံးပြီး website ဝင်ကြည့်တတ်ခြင်း (လူအများစု ရှိပြီးသား)

ဒီသင်တန်းပြီးရင် ကိုယ်ဘာလုပ်တတ်မလဲ

  • URL ရိုက်ထည့်တာကနေ screen ပေါ်မှာ page render ဖြစ်လာတဲ့အထိ အဆင့်ဆင့် ခြေရာခံနိုင်ခြင်း
  • Client/server နှင့် frontend/backend mental model ကို binary တင်းတင်းကြပ်ကြပ် မဟုတ်ဘဲ ရှင်းပြနိုင်ခြင်း
  • Domain, DNS, hosting, CDN ကို ခွဲခြားနိုင်ပြီး ဘယ် deep-dive course က ဘယ်ဟာကို အသေးစိတ် ဖုံးလွှမ်းလဲ သိရှိခြင်း
  • Cookie, session, authentication, authorization ကို ဆက်စပ်နေပေမယ့် တကယ် မတူညီတဲ့ concept လေးခုအဖြစ် ရှင်းပြနိုင်ခြင်း
  • REST နှင့် GraphQL, CSR/SSR/SSG တို့ကို universal winner မကြေညာဘဲ တရားမျှတစွာ နှိုင်းယှဉ်နိုင်ခြင်း
  • Web app တစ်ခုမှာ plain request/response အစား WebSocket/SSE ဘယ်တော့ လိုအပ်လဲ, PWA က တကယ်ဘာ ထပ်ပေးလဲ ရှင်းပြနိုင်ခြင်း
  • System အစစ်တစ်ခု (SaaS, real-time, AI-powered, e-commerce) ရဲ့ architecture diagram ကို ဖတ်ပြီး component အဓိကတစ်ခုချင်းစီရဲ့ အခန်းကဏ္ဍကို ခွဲခြားသိနိုင်ခြင်း