0:00:00.770,0:00:02.612
- [Voiceover] ယခုသင့်ဝဘ်စာမျက်နှာတွင် jQuery ကိုအသုံးပြု

0:00:02.612,0:00:05.722
ခြင်း၏အခြေခံအားဖြင့်သင့်ကိုပြောပြသွားမည်

0:00:05.722,0:00:09.005
ပထမအဆင့်မှာ '<script>' tag ကို အသုံးပြု၍ jQuery library

0:00:09.005,0:00:11.542
ကိုအမှန်တကယ်ထည့်သွင်းရန်ဖြစ်သည်။

0:00:12.232,0:00:16.122
အခုအရင်တုန်းကငါတို့ရဲ့ 'tag' ကို JavaScript မှာထည့်ထားပေမယ့်

0:00:16.122,0:00:20.276
ဒီတခါတော့ 'src' ဆိုတဲ့ attribute ကိုထည့်မယ်။

0:00:20.276,0:00:24.391
ပြီးတော့အဲဒါကို URL တစ်ခုသတ်မှတ်ဖို့လိုတယ်။

0:00:24.391,0:00:26.566
ဒီ URL ကဘာဖြစ်သင့်လဲ

0:00:26.566,0:00:28.628
ကျွန်ုပ်သည်ကျွန်ုပ်၏ကိုယ်ပိုင်ကွန်ပျူတာပေါ်တွင်

0:00:28.628,0:00:30.093
အလုပ်လုပ်နေပြီး jQuery ကိုကျွန်ုပ်၏ဝက်ဘ်စာမျက်နှာကဲ့သို့

0:00:30.093,0:00:32.525
ဖိုင်တွဲတစ်ခုထဲသို့ဒေါင်းလုပ်ချလျှင်၊

0:00:32.525,0:00:36.473
ငါဒီမှာ 'jquery.js' လို့ရေးနိုင်တယ်။

0:00:36.473,0:00:39.408
ဒါပေမယ့် Khan Academy မှာ[br]ဒါကအလုပ်ဖြစ်မှာမဟုတ်ဘူး။

0:00:39.408,0:00:43.096
ဤနေရာတွင်အွန်လိုင်းဆာဗာတွင်

0:00:43.096,0:00:45.885
jQuery ၏အကြွင်းမဲ့ URL လိုအပ်သည်။

0:00:45.885,0:00:50.082
ထို jquery.com တွင်ထို URL များစာရင်းရှိသည်။

0:00:50.622,0:00:52.738
ကျွန်ုပ်တွင်၎င်းတို့ထဲမှတစ်ခုထည့်ပါ။

0:00:52.738,0:00:54.430
ဒီမှာ

0:00:54.430,0:00:56.119
ကောင်းပါပြီ။ ယခုငါဒီ URL ကိုအကြောင်း[br]အနည်းငယ်သောအရာတို့ကို

0:00:56.119,0:00:58.031
ထောက်ပြချင်တယ်။

0:00:58.031,0:01:01.820
ပထမဆုံးအချက်မှာ၎င်းသည် [br]'https' ဖြင့်စတင်သည်။

0:01:01.820,0:01:05.231
ဆိုလိုသည်မှာ၎င်းသည်လုံခြုံသော [br]URL ဖြစ်သည်။

0:01:05.231,0:01:09.231
ကျွန်ုပ်တို့သည် Khan Academy ၏ဝဘ်စာမျက်နှာများတွင်

0:01:09.231,0:01:11.207
လုံခြုံသောအရင်းအမြစ်များကိုသာသုံးရန်ခွင့်ပြုသည်၊

0:01:11.207,0:01:15.343
၎င်းသည်ယေဘုယျအားဖြင့်ဝဘ်ဖွံ့ဖြိုးတိုးတက်မှုတွင်ကောင်းမွန်သောအလေ့အကျင့်ဖြစ်သည်။

0:01:15.663,0:01:18.862
ဒုတိယအချက်ကတော့၊ အဲ

0:01:18.862,0:01:22.751
ဒါဟာဂူဂဲလ်ဆာဗာမှာ googleapis.com ဖြစ်တယ်

0:01:22.751,0:01:25.385
ဒီဆာဗာကို CDN လို့ခေါ်တယ်၊

0:01:25.385,0:01:27.921
အကြောင်းအရာဖြန့်ဝေတဲ့ကွန်ယက်လို့ခေါ်တယ်၊

0:01:27.921,0:01:29.406
ဆိုလိုတာက၎င်းဟာ static files တွေကို

0:01:29.406,0:01:32.625
JavaScript libraries တွေကိုမြန်ဆန်စွာ

0:01:32.625,0:01:35.388
ဆောင်ရွက်ပေးတာကိုဆိုလိုတယ်။

0:01:35.388,0:01:38.164
ယခုဤဂူဂဲလ်ဆာဗာသည်ကျွန်ုပ်ယုံကြည်စိတ်ချရသော[br]တစ်ခုဖြစ်သည်။

0:01:38.164,0:01:41.301
ယေဘုယျအားဖြင့်၊ သင်ဖြစ်နိုင်ချေရှိသော [br]အချိန်မှစ၍

0:01:41.301,0:01:43.002
သင်ရယူခဲ့သော script များမှသင်အမြဲတမ်းယုံကြည်စိတ်ချသင့်သည်

0:01:43.002,0:01:47.240
သင်၏စာမျက်နှာကိုထိခိုက်[br]စေသည့်အရာများလုပ်ပါ။

0:01:47.400,0:01:50.013
တတိယအချက် - ဒီ URL မှာ[br]ဗားရှင်းနံပါတ်ရှိတယ်

0:01:50.013,0:01:53.807
2.1.4 ။

0:01:53.807,0:01:56.402
jQuery library ကို development [br]လုပ်ကြသည်မှာအလွန်တက်ကြွပါတယ်

0:01:56.402,0:01:59.015
ဗားရှင်အသစ်များလည်းမကြာမကြာထွက်[br]ပါတယ်

0:01:59.015,0:02:00.987
ဘယ်ဘက်မှနံပါတ်များသည်အဓိကဗားရှင်း[br]အပြောင်းအလဲများနှင့်

0:02:00.987,0:02:03.279
အသေးစားဗားရှင်းများကိုကိုယ်စားပြုသော

0:02:03.279,0:02:05.755
ညာဘက်သို့ပိုဝေးသောနံပါတ်များကို

0:02:05.755,0:02:08.134
ကိုယ်စားပြုသည်။

0:02:08.134,0:02:10.353
ငါ jQuery 2 ကိုဤနေရာတွင်သုံးသည်။

0:02:10.353,0:02:12.295
၎င်းသည်ခေတ်မီ browser များ၌[br]အလုပ်လုပ်သော်လည်း

0:02:12.295,0:02:14.484
IE8 တွင်အလုပ်မလုပ်ပါ။

0:02:14.484,0:02:15.635
သင်၏ကိုယ်ပိုင်ဆိုဒ်တွင်

0:02:15.635,0:02:19.627
သင်လိုအပ်သည့်အရာပေါ်[br]မူတည်၍ မည်သည့်ပုံစံကိုအသုံးပြုမည်ကိုဆုံးဖြတ်နိုင်သည်။

0:02:19.627,0:02:22.809
ကောင်းပါပြီ။ ဒါကြောင့်ကျနော်တို့က[br]jQuery ထည့်ထားပြီးပြီ

0:02:22.809,0:02:24.973
'<script>' tag အထဲမှာ တကယ်

0:02:24.973,0:02:28.266
သုံးကြည့်ရအောင်

0:02:30.226,0:02:33.309
JavaScript library အားလုံးသည် function [br]အားလုံးကိုဖော်ပြပေးသည်

0:02:33.309,0:02:35.358
ထို့အပြင် function အမည်များကိုလည်းပေးသည်

0:02:35.358,0:02:37.010
ထို function အမည်များနှင့်

0:02:37.010,0:02:39.262
၎င်းတို့အမှန်တကယ်ဘာလုပ်သည်ကို[br]ရှာဖွေရန်ကျွန်ုပ်တို့သည်

0:02:39.262,0:02:41.761
စာရွက်စာတမ်းများကိုကြည့်ရှုရန်လိုသည်။

0:02:41.761,0:02:45.444
ကောင်းပြီ jQuery library သည်

0:02:45.444,0:02:47.524
အဓိကလုပ်ဆောင်ချက်တစ်ခုကို[br]ဖော်ပြပြီး၎င်းတွင်အလွန်တိုတောင်းသောနာမည်ရှိသည်။

0:02:47.524,0:02:50.637
ဒါဟာဒေါ်လာစျေးနိမိတ်ပဲ။

0:02:50.637,0:02:52.259
ဆိုလိုတာကငါတို့ပထမဆုံးရေးလိုက်တာက[br]ဒေါ်လာ၊

0:02:52.259,0:02:53.556
ပြီးတော့ကွင်းနှစ်ကွင်းပါ။

0:02:53.556,0:02:56.526
ဘာဖြစ်လို့လဲဆိုတော့ဒါက function ဖြစ်ပြီး

0:02:56.526,0:02:59.412
semicolon ပါ။

0:02:59.412,0:03:01.928
အခုဒီ function name ကအရမ်းတို[br]နေတာကိုး။

0:03:01.928,0:03:05.756
အဲ့ဒီ function ကိုကျွန်တော်တို့ကကြောက်စရာ[br]ကောင်းအောင်အများကြီးလုပ်နေလို့လေ။

0:03:06.226,0:03:08.928
ဒီ function ကိုကျွန်ုပ်တို့သွားနိုင်တဲ့[br]အရာများစွာရှိပါတယ်။

0:03:08.928,0:03:10.300
ဒါပေမယ့်ဒီမိတ်ဆက်ဥပမာအတွက်

0:03:10.300,0:03:15.254
ငါ 'h1' string တစ်ခုသာသွားမယ်။

0:03:16.319,0:03:17.697
ဒါကိုကျွန်ုပ်တို့လုပ်ပြီးသွားရင်

0:03:17.697,0:03:19.724
jQuery ကို ဒီစာမျက်နှာမှာ 'h1' element[br]ကိုရှာခိုင်းပြီး

0:03:19.724,0:03:23.095
၄င်းကို jQuery collection

0:03:23.095,0:03:28.050
object အဖြစ်သို့ပြောင်းလဲမည်

0:03:28.150,0:03:29.311
အဲဒါကိုလုပ်ပြီးရင်

0:03:29.311,0:03:33.233
jQuery object တွေ့သမျ 'h1' element [br]ကိုစစ်ရန်

0:03:33.233,0:03:37.200
တခြား[br]နည်းလမ်းခေါ်လိုရပါတယ်

0:03:37.200,0:03:39.939
ငါကသူတို့အားလုံးကို၏

0:03:39.939,0:03:43.356
အတွင်းပိုင်းစာသားကိုပြောင်းလဲချင်

0:03:43.356,0:03:46.044
လျှင်လိုပဲငါ 'text' function ကို[br]ခေါ်ပြီးတော့ string ကိုပေးလိုက်တယ်။

0:03:47.244,0:03:48.492
အဲဒါအလုပ်လုပ်နေတယ်

0:03:48.492,0:03:49.792
ကောင်းပြီ

0:03:49.792,0:03:50.804
လုပ်ပြီးပြီ

0:03:50.804,0:03:53.029
၎င်းသည်ကျွန်ုပ်တို့၏[br]ပထမဆုံး jQuery ဖြစ်သည်။

0:03:53.029,0:03:56.910
ထို့ကြောင့်ကျွန်ုပ်တို့သည် jQuery libraryကို

0:03:56.910,0:03:59.819
'' tag နှင့်ထည့်ပြီးစာမျက်နှာရှိ 'h1s' [br]အားလုံးကိုရှာရန်။

0:03:59.819,0:04:03.643
jQuery ကိုပြောပြီးနောက်၎င်းတို့အားလုံး၏စာသားကိုပြောင်းလဲရန် jQuery နှင့်လုပ်ခိုင်းခဲ့သည်

0:04:03.643,0:04:06.332
သင်ဆက်လေ့လာရင်

0:04:06.332,0:04:07.653
အသေးစိတ်အချက်အလက်များကိုသိနိုင်ပြီး

0:04:07.653,0:04:11.117
ရွေးချယ်ဖို့နဲ့ element manipulate ပိုသိနိုင်လာပါလိမ့်မယ်

0:04:11.117,0:04:14.353
စာမျက်နှာက user event တွေကိုလည်း [br]jQuery က တုန့်ပြန်လိမ့်မယ်

0:04:14.353,0:04:18.558
ဒါအပြင် animation နဲ့ effects တွေလည်းပါပါလိမ့်မယ်