Return to Video

HTML Lists (Video Version)

  • 0:01 - 0:03
    ကျွန်မ ဘာတွေကိုနှစ်သက်လဲသိလား? စာရင်းလေးတွေလေ..
  • 0:03 - 0:05
    သင့်မှာ လုပ်စရာတစ်ခုခု ဒါမှမဟုတ်
    ဈေး၀ယ်ထွက်မယ့်အခါမျိုးတွေမှာဆို စာရင်းလုပ်ထားဖူးလား?
  • 0:05 - 0:07
    အင်တာနက်စာမျက်နှာတစ်ခုခုမှာ
  • 0:07 - 0:10
    မျက်နှာအပြောင်ဆုံး ထိပ်တန်း ခွေး(၁၀)မျိုးရဲ့စာရင်းတွေကောဖတ်ဖူးလား?
  • 0:10 - 0:14
    ကမ္ဘာကြီးဟာ စာရင်းတွေနဲ့ပဲ ပြည့်နက်နေတဲ့တော့
    အဲ့လိုဟာမျိုးတွေ သင်ဖတ်ဖူးလိမ့်မယ်ဆိုတာ ကျွန်မကျိန်းသေပြောရဲပါတယ်.
  • 0:14 - 0:16
    "HTML" မှာ အဲ့လိုစာရင်းတွေလုပ်နိုင်ဖို့အတွက်
    သတ်မှတ်ပေးထားတဲ့ အတွဲလေးတွေပါရှိတယ်။
  • 0:16 - 0:19
    အဲ့ဒီတော့ ကျွန်မတို့ "ယုန်တွေဟာ ဘာကြောင့်
    အိမ်မွေးတိရစ္ဆာန် ဖြစ်လာရသလဲ"ဆိုတာ
  • 0:19 - 0:24
    နံပါတ်စဉ်တပ် စာရင်းလုပ်ကြည့်ရင်းနဲ့
    "HTML" နဲ့ စာရင်းလုပ်နည်းကို လေ့ကျင့်ကြတာပေါ့။
  • 0:25 - 0:27
    ကဲ....အခု ကျည်ဆံပုံစံလေးနဲ့ စတဲ့စာရင်းတစ်ခုကိုလုပ်ဖို့ဆိုရင်
  • 0:27 - 0:30
    ပထမဦးဆုံးအနေနဲ့ ကျွန်တော်တို့ "ul" ဆိုတဲ့ အတွဲလေးနဲ့စတင်ရပါတယ်။
  • 0:31 - 0:32
    ဟုတ်ပြီ.. ဒါဆို "ul" ရဲ့အရှည်ကောက်ပါ ဘာလဲ?
  • 0:32 - 0:36
    'l' ရဲ့အရှည်ကောက်က 'list' (စာရင်း)ဖြစ်မှန်း သင်ခန့်မှန်းမိလိမ့်မယ်ဆိုတာ
    ကျွန်မပြောရဲပါတယ်
  • 0:36 - 0:40
    'u' ကတော့ နည်းနည်းခက်လိမ့်မယ်
    သူက 'unordered' (အစဥ်လိုက်မရှိဘူး) ဆိုတဲ့စကားလုံးပါပဲ
  • 0:40 - 0:43
    အဲ့တော့ အဲ့ဒီ "ul" လေးတွေနဲ့ထည့်ရေးလိုက်ခြင်းအားဖြင့် Browser တွေမှာ
    ကိုယ့်ရဲ့ပစ္စည်းစာရင်းကို နံပါတ်စဥ်အနေနဲ့မဟုတ်တော့ဘဲ
  • 0:43 - 0:45
    ကျည်ဆံအထောင့်လေးတွေပဲ မြင်ရတော့တာပေါ့
  • 0:45 - 0:48
    ကျွန်မပြောတဲ့ဟာတွေသဘောပေါက်ဖို့အတွက်
    ပထမဆုံးအနေနဲ့ တစ်ခုခုထည့်ရေးကြည့်ရအောင်
  • 0:48 - 0:50
    " They're Furry" (သူတို့ တွေဟာ အမွှေးထူကြတယ်)
  • 0:50 - 0:52
    ဒီဘက်ဘေးက စက်၀ိုင်းလေးလိုလိုဟာလေးကို မြင်ရလား
  • 0:52 - 0:53
    ကျည်ဆံပုံစံလေးနဲ့လေ။
  • 0:53 - 0:56
    ဟုတ်ပြီ အခုနောက်တစ်ခုက 'li' ဆိုတဲ့စာလုံးနှစ်လုံး
    သူတို့ရဲ့အရှည်ကောက်က ဘာတွေဖြစ်မယ်ထင်လဲ
  • 0:56 - 1:00
    အဲ့မှာ 'l' က 'list' (စာရင်း) ဖြစ်ပြီး
    'i' က 'item' (ပစ္စည်းအမျိုးအမည်) ပေါ့
  • 1:00 - 1:02
    ပစ္စည်းအသစ်တစ်ခုကို ထပ်ထည့်တိုင်း
  • 1:02 - 1:06
    ကျွန်မတို့ 'li' ဆိုတဲ့ဟာလေးကို 'ul' ရဲ့အောက်မှာ အသစ်ထည့်ပေးရတယ်
  • 1:06 - 1:08
    'ul' တစ်ခုရဲ့အောက်မှာ 'li' အနည်းဆုံးတစ်ခုရှိရတယ်
  • 1:08 - 1:12
    ဘာလို့လဲဆိုတော့ ပစ္စည်းမပါဘဲ
    နံပါတ်စဥ်သက်သက်ပဲဆိုရင် မြင်ရတာငြီးငွေးစရာကြီးလေ။
  • 1:12 - 1:14
    ကောင်းပြီ.. အဲ့တော့ နောက်ထပ်ပြီး အဲ့လိုလေး ထပ်ထည့်ကြည့်ရအောင်
  • 1:14 - 1:17
    "Great Listeners" (ယုန်တွေက) ဆိုတဲ့စာကြောင်းနဲ့
  • 1:17 - 1:22
    (သင်မစားရသေးတဲ့ ခါကြက်ဥတွေကို အကုန်စားပစ်တယ်)
  • 1:22 - 1:25
    ဟုတ်ပြီ ခုစာရင်းလုပ်ထားတဲ့ စာကြောင်းလေးက
    သဘောကျစရာစာကြောင်းလေးဖြစ်နေတော့
  • 1:25 - 1:28
    ဒီဟာကို ဖတ်ပြီး ယုန်ကို မလိုချင်တော့တဲ့သူ ရှိမလားပဲ
  • 1:28 - 1:30
    ကျွန်မ အခုဒီစာရင်းတွေကို စဥ်မတပ်ထားဘူး
  • 1:30 - 1:32
    ဘာလို့လဲဆိုတော့ ဘယ်ဟာက ဘယ်ဟာထက်
  • 1:32 - 1:34
    ပိုအရေးကြီးတယ်ဆိုတာ မထင်ရလို့လေ
  • 1:34 - 1:37
    ဒါပေမယ့် လူသိများတဲ့ "ထိပ်ဆုံးယုန်သုံးမျိုး" လို့
  • 1:37 - 1:38
    ကျွန်မတို့ရေးချင်တဲ့အခါမျိုးတွေမှာတော့
  • 1:38 - 1:43
    နံပါတ်စဥ် တပ်ဖို့လိုမှာပေါ့။
  • 1:45 - 1:47
    ကောင်းပြီ နောက်တစ်ခုက ကျွန်မတို့ 'ul' အစား 'ol' ကိုသုံးပြီး
  • 1:47 - 1:51
    နံပါတ်စဥ်တပ်ကြည့်ကြရအောင်
  • 1:51 - 1:55
    'ol' ဆိုတဲ့အရှည်ကောက်လေးတွေကော ဘာဖြစ်လိမ့်မယ်လို့ ထင်ရလဲ
  • 1:55 - 1:56
    သဲလွန်စအနေနဲ့ပေးရမယ်ဆိုရင်
  • 1:56 - 1:59
    စောစောတုန်းက ပြောခဲ့တဲ့ 'ul' အရှည်ကောက်ရဲ့ ပြောင်းပြန်ဆိုပါတော့
  • 1:59 - 2:03
    ဘာဖြစ်မှာလဲဆိုတော့ 'ordered list' (နံပါတ်စဥ်တပ်ထားတဲ့စာရင်း) ဆိုတာပေါ့။
  • 2:03 - 2:05
    အဲ့ဒီ 'ol' လေး ထည့်လိုက်ခြင်းအားဖြင့် Browser က
  • 2:05 - 2:07
    စာကြောင်းအသစ် (ပစ္စည်းအသစ်) တွေကို အလိုအလျှောက် နံပါတ်စဥ်တပ်ပေးသွားမှာ။
  • 2:07 - 2:10
    စာရင်းတွေထဲကို ကျွန်မတို့ ပစ္စည်းအသစ်တွေထည့်တဲ့အခါမှာ
  • 2:10 - 2:12
    'li' ဆိုတဲ့ဟာလေးနဲ့လည်း ပြန်သုံးလို့ရပါသေးတယ်
  • 2:12 - 2:13
    ဥပမာဆိုပါဆို့ "Bugs Bunny"
  • 2:13 - 2:16
    ပြီးတော့ "Thumper"
  • 2:16 - 2:19
    နောက်ထပ်တစ်ခု "Easter Bunny" ဆိုတဲ့စာကြောင်းသုံးကြောင်းကို
  • 2:21 - 2:23
    Browser က ကျကျနနနဲ့
  • 2:23 - 2:25
    နံပါတ်စဥ်တပ်ပြီး စီပေးလိုက်တော့ သပ်သပ်ရပ်ရပ် ရှိသွားတာပေါ့။
  • 2:25 - 2:28
    ဒါကြောင့် ကျွန်မတို့ ပစ္စည်းတွေကို ပြန်စီမယ်၊ ဖျက်မယ်
    ဒါမှမဟုတ် အသစ်ထည့်မယ်ဆိုရင်တောင်
  • 2:28 - 2:30
    Browser က နံပါတ်စဥ်တွေကို အမြဲမှန်နေအောင် ပြန်စီပေးသွားမှာဖြစ်တယ်။
  • 2:30 - 2:32
    တကယ်လို့ သင်တို့က ကျွန်မကို "Thumper" ဆိုတာ ဘယ်သူတုန်း
  • 2:32 - 2:34
    သူ့ကိုမသိဘူးလို့ ပြောလာခဲ့ရင်
  • 2:34 - 2:36
    ကျွန်မက ပထမဆုံးဦးဆုံးအနေနဲ့
  • 2:36 - 2:37
    သင်တို့ "Bambi" ရုပ်ရှင်ကို အရင်ကြည့်သင့်တယ် ဆိုပြီး
  • 2:37 - 2:39
    ကတ်သီးကတ်သပ်နဲ့ အဲ့ "Thumper" ဆိုတဲ့စာကြောင်းကို
  • 2:39 - 2:41
    အောက်မှာ သွားထားလိုက်မယ်ဆိုရင်
  • 2:41 - 2:44
    "Thumper" ဆိုတဲ့စာကြောင်းက အလိုအလျောက် နံပါတ်စဥ် သုံး ဖြစ်သွားမှာ။
  • 2:44 - 2:47
    ကဲ့ ဒီလောက်ဆို စာရင်းတွေဘယ်လိုစီရလဲဆိုတာ
    အကုန်လည်းသိပြီးသွားပြီဆိုတော့
  • 2:47 - 2:50
    ဆက်ပြီး ပစ္စည်းတွေအားလုံးကို စာရင်းတွေ လုပ်ကြည့်ကြပါစို့ ..
Title:
HTML Lists (Video Version)
Description:

{'type': u'plain'}

more » « less
Video Language:
English
Duration:
02:51

Burmese subtitles

Revisions Compare revisions