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

2
00:00:02,612 --> 00:00:05,722
ခြင်း၏အခြေခံအားဖြင့်သင့်ကိုပြောပြသွားမည်

3
00:00:05,722 --> 00:00:09,005
ပထမအဆင့်မှာ '<script>' tag ကို အသုံးပြု၍ jQuery library

4
00:00:09,005 --> 00:00:11,542
ကိုအမှန်တကယ်ထည့်သွင်းရန်ဖြစ်သည်။

5
00:00:12,232 --> 00:00:16,122
အခုအရင်တုန်းကငါတို့ရဲ့ 'tag' ကို JavaScript မှာထည့်ထားပေမယ့်

6
00:00:16,122 --> 00:00:20,276
ဒီတခါတော့ 'src' ဆိုတဲ့ attribute ကိုထည့်မယ်။

7
00:00:20,276 --> 00:00:24,391
ပြီးတော့အဲဒါကို URL တစ်ခုသတ်မှတ်ဖို့လိုတယ်။

8
00:00:24,391 --> 00:00:26,566
ဒီ URL ကဘာဖြစ်သင့်လဲ

9
00:00:26,566 --> 00:00:28,628
ကျွန်ုပ်သည်ကျွန်ုပ်၏ကိုယ်ပိုင်ကွန်ပျူတာပေါ်တွင်

10
00:00:28,628 --> 00:00:30,093
အလုပ်လုပ်နေပြီး jQuery ကိုကျွန်ုပ်၏ဝက်ဘ်စာမျက်နှာကဲ့သို့

11
00:00:30,093 --> 00:00:32,525
ဖိုင်တွဲတစ်ခုထဲသို့ဒေါင်းလုပ်ချလျှင်၊

12
00:00:32,525 --> 00:00:36,473
ငါဒီမှာ 'jquery.js' လို့ရေးနိုင်တယ်။

13
00:00:36,473 --> 00:00:39,408
ဒါပေမယ့် Khan Academy မှာ
ဒါကအလုပ်ဖြစ်မှာမဟုတ်ဘူး။

14
00:00:39,408 --> 00:00:43,096
ဤနေရာတွင်အွန်လိုင်းဆာဗာတွင်

15
00:00:43,096 --> 00:00:45,885
jQuery ၏အကြွင်းမဲ့ URL လိုအပ်သည်။

16
00:00:45,885 --> 00:00:50,082
ထို jquery.com တွင်ထို URL များစာရင်းရှိသည်။

17
00:00:50,622 --> 00:00:52,738
ကျွန်ုပ်တွင်၎င်းတို့ထဲမှတစ်ခုထည့်ပါ။

18
00:00:52,738 --> 00:00:54,430
ဒီမှာ

19
00:00:54,430 --> 00:00:56,119
ကောင်းပါပြီ။ ယခုငါဒီ URL ကိုအကြောင်း
အနည်းငယ်သောအရာတို့ကို

20
00:00:56,119 --> 00:00:58,031
ထောက်ပြချင်တယ်။

21
00:00:58,031 --> 00:01:01,820
ပထမဆုံးအချက်မှာ၎င်းသည် 
'https' ဖြင့်စတင်သည်။

22
00:01:01,820 --> 00:01:05,231
ဆိုလိုသည်မှာ၎င်းသည်လုံခြုံသော 
URL ဖြစ်သည်။

23
00:01:05,231 --> 00:01:09,231
ကျွန်ုပ်တို့သည် Khan Academy ၏ဝဘ်စာမျက်နှာများတွင်

24
00:01:09,231 --> 00:01:11,207
လုံခြုံသောအရင်းအမြစ်များကိုသာသုံးရန်ခွင့်ပြုသည်၊

25
00:01:11,207 --> 00:01:15,343
၎င်းသည်ယေဘုယျအားဖြင့်ဝဘ်ဖွံ့ဖြိုးတိုးတက်မှုတွင်ကောင်းမွန်သောအလေ့အကျင့်ဖြစ်သည်။

26
00:01:15,663 --> 00:01:18,862
ဒုတိယအချက်ကတော့၊ အဲ

27
00:01:18,862 --> 00:01:22,751
ဒါဟာဂူဂဲလ်ဆာဗာမှာ googleapis.com ဖြစ်တယ်

28
00:01:22,751 --> 00:01:25,385
ဒီဆာဗာကို CDN လို့ခေါ်တယ်၊

29
00:01:25,385 --> 00:01:27,921
အကြောင်းအရာဖြန့်ဝေတဲ့ကွန်ယက်လို့ခေါ်တယ်၊

30
00:01:27,921 --> 00:01:29,406
ဆိုလိုတာက၎င်းဟာ static files တွေကို

31
00:01:29,406 --> 00:01:32,625
JavaScript libraries တွေကိုမြန်ဆန်စွာ

32
00:01:32,625 --> 00:01:35,388
ဆောင်ရွက်ပေးတာကိုဆိုလိုတယ်။

33
00:01:35,388 --> 00:01:38,164
ယခုဤဂူဂဲလ်ဆာဗာသည်ကျွန်ုပ်ယုံကြည်စိတ်ချရသော
တစ်ခုဖြစ်သည်။

34
00:01:38,164 --> 00:01:41,301
ယေဘုယျအားဖြင့်၊ သင်ဖြစ်နိုင်ချေရှိသော 
အချိန်မှစ၍

35
00:01:41,301 --> 00:01:43,002
သင်ရယူခဲ့သော script များမှသင်အမြဲတမ်းယုံကြည်စိတ်ချသင့်သည်

36
00:01:43,002 --> 00:01:47,240
သင်၏စာမျက်နှာကိုထိခိုက်
စေသည့်အရာများလုပ်ပါ။

37
00:01:47,400 --> 00:01:50,013
တတိယအချက် - ဒီ URL မှာ
ဗားရှင်းနံပါတ်ရှိတယ်

38
00:01:50,013 --> 00:01:53,807
2.1.4 ။

39
00:01:53,807 --> 00:01:56,402
jQuery library ကို development 
လုပ်ကြသည်မှာအလွန်တက်ကြွပါတယ်

40
00:01:56,402 --> 00:01:59,015
ဗားရှင်အသစ်များလည်းမကြာမကြာထွက်
ပါတယ်

41
00:01:59,015 --> 00:02:00,987
ဘယ်ဘက်မှနံပါတ်များသည်အဓိကဗားရှင်း
အပြောင်းအလဲများနှင့်

42
00:02:00,987 --> 00:02:03,279
အသေးစားဗားရှင်းများကိုကိုယ်စားပြုသော

43
00:02:03,279 --> 00:02:05,755
ညာဘက်သို့ပိုဝေးသောနံပါတ်များကို

44
00:02:05,755 --> 00:02:08,134
ကိုယ်စားပြုသည်။

45
00:02:08,134 --> 00:02:10,353
ငါ jQuery 2 ကိုဤနေရာတွင်သုံးသည်။

46
00:02:10,353 --> 00:02:12,295
၎င်းသည်ခေတ်မီ browser များ၌
အလုပ်လုပ်သော်လည်း

47
00:02:12,295 --> 00:02:14,484
IE8 တွင်အလုပ်မလုပ်ပါ။

48
00:02:14,484 --> 00:02:15,635
သင်၏ကိုယ်ပိုင်ဆိုဒ်တွင်

49
00:02:15,635 --> 00:02:19,627
သင်လိုအပ်သည့်အရာပေါ်
မူတည်၍ မည်သည့်ပုံစံကိုအသုံးပြုမည်ကိုဆုံးဖြတ်နိုင်သည်။

50
00:02:19,627 --> 00:02:22,809
ကောင်းပါပြီ။ ဒါကြောင့်ကျနော်တို့က
jQuery ထည့်ထားပြီးပြီ

51
00:02:22,809 --> 00:02:24,973
'<script>' tag အထဲမှာ တကယ်

52
00:02:24,973 --> 00:02:28,266
သုံးကြည့်ရအောင်

53
00:02:30,226 --> 00:02:33,309
JavaScript library အားလုံးသည် function 
အားလုံးကိုဖော်ပြပေးသည်

54
00:02:33,309 --> 00:02:35,358
ထို့အပြင် function အမည်များကိုလည်းပေးသည်

55
00:02:35,358 --> 00:02:37,010
ထို function အမည်များနှင့်

56
00:02:37,010 --> 00:02:39,262
၎င်းတို့အမှန်တကယ်ဘာလုပ်သည်ကို
ရှာဖွေရန်ကျွန်ုပ်တို့သည်

57
00:02:39,262 --> 00:02:41,761
စာရွက်စာတမ်းများကိုကြည့်ရှုရန်လိုသည်။

58
00:02:41,761 --> 00:02:45,444
ကောင်းပြီ jQuery library သည်

59
00:02:45,444 --> 00:02:47,524
အဓိကလုပ်ဆောင်ချက်တစ်ခုကို
ဖော်ပြပြီး၎င်းတွင်အလွန်တိုတောင်းသောနာမည်ရှိသည်။

60
00:02:47,524 --> 00:02:50,637
ဒါဟာဒေါ်လာစျေးနိမိတ်ပဲ။

61
00:02:50,637 --> 00:02:52,259
ဆိုလိုတာကငါတို့ပထမဆုံးရေးလိုက်တာက
ဒေါ်လာ၊

62
00:02:52,259 --> 00:02:53,556
ပြီးတော့ကွင်းနှစ်ကွင်းပါ။

63
00:02:53,556 --> 00:02:56,526
ဘာဖြစ်လို့လဲဆိုတော့ဒါက function ဖြစ်ပြီး

64
00:02:56,526 --> 00:02:59,412
semicolon ပါ။

65
00:02:59,412 --> 00:03:01,928
အခုဒီ function name ကအရမ်းတို
နေတာကိုး။

66
00:03:01,928 --> 00:03:05,756
အဲ့ဒီ function ကိုကျွန်တော်တို့ကကြောက်စရာ
ကောင်းအောင်အများကြီးလုပ်နေလို့လေ။

67
00:03:06,226 --> 00:03:08,928
ဒီ function ကိုကျွန်ုပ်တို့သွားနိုင်တဲ့
အရာများစွာရှိပါတယ်။

68
00:03:08,928 --> 00:03:10,300
ဒါပေမယ့်ဒီမိတ်ဆက်ဥပမာအတွက်

69
00:03:10,300 --> 00:03:15,254
ငါ 'h1' string တစ်ခုသာသွားမယ်။

70
00:03:16,319 --> 00:03:17,697
ဒါကိုကျွန်ုပ်တို့လုပ်ပြီးသွားရင်

71
00:03:17,697 --> 00:03:19,724
jQuery ကို ဒီစာမျက်နှာမှာ 'h1' element
ကိုရှာခိုင်းပြီး

72
00:03:19,724 --> 00:03:23,095
၄င်းကို jQuery collection

73
00:03:23,095 --> 00:03:28,050
object အဖြစ်သို့ပြောင်းလဲမည်

74
00:03:28,150 --> 00:03:29,311
အဲဒါကိုလုပ်ပြီးရင်

75
00:03:29,311 --> 00:03:33,233
jQuery object တွေ့သမျ 'h1' element 
ကိုစစ်ရန်

76
00:03:33,233 --> 00:03:37,200
တခြား
နည်းလမ်းခေါ်လိုရပါတယ်

77
00:03:37,200 --> 00:03:39,939
ငါကသူတို့အားလုံးကို၏

78
00:03:39,939 --> 00:03:43,356
အတွင်းပိုင်းစာသားကိုပြောင်းလဲချင်

79
00:03:43,356 --> 00:03:46,044
လျှင်လိုပဲငါ 'text' function ကို
ခေါ်ပြီးတော့ string ကိုပေးလိုက်တယ်။

80
00:03:47,244 --> 00:03:48,492
အဲဒါအလုပ်လုပ်နေတယ်

81
00:03:48,492 --> 00:03:49,792
ကောင်းပြီ

82
00:03:49,792 --> 00:03:50,804
လုပ်ပြီးပြီ

83
00:03:50,804 --> 00:03:53,029
၎င်းသည်ကျွန်ုပ်တို့၏
ပထမဆုံး jQuery ဖြစ်သည်။

84
00:03:53,029 --> 00:03:56,910
ထို့ကြောင့်ကျွန်ုပ်တို့သည် jQuery libraryကို

85
00:03:56,910 --> 00:03:59,819
'' tag နှင့်ထည့်ပြီးစာမျက်နှာရှိ 'h1s' 
အားလုံးကိုရှာရန်။

86
00:03:59,819 --> 00:04:03,643
jQuery ကိုပြောပြီးနောက်၎င်းတို့အားလုံး၏စာသားကိုပြောင်းလဲရန် jQuery နှင့်လုပ်ခိုင်းခဲ့သည်

87
00:04:03,643 --> 00:04:06,332
သင်ဆက်လေ့လာရင်

88
00:04:06,332 --> 00:04:07,653
အသေးစိတ်အချက်အလက်များကိုသိနိုင်ပြီး

89
00:04:07,653 --> 00:04:11,117
ရွေးချယ်ဖို့နဲ့ element manipulate ပိုသိနိုင်လာပါလိမ့်မယ်

90
00:04:11,117 --> 00:04:14,353
စာမျက်နှာက user event တွေကိုလည်း 
jQuery က တုန့်ပြန်လိမ့်မယ်

91
00:04:14,353 --> 00:04:18,558
ဒါအပြင် animation နဲ့ effects တွေလည်းပါပါလိမ့်မယ်