Final Checklist

စိတ်လျှော့ပါ။ ဒီခန်းကို စာအုပ်လိုမဟုတ်ဘဲ စကားပြောသလိုပဲ၊ နားလည်လွယ်အောင် ရှင်းပါမယ်။

HTML သင်ခန်းစာပြီးတဲ့အခါ ဒီ checklist နဲ့ကိုယ့် page ကိုစစ်ပါ။ Checklist မရှိဘဲ launch လုပ်တာက passport မစစ်ဘဲ airport သွားသလိုပါ — နောက်ဆုံးမှာ gate ကပြန်လှည့်ခိုင်းနိုင်ပါတယ်။

Document မှာ <!DOCTYPE html>, lang, charset, viewport ပါလား?
Page တစ်ခုမှာ main <h1> ရှိလား?
Images အားလုံးမှာ meaningful alt ပါလား?
Forms မှာ label နဲ့ input ချိတ်ထားလား?
Links တွေကမှန်တဲ့နေရာသွားလား?
Semantic tags ကိုသင့်တော်တဲ့နေရာမှာသုံးထားလား?
Mobile screen မှာ text ဖတ်လို့ကောင်းလား၊ horizontal scroll မဖြစ်ဘူးလား?
Code indentation ဖတ်ရလွယ်လား?

ဒီအဆင့်တွေပြည့်ရင် CSS နဲ့ JavaScript ကိုဆက်လေ့လာဖို့ foundation တော်တော်တည်ငြိမ်သွားပါပြီ။

html

<!-- A clean starter template -->
<!DOCTYPE html>
<html lang="my">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My Clean HTML Page</title>
</head>
<body>
  <header>
    <h1>My Website</h1>
  </header>
  <main>
    <p>Start building from here.</p>
  </main>
</body>
</html>

You should see

နောက် project တိုင်းအတွက်အသုံးပြုနိုင်တဲ့ clean starter template တစ်ခုရပါမယ်။