[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.77,0:00:02.61,Default,,0000,0000,0000,,- [Voiceover] ယခုသင့်ဝဘ်စာမျက်နှာတွင် jQuery ကိုအသုံးပြု
Dialogue: 0,0:00:02.61,0:00:05.72,Default,,0000,0000,0000,,ခြင်း၏အခြေခံအားဖြင့်သင့်ကိုပြောပြသွားမည်
Dialogue: 0,0:00:05.72,0:00:09.00,Default,,0000,0000,0000,,ပထမအဆင့်မှာ '<script>' tag ကို အသုံးပြု၍ jQuery library
Dialogue: 0,0:00:09.00,0:00:11.54,Default,,0000,0000,0000,,ကိုအမှန်တကယ်ထည့်သွင်းရန်ဖြစ်သည်။
Dialogue: 0,0:00:12.23,0:00:16.12,Default,,0000,0000,0000,,အခုအရင်တုန်းကငါတို့ရဲ့ 'tag' ကို JavaScript မှာထည့်ထားပေမယ့်
Dialogue: 0,0:00:16.12,0:00:20.28,Default,,0000,0000,0000,,ဒီတခါတော့ 'src' ဆိုတဲ့ attribute ကိုထည့်မယ်။
Dialogue: 0,0:00:20.28,0:00:24.39,Default,,0000,0000,0000,,ပြီးတော့အဲဒါကို URL တစ်ခုသတ်မှတ်ဖို့လိုတယ်။
Dialogue: 0,0:00:24.39,0:00:26.57,Default,,0000,0000,0000,,ဒီ URL ကဘာဖြစ်သင့်လဲ
Dialogue: 0,0:00:26.57,0:00:28.63,Default,,0000,0000,0000,,ကျွန်ုပ်သည်ကျွန်ုပ်၏ကိုယ်ပိုင်ကွန်ပျူတာပေါ်တွင်
Dialogue: 0,0:00:28.63,0:00:30.09,Default,,0000,0000,0000,,အလုပ်လုပ်နေပြီး jQuery ကိုကျွန်ုပ်၏ဝက်ဘ်စာမျက်နှာကဲ့သို့
Dialogue: 0,0:00:30.09,0:00:32.52,Default,,0000,0000,0000,,ဖိုင်တွဲတစ်ခုထဲသို့ဒေါင်းလုပ်ချလျှင်၊
Dialogue: 0,0:00:32.52,0:00:36.47,Default,,0000,0000,0000,,ငါဒီမှာ 'jquery.js' လို့ရေးနိုင်တယ်။
Dialogue: 0,0:00:36.47,0:00:39.41,Default,,0000,0000,0000,,ဒါပေမယ့် Khan Academy မှာ\Nဒါကအလုပ်ဖြစ်မှာမဟုတ်ဘူး။
Dialogue: 0,0:00:39.41,0:00:43.10,Default,,0000,0000,0000,,ဤနေရာတွင်အွန်လိုင်းဆာဗာတွင်
Dialogue: 0,0:00:43.10,0:00:45.88,Default,,0000,0000,0000,,jQuery ၏အကြွင်းမဲ့ URL လိုအပ်သည်။
Dialogue: 0,0:00:45.88,0:00:50.08,Default,,0000,0000,0000,,ထို jquery.com တွင်ထို URL များစာရင်းရှိသည်။
Dialogue: 0,0:00:50.62,0:00:52.74,Default,,0000,0000,0000,,ကျွန်ုပ်တွင်၎င်းတို့ထဲမှတစ်ခုထည့်ပါ။
Dialogue: 0,0:00:52.74,0:00:54.43,Default,,0000,0000,0000,,ဒီမှာ
Dialogue: 0,0:00:54.43,0:00:56.12,Default,,0000,0000,0000,,ကောင်းပါပြီ။ ယခုငါဒီ URL ကိုအကြောင်း\Nအနည်းငယ်သောအရာတို့ကို
Dialogue: 0,0:00:56.12,0:00:58.03,Default,,0000,0000,0000,,ထောက်ပြချင်တယ်။
Dialogue: 0,0:00:58.03,0:01:01.82,Default,,0000,0000,0000,,ပထမဆုံးအချက်မှာ၎င်းသည် \N'https' ဖြင့်စတင်သည်။
Dialogue: 0,0:01:01.82,0:01:05.23,Default,,0000,0000,0000,,ဆိုလိုသည်မှာ၎င်းသည်လုံခြုံသော \NURL ဖြစ်သည်။
Dialogue: 0,0:01:05.23,0:01:09.23,Default,,0000,0000,0000,,ကျွန်ုပ်တို့သည် Khan Academy ၏ဝဘ်စာမျက်နှာများတွင်
Dialogue: 0,0:01:09.23,0:01:11.21,Default,,0000,0000,0000,,လုံခြုံသောအရင်းအမြစ်များကိုသာသုံးရန်ခွင့်ပြုသည်၊
Dialogue: 0,0:01:11.21,0:01:15.34,Default,,0000,0000,0000,,၎င်းသည်ယေဘုယျအားဖြင့်ဝဘ်ဖွံ့ဖြိုးတိုးတက်မှုတွင်ကောင်းမွန်သောအလေ့အကျင့်ဖြစ်သည်။
Dialogue: 0,0:01:15.66,0:01:18.86,Default,,0000,0000,0000,,ဒုတိယအချက်ကတော့၊ အဲ
Dialogue: 0,0:01:18.86,0:01:22.75,Default,,0000,0000,0000,,ဒါဟာဂူဂဲလ်ဆာဗာမှာ googleapis.com ဖြစ်တယ်
Dialogue: 0,0:01:22.75,0:01:25.38,Default,,0000,0000,0000,,ဒီဆာဗာကို CDN လို့ခေါ်တယ်၊
Dialogue: 0,0:01:25.38,0:01:27.92,Default,,0000,0000,0000,,အကြောင်းအရာဖြန့်ဝေတဲ့ကွန်ယက်လို့ခေါ်တယ်၊
Dialogue: 0,0:01:27.92,0:01:29.41,Default,,0000,0000,0000,,ဆိုလိုတာက၎င်းဟာ static files တွေကို
Dialogue: 0,0:01:29.41,0:01:32.62,Default,,0000,0000,0000,,JavaScript libraries တွေကိုမြန်ဆန်စွာ
Dialogue: 0,0:01:32.62,0:01:35.39,Default,,0000,0000,0000,,ဆောင်ရွက်ပေးတာကိုဆိုလိုတယ်။
Dialogue: 0,0:01:35.39,0:01:38.16,Default,,0000,0000,0000,,ယခုဤဂူဂဲလ်ဆာဗာသည်ကျွန်ုပ်ယုံကြည်စိတ်ချရသော\Nတစ်ခုဖြစ်သည်။
Dialogue: 0,0:01:38.16,0:01:41.30,Default,,0000,0000,0000,,ယေဘုယျအားဖြင့်၊ သင်ဖြစ်နိုင်ချေရှိသော \Nအချိန်မှစ၍
Dialogue: 0,0:01:41.30,0:01:43.00,Default,,0000,0000,0000,,သင်ရယူခဲ့သော script များမှသင်အမြဲတမ်းယုံကြည်စိတ်ချသင့်သည်
Dialogue: 0,0:01:43.00,0:01:47.24,Default,,0000,0000,0000,,သင်၏စာမျက်နှာကိုထိခိုက်\Nစေသည့်အရာများလုပ်ပါ။
Dialogue: 0,0:01:47.40,0:01:50.01,Default,,0000,0000,0000,,တတိယအချက် - ဒီ URL မှာ\Nဗားရှင်းနံပါတ်ရှိတယ်
Dialogue: 0,0:01:50.01,0:01:53.81,Default,,0000,0000,0000,,2.1.4 ။
Dialogue: 0,0:01:53.81,0:01:56.40,Default,,0000,0000,0000,,jQuery library ကို development \Nလုပ်ကြသည်မှာအလွန်တက်ကြွပါတယ်
Dialogue: 0,0:01:56.40,0:01:59.02,Default,,0000,0000,0000,,ဗားရှင်အသစ်များလည်းမကြာမကြာထွက်\Nပါတယ်
Dialogue: 0,0:01:59.02,0:02:00.99,Default,,0000,0000,0000,,ဘယ်ဘက်မှနံပါတ်များသည်အဓိကဗားရှင်း\Nအပြောင်းအလဲများနှင့်
Dialogue: 0,0:02:00.99,0:02:03.28,Default,,0000,0000,0000,,အသေးစားဗားရှင်းများကိုကိုယ်စားပြုသော
Dialogue: 0,0:02:03.28,0:02:05.76,Default,,0000,0000,0000,,ညာဘက်သို့ပိုဝေးသောနံပါတ်များကို
Dialogue: 0,0:02:05.76,0:02:08.13,Default,,0000,0000,0000,,ကိုယ်စားပြုသည်။
Dialogue: 0,0:02:08.13,0:02:10.35,Default,,0000,0000,0000,,ငါ jQuery 2 ကိုဤနေရာတွင်သုံးသည်။
Dialogue: 0,0:02:10.35,0:02:12.30,Default,,0000,0000,0000,,၎င်းသည်ခေတ်မီ browser များ၌\Nအလုပ်လုပ်သော်လည်း
Dialogue: 0,0:02:12.30,0:02:14.48,Default,,0000,0000,0000,,IE8 တွင်အလုပ်မလုပ်ပါ။
Dialogue: 0,0:02:14.48,0:02:15.64,Default,,0000,0000,0000,,သင်၏ကိုယ်ပိုင်ဆိုဒ်တွင်
Dialogue: 0,0:02:15.64,0:02:19.63,Default,,0000,0000,0000,,သင်လိုအပ်သည့်အရာပေါ်\Nမူတည်၍ မည်သည့်ပုံစံကိုအသုံးပြုမည်ကိုဆုံးဖြတ်နိုင်သည်။
Dialogue: 0,0:02:19.63,0:02:22.81,Default,,0000,0000,0000,,ကောင်းပါပြီ။ ဒါကြောင့်ကျနော်တို့က\NjQuery ထည့်ထားပြီးပြီ
Dialogue: 0,0:02:22.81,0:02:24.97,Default,,0000,0000,0000,,'<script>' tag အထဲမှာ တကယ်
Dialogue: 0,0:02:24.97,0:02:28.27,Default,,0000,0000,0000,,သုံးကြည့်ရအောင်
Dialogue: 0,0:02:30.23,0:02:33.31,Default,,0000,0000,0000,,JavaScript library အားလုံးသည် function \Nအားလုံးကိုဖော်ပြပေးသည်
Dialogue: 0,0:02:33.31,0:02:35.36,Default,,0000,0000,0000,,ထို့အပြင် function အမည်များကိုလည်းပေးသည်
Dialogue: 0,0:02:35.36,0:02:37.01,Default,,0000,0000,0000,,ထို function အမည်များနှင့်
Dialogue: 0,0:02:37.01,0:02:39.26,Default,,0000,0000,0000,,၎င်းတို့အမှန်တကယ်ဘာလုပ်သည်ကို\Nရှာဖွေရန်ကျွန်ုပ်တို့သည်
Dialogue: 0,0:02:39.26,0:02:41.76,Default,,0000,0000,0000,,စာရွက်စာတမ်းများကိုကြည့်ရှုရန်လိုသည်။
Dialogue: 0,0:02:41.76,0:02:45.44,Default,,0000,0000,0000,,ကောင်းပြီ jQuery library သည်
Dialogue: 0,0:02:45.44,0:02:47.52,Default,,0000,0000,0000,,အဓိကလုပ်ဆောင်ချက်တစ်ခုကို\Nဖော်ပြပြီး၎င်းတွင်အလွန်တိုတောင်းသောနာမည်ရှိသည်။
Dialogue: 0,0:02:47.52,0:02:50.64,Default,,0000,0000,0000,,ဒါဟာဒေါ်လာစျေးနိမိတ်ပဲ။
Dialogue: 0,0:02:50.64,0:02:52.26,Default,,0000,0000,0000,,ဆိုလိုတာကငါတို့ပထမဆုံးရေးလိုက်တာက\Nဒေါ်လာ၊
Dialogue: 0,0:02:52.26,0:02:53.56,Default,,0000,0000,0000,,ပြီးတော့ကွင်းနှစ်ကွင်းပါ။
Dialogue: 0,0:02:53.56,0:02:56.53,Default,,0000,0000,0000,,ဘာဖြစ်လို့လဲဆိုတော့ဒါက function ဖြစ်ပြီး
Dialogue: 0,0:02:56.53,0:02:59.41,Default,,0000,0000,0000,,semicolon ပါ။
Dialogue: 0,0:02:59.41,0:03:01.93,Default,,0000,0000,0000,,အခုဒီ function name ကအရမ်းတို\Nနေတာကိုး။
Dialogue: 0,0:03:01.93,0:03:05.76,Default,,0000,0000,0000,,အဲ့ဒီ function ကိုကျွန်တော်တို့ကကြောက်စရာ\Nကောင်းအောင်အများကြီးလုပ်နေလို့လေ။
Dialogue: 0,0:03:06.23,0:03:08.93,Default,,0000,0000,0000,,ဒီ function ကိုကျွန်ုပ်တို့သွားနိုင်တဲ့\Nအရာများစွာရှိပါတယ်။
Dialogue: 0,0:03:08.93,0:03:10.30,Default,,0000,0000,0000,,ဒါပေမယ့်ဒီမိတ်ဆက်ဥပမာအတွက်
Dialogue: 0,0:03:10.30,0:03:15.25,Default,,0000,0000,0000,,ငါ 'h1' string တစ်ခုသာသွားမယ်။
Dialogue: 0,0:03:16.32,0:03:17.70,Default,,0000,0000,0000,,ဒါကိုကျွန်ုပ်တို့လုပ်ပြီးသွားရင်
Dialogue: 0,0:03:17.70,0:03:19.72,Default,,0000,0000,0000,,jQuery ကို ဒီစာမျက်နှာမှာ 'h1' element\Nကိုရှာခိုင်းပြီး
Dialogue: 0,0:03:19.72,0:03:23.10,Default,,0000,0000,0000,,၄င်းကို jQuery collection
Dialogue: 0,0:03:23.10,0:03:28.05,Default,,0000,0000,0000,,object အဖြစ်သို့ပြောင်းလဲမည်
Dialogue: 0,0:03:28.15,0:03:29.31,Default,,0000,0000,0000,,အဲဒါကိုလုပ်ပြီးရင်
Dialogue: 0,0:03:29.31,0:03:33.23,Default,,0000,0000,0000,,jQuery object တွေ့သမျ 'h1' element \Nကိုစစ်ရန်
Dialogue: 0,0:03:33.23,0:03:37.20,Default,,0000,0000,0000,,တခြား\Nနည်းလမ်းခေါ်လိုရပါတယ်
Dialogue: 0,0:03:37.20,0:03:39.94,Default,,0000,0000,0000,,ငါကသူတို့အားလုံးကို၏
Dialogue: 0,0:03:39.94,0:03:43.36,Default,,0000,0000,0000,,အတွင်းပိုင်းစာသားကိုပြောင်းလဲချင်
Dialogue: 0,0:03:43.36,0:03:46.04,Default,,0000,0000,0000,,လျှင်လိုပဲငါ 'text' function ကို\Nခေါ်ပြီးတော့ string ကိုပေးလိုက်တယ်။
Dialogue: 0,0:03:47.24,0:03:48.49,Default,,0000,0000,0000,,အဲဒါအလုပ်လုပ်နေတယ်
Dialogue: 0,0:03:48.49,0:03:49.79,Default,,0000,0000,0000,,ကောင်းပြီ
Dialogue: 0,0:03:49.79,0:03:50.80,Default,,0000,0000,0000,,လုပ်ပြီးပြီ
Dialogue: 0,0:03:50.80,0:03:53.03,Default,,0000,0000,0000,,၎င်းသည်ကျွန်ုပ်တို့၏\Nပထမဆုံး jQuery ဖြစ်သည်။
Dialogue: 0,0:03:53.03,0:03:56.91,Default,,0000,0000,0000,,ထို့ကြောင့်ကျွန်ုပ်တို့သည် jQuery libraryကို
Dialogue: 0,0:03:56.91,0:03:59.82,Default,,0000,0000,0000,,'' tag နှင့်ထည့်ပြီးစာမျက်နှာရှိ 'h1s' \Nအားလုံးကိုရှာရန်။
Dialogue: 0,0:03:59.82,0:04:03.64,Default,,0000,0000,0000,,jQuery ကိုပြောပြီးနောက်၎င်းတို့အားလုံး၏စာသားကိုပြောင်းလဲရန် jQuery နှင့်လုပ်ခိုင်းခဲ့သည်
Dialogue: 0,0:04:03.64,0:04:06.33,Default,,0000,0000,0000,,သင်ဆက်လေ့လာရင်
Dialogue: 0,0:04:06.33,0:04:07.65,Default,,0000,0000,0000,,အသေးစိတ်အချက်အလက်များကိုသိနိုင်ပြီး
Dialogue: 0,0:04:07.65,0:04:11.12,Default,,0000,0000,0000,,ရွေးချယ်ဖို့နဲ့ element manipulate ပိုသိနိုင်လာပါလိမ့်မယ်
Dialogue: 0,0:04:11.12,0:04:14.35,Default,,0000,0000,0000,,စာမျက်နှာက user event တွေကိုလည်း \NjQuery က တုန့်ပြန်လိမ့်မယ်
Dialogue: 0,0:04:14.35,0:04:18.56,Default,,0000,0000,0000,,ဒါအပြင် animation နဲ့ effects တွေလည်းပါပါလိမ့်မယ်