Web Development

CSS

A 30-lesson tutorial series for learning CSS step by step, right from the basics.

32 Lessons · 268 min

GraphQL

A complete 25-lesson GraphQL course from schema design and queries through mutations, resolvers, the N+1 problem, Apollo Server and Client, authentication, subscriptions, federation basics, and hands-on Blog API projects.

25 Lessons · 500 min

How the Web Works

The web development system map -- 25 lessons connecting the Internet, browsers, DNS, servers, frontend/backend, databases, APIs, authentication, rendering models, real-time communication, and PWAs into one coherent architecture picture, with pointers to this site's deep-dive courses for every piece that already has one.

25 Lessons · 620 min

Web Developmentintermediate

HTML

36 lessons to learn HTML step by step, starting from the basics.

38 Lessons · 288 min

Next.js

28 hands-on lessons that take you from the basics of the Next.js 16 App Router through Server Components, data, forms, security, and all the way to production deployment.

33 Lessons · 504 min

Web Developmentintermediate

Node.js

Learn Node.js from the ground up with this 18-lesson, step-by-step tutorial.

20 Lessons · 144 min

React

A 21-lesson tutorial for learning React step by step, starting from the basics.

26 Lessons · 168 min

Vue.js

20 hands-on lessons that take you from the basics of Vue 3 all the way to routing, Pinia, and a production project, explained step by step.

22 Lessons · 160 min

Articles

React နဲ့ Next.js ဘာကွာလဲ

React library နဲ့ Next.js framework တို့၏တာဝန်၊ rendering၊ routing နဲ့ project ရွေးချယ်ပုံကို ရှင်းလင်းစွာ နှိုင်းယှဉ်ထားပါတယ်။

8 min read

Web Development အတွက် အကောင်းဆုံး Tools

Tool များစွာစုဆောင်းမည့်အစား editor၊ browser DevTools၊ Git၊ package manager၊ formatter၊ testing နဲ့ API tools ပါဝင်သော အလုပ်ဖြစ်သည့် workflow တစ်ခုတည်ဆောက်ပါ။

8 min read

Vue, React, Angular — ဘယ်တစ်ခု ရွေးသင့်လဲ

Frontend framework သုံးခုလုံးက production-ready ဖြစ်ပြီး ဘယ်တစ်ခုမှ 'အကောင်းဆုံး' မဟုတ်ပါ။ တစ်ခုချင်းစီရဲ့ design philosophy၊ သင်ယူရလွယ်ကူမှု၊ အလုပ်အကိုင်ဈေးကွက်နဲ့ ဘယ်အခြေအနေမှာ ဘယ်ဟာက ပိုသင့်တော်လဲဆိုတာ လက်တွေ့ကျကျ နှိုင်းယှဉ်ပြထားပါတယ်။

10 min read

Guides

Next.js ဖြင့် REST API Endpoint တည်ဆောက်နည်း

App Router Route Handler သုံးပြီး input validation၊ မှန်ကန်သော status code နှင့် client အတွက် predictable error response ပါသော API endpoint တည်ဆောက်ပါမယ်။

Resources

Checklist

Next.js Production Checklist

Next.js app မတင်မီ build၊ metadata၊ caching၊ environment variables၊ error pages နှင့် monitoring ကိုစစ်ရန် checklist ဖြစ်သည်။

Checklist

REST API Design Checklist

Resource naming၊ validation၊ status codes၊ pagination၊ authentication နှင့် consistent error responses တို့ကို review လုပ်ရန်စာရင်းဖြစ်သည်။

Checklist

Web Accessibility Checklist

Keyboard၊ focus၊ headings၊ forms၊ color contrast နှင့် screen reader အတွက် page review လုပ်ရန် checklist ဖြစ်သည်။

Checklist

Web Performance Checklist

Images၊ fonts၊ JavaScript၊ caching နှင့် Core Web Vitals ကို အဓိက user flow အလိုက်စစ်ရန်စာရင်းဖြစ်သည်။