1
00:00:00,633 --> 00:00:02,766
ကျွန်မ ဘာတွေကိုနှစ်သက်လဲသိလား? စာရင်းလေးတွေလေ..

2
00:00:02,766 --> 00:00:05,133
သင့်မှာ လုပ်စရာတစ်ခုခု ဒါမှမဟုတ် 
ဈေး၀ယ်ထွက်မယ့်အခါမျိုးတွေမှာဆို စာရင်းလုပ်ထားဖူးလား?

3
00:00:05,133 --> 00:00:07,342
အင်တာနက်စာမျက်နှာတစ်ခုခုမှာ

4
00:00:07,342 --> 00:00:10,401
မျက်နှာအပြောင်ဆုံး ထိပ်တန်း ခွေး(၁၀)မျိုးရဲ့စာရင်းတွေကောဖတ်ဖူးလား?

5
00:00:10,401 --> 00:00:13,700
ကမ္ဘာကြီးဟာ စာရင်းတွေနဲ့ပဲ ပြည့်နက်နေတဲ့တော့
အဲ့လိုဟာမျိုးတွေ သင်ဖတ်ဖူးလိမ့်မယ်ဆိုတာ ကျွန်မကျိန်းသေပြောရဲပါတယ်.

6
00:00:13,700 --> 00:00:16,100
"HTML" မှာ အဲ့လိုစာရင်းတွေလုပ်နိုင်ဖို့အတွက်
သတ်မှတ်ပေးထားတဲ့ အတွဲလေးတွေပါရှိတယ်။

7
00:00:16,100 --> 00:00:18,966
အဲ့ဒီတော့ ကျွန်မတို့ "ယုန်တွေဟာ ဘာကြောင့်
အိမ်မွေးတိရစ္ဆာန် ဖြစ်လာရသလဲ"ဆိုတာ

8
00:00:18,966 --> 00:00:23,963
နံပါတ်စဉ်တပ် စာရင်းလုပ်ကြည့်ရင်းနဲ့
"HTML" နဲ့ စာရင်းလုပ်နည်းကို လေ့ကျင့်ကြတာပေါ့။

9
00:00:24,600 --> 00:00:27,133
ကဲ....အခု ကျည်ဆံပုံစံလေးနဲ့ စတဲ့စာရင်းတစ်ခုကိုလုပ်ဖို့ဆိုရင်

10
00:00:27,133 --> 00:00:30,486
ပထမဦးဆုံးအနေနဲ့ ကျွန်တော်တို့ "ul" ဆိုတဲ့ အတွဲလေးနဲ့စတင်ရပါတယ်။

11
00:00:30,502 --> 00:00:32,433
ဟုတ်ပြီ.. ဒါဆို "ul" ရဲ့အရှည်ကောက်ပါ ဘာလဲ?

12
00:00:32,433 --> 00:00:36,100
'l' ရဲ့အရှည်ကောက်က 'list' (စာရင်း)ဖြစ်မှန်း သင်ခန့်မှန်းမိလိမ့်မယ်ဆိုတာ 
ကျွန်မပြောရဲပါတယ်

13
00:00:36,100 --> 00:00:39,933
'u' ကတော့ နည်းနည်းခက်လိမ့်မယ် 
သူက 'unordered' (အစဥ်လိုက်မရှိဘူး) ဆိုတဲ့စကားလုံးပါပဲ

14
00:00:39,933 --> 00:00:42,800
အဲ့တော့ အဲ့ဒီ "ul" လေးတွေနဲ့ထည့်ရေးလိုက်ခြင်းအားဖြင့် Browser တွေမှာ
ကိုယ့်ရဲ့ပစ္စည်းစာရင်းကို နံပါတ်စဥ်အနေနဲ့မဟုတ်တော့ဘဲ

15
00:00:42,800 --> 00:00:45,066
ကျည်ဆံအထောင့်လေးတွေပဲ မြင်ရတော့တာပေါ့

16
00:00:45,066 --> 00:00:48,367
ကျွန်မပြောတဲ့ဟာတွေသဘောပေါက်ဖို့အတွက်
ပထမဆုံးအနေနဲ့ တစ်ခုခုထည့်ရေးကြည့်ရအောင်

17
00:00:48,367 --> 00:00:50,200
" They're Furry" (သူတို့ တွေဟာ အမွှေးထူကြတယ်)

18
00:00:50,200 --> 00:00:52,111
ဒီဘက်ဘေးက စက်၀ိုင်းလေးလိုလိုဟာလေးကို မြင်ရလား

19
00:00:52,111 --> 00:00:53,268
ကျည်ဆံပုံစံလေးနဲ့လေ။

20
00:00:53,268 --> 00:00:55,933
ဟုတ်ပြီ အခုနောက်တစ်ခုက 'li' ဆိုတဲ့စာလုံးနှစ်လုံး
သူတို့ရဲ့အရှည်ကောက်က ဘာတွေဖြစ်မယ်ထင်လဲ

21
00:00:55,933 --> 00:00:59,933
အဲ့မှာ 'l' က 'list' (စာရင်း) ဖြစ်ပြီး 
'i' က 'item' (ပစ္စည်းအမျိုးအမည်) ပေါ့

22
00:00:59,933 --> 00:01:01,700
ပစ္စည်းအသစ်တစ်ခုကို ထပ်ထည့်တိုင်း

23
00:01:01,700 --> 00:01:05,633
ကျွန်မတို့ 'li' ဆိုတဲ့ဟာလေးကို 'ul' ရဲ့အောက်မှာ အသစ်ထည့်ပေးရတယ်

24
00:01:05,633 --> 00:01:08,500
'ul' တစ်ခုရဲ့အောက်မှာ 'li' အနည်းဆုံးတစ်ခုရှိရတယ်

25
00:01:08,500 --> 00:01:11,833
ဘာလို့လဲဆိုတော့ ပစ္စည်းမပါဘဲ 
နံပါတ်စဥ်သက်သက်ပဲဆိုရင် မြင်ရတာငြီးငွေးစရာကြီးလေ။

26
00:01:11,833 --> 00:01:13,733
ကောင်းပြီ.. အဲ့တော့ နောက်ထပ်ပြီး အဲ့လိုလေး ထပ်ထည့်ကြည့်ရအောင်

27
00:01:13,733 --> 00:01:17,366
"Great Listeners" (ယုန်တွေက) ဆိုတဲ့စာကြောင်းနဲ့

28
00:01:17,366 --> 00:01:21,535
(သင်မစားရသေးတဲ့ ခါကြက်ဥတွေကို အကုန်စားပစ်တယ်)

29
00:01:22,146 --> 00:01:24,933
ဟုတ်ပြီ ခုစာရင်းလုပ်ထားတဲ့ စာကြောင်းလေးက
သဘောကျစရာစာကြောင်းလေးဖြစ်နေတော့

30
00:01:24,933 --> 00:01:28,433
ဒီဟာကို ဖတ်ပြီး ယုန်ကို မလိုချင်တော့တဲ့သူ ရှိမလားပဲ

31
00:01:28,433 --> 00:01:30,000
ကျွန်မ အခုဒီစာရင်းတွေကို စဥ်မတပ်ထားဘူး

32
00:01:30,000 --> 00:01:31,767
ဘာလို့လဲဆိုတော့ ဘယ်ဟာက ဘယ်ဟာထက်

33
00:01:31,767 --> 00:01:33,600
ပိုအရေးကြီးတယ်ဆိုတာ မထင်ရလို့လေ

34
00:01:33,600 --> 00:01:36,666
ဒါပေမယ့် လူသိများတဲ့ "ထိပ်ဆုံးယုန်သုံးမျိုး" လို့

35
00:01:36,666 --> 00:01:38,133
ကျွန်မတို့ရေးချင်တဲ့အခါမျိုးတွေမှာတော့

36
00:01:38,133 --> 00:01:43,133
နံပါတ်စဥ် တပ်ဖို့လိုမှာပေါ့။

37
00:01:44,866 --> 00:01:47,233
ကောင်းပြီ နောက်တစ်ခုက ကျွန်မတို့ 'ul' အစား 'ol' ကိုသုံးပြီး

38
00:01:47,233 --> 00:01:51,166
နံပါတ်စဥ်တပ်ကြည့်ကြရအောင်

39
00:01:51,166 --> 00:01:54,633
'ol' ဆိုတဲ့အရှည်ကောက်လေးတွေကော ဘာဖြစ်လိမ့်မယ်လို့ ထင်ရလဲ

40
00:01:54,633 --> 00:01:56,281
သဲလွန်စအနေနဲ့ပေးရမယ်ဆိုရင်

41
00:01:56,281 --> 00:01:59,233
စောစောတုန်းက ပြောခဲ့တဲ့ 'ul' အရှည်ကောက်ရဲ့ ပြောင်းပြန်ဆိုပါတော့

42
00:01:59,233 --> 00:02:02,633
ဘာဖြစ်မှာလဲဆိုတော့ 'ordered list' (နံပါတ်စဥ်တပ်ထားတဲ့စာရင်း) ဆိုတာပေါ့။

43
00:02:02,633 --> 00:02:04,566
အဲ့ဒီ 'ol' လေး ထည့်လိုက်ခြင်းအားဖြင့် Browser က

44
00:02:04,566 --> 00:02:06,533
စာကြောင်းအသစ် (ပစ္စည်းအသစ်) တွေကို အလိုအလျှောက် နံပါတ်စဥ်တပ်ပေးသွားမှာ။

45
00:02:06,533 --> 00:02:09,500
စာရင်းတွေထဲကို ကျွန်မတို့ ပစ္စည်းအသစ်တွေထည့်တဲ့အခါမှာ

46
00:02:09,500 --> 00:02:11,733
'li' ဆိုတဲ့ဟာလေးနဲ့လည်း ပြန်သုံးလို့ရပါသေးတယ်

47
00:02:11,733 --> 00:02:13,400
ဥပမာဆိုပါဆို့ "Bugs Bunny"

48
00:02:13,400 --> 00:02:15,866
ပြီးတော့ "Thumper"

49
00:02:15,866 --> 00:02:19,300
နောက်ထပ်တစ်ခု "Easter Bunny" ဆိုတဲ့စာကြောင်းသုံးကြောင်းကို

50
00:02:20,988 --> 00:02:22,533
Browser က ကျကျနနနဲ့

51
00:02:22,533 --> 00:02:25,033
နံပါတ်စဥ်တပ်ပြီး စီပေးလိုက်တော့ သပ်သပ်ရပ်ရပ် ရှိသွားတာပေါ့။

52
00:02:25,033 --> 00:02:27,733
ဒါကြောင့် ကျွန်မတို့ ပစ္စည်းတွေကို ပြန်စီမယ်၊ ဖျက်မယ် 
ဒါမှမဟုတ် အသစ်ထည့်မယ်ဆိုရင်တောင်

53
00:02:27,733 --> 00:02:30,400
Browser က နံပါတ်စဥ်တွေကို အမြဲမှန်နေအောင် ပြန်စီပေးသွားမှာဖြစ်တယ်။

54
00:02:30,400 --> 00:02:32,133
တကယ်လို့ သင်တို့က ကျွန်မကို "Thumper" ဆိုတာ ဘယ်သူတုန်း

55
00:02:32,133 --> 00:02:33,800
သူ့ကိုမသိဘူးလို့ ပြောလာခဲ့ရင်

56
00:02:33,800 --> 00:02:35,933
ကျွန်မက ပထမဆုံးဦးဆုံးအနေနဲ့

57
00:02:35,933 --> 00:02:37,400
သင်တို့ "Bambi" ရုပ်ရှင်ကို အရင်ကြည့်သင့်တယ် ဆိုပြီး

58
00:02:37,400 --> 00:02:39,300
ကတ်သီးကတ်သပ်နဲ့ အဲ့ "Thumper" ဆိုတဲ့စာကြောင်းကို

59
00:02:39,300 --> 00:02:41,233
အောက်မှာ သွားထားလိုက်မယ်ဆိုရင်

60
00:02:41,233 --> 00:02:44,466
"Thumper" ဆိုတဲ့စာကြောင်းက အလိုအလျောက် နံပါတ်စဥ် သုံး ဖြစ်သွားမှာ။

61
00:02:44,466 --> 00:02:47,133
ကဲ့ ဒီလောက်ဆို စာရင်းတွေဘယ်လိုစီရလဲဆိုတာ
အကုန်လည်းသိပြီးသွားပြီဆိုတော့

62
00:02:47,133 --> 00:02:50,329
ဆက်ပြီး ပစ္စည်းတွေအားလုံးကို စာရင်းတွေ လုပ်ကြည့်ကြပါစို့ ..