< Return to Video

Creating elements from scratch | Computer Programming | Khan Academy

  • 0:01 - 0:03
    - [Voiceover] ယခုသင့်ဝဘ်စာမျက်နှာတွင် jQuery ကိုအသုံးပြု
  • 0:03 - 0:06
    ခြင်း၏အခြေခံအားဖြင့်သင့်ကိုပြောပြသွားမည်
  • 0:06 - 0:09
    ပထမအဆင့်မှာ '<script>' tag ကို အသုံးပြု၍ jQuery library
  • 0:09 - 0:12
    ကိုအမှန်တကယ်ထည့်သွင်းရန်ဖြစ်သည်။
  • 0:12 - 0:16
    အခုအရင်တုန်းကငါတို့ရဲ့ 'tag' ကို JavaScript မှာထည့်ထားပေမယ့်
  • 0:16 - 0:20
    ဒီတခါတော့ 'src' ဆိုတဲ့ attribute ကိုထည့်မယ်။
  • 0:20 - 0:24
    ပြီးတော့အဲဒါကို URL တစ်ခုသတ်မှတ်ဖို့လိုတယ်။
  • 0:24 - 0:27
    ဒီ URL ကဘာဖြစ်သင့်လဲ
  • 0:27 - 0:29
    ကျွန်ုပ်သည်ကျွန်ုပ်၏ကိုယ်ပိုင်ကွန်ပျူတာပေါ်တွင်
  • 0:29 - 0:30
    အလုပ်လုပ်နေပြီး jQuery ကိုကျွန်ုပ်၏ဝက်ဘ်စာမျက်နှာကဲ့သို့
  • 0:30 - 0:33
    ဖိုင်တွဲတစ်ခုထဲသို့ဒေါင်းလုပ်ချလျှင်၊
  • 0:33 - 0:36
    ငါဒီမှာ 'jquery.js' လို့ရေးနိုင်တယ်။
  • 0:36 - 0:39
    ဒါပေမယ့် Khan Academy မှာ
    ဒါကအလုပ်ဖြစ်မှာမဟုတ်ဘူး။
  • 0:39 - 0:43
    ဤနေရာတွင်အွန်လိုင်းဆာဗာတွင်
  • 0:43 - 0:46
    jQuery ၏အကြွင်းမဲ့ URL လိုအပ်သည်။
  • 0:46 - 0:50
    ထို jquery.com တွင်ထို URL များစာရင်းရှိသည်။
  • 0:51 - 0:53
    ကျွန်ုပ်တွင်၎င်းတို့ထဲမှတစ်ခုထည့်ပါ။
  • 0:53 - 0:54
    ဒီမှာ
  • 0:54 - 0:56
    ကောင်းပါပြီ။ ယခုငါဒီ URL ကိုအကြောင်း
    အနည်းငယ်သောအရာတို့ကို
  • 0:56 - 0:58
    ထောက်ပြချင်တယ်။
  • 0:58 - 1:02
    ပထမဆုံးအချက်မှာ၎င်းသည်
    'https' ဖြင့်စတင်သည်။
  • 1:02 - 1:05
    ဆိုလိုသည်မှာ၎င်းသည်လုံခြုံသော
    URL ဖြစ်သည်။
  • 1:05 - 1:09
    ကျွန်ုပ်တို့သည် Khan Academy ၏ဝဘ်စာမျက်နှာများတွင်
  • 1:09 - 1:11
    လုံခြုံသောအရင်းအမြစ်များကိုသာသုံးရန်ခွင့်ပြုသည်၊
  • 1:11 - 1:15
    ၎င်းသည်ယေဘုယျအားဖြင့်ဝဘ်ဖွံ့ဖြိုးတိုးတက်မှုတွင်ကောင်းမွန်သောအလေ့အကျင့်ဖြစ်သည်။
  • 1:16 - 1:19
    ဒုတိယအချက်ကတော့၊ အဲ
  • 1:19 - 1:23
    ဒါဟာဂူဂဲလ်ဆာဗာမှာ googleapis.com ဖြစ်တယ်
  • 1:23 - 1:25
    ဒီဆာဗာကို CDN လို့ခေါ်တယ်၊
  • 1:25 - 1:28
    အကြောင်းအရာဖြန့်ဝေတဲ့ကွန်ယက်လို့ခေါ်တယ်၊
  • 1:28 - 1:29
    ဆိုလိုတာက၎င်းဟာ static files တွေကို
  • 1:29 - 1:33
    JavaScript libraries တွေကိုမြန်ဆန်စွာ
  • 1:33 - 1:35
    ဆောင်ရွက်ပေးတာကိုဆိုလိုတယ်။
  • 1:35 - 1:38
    ယခုဤဂူဂဲလ်ဆာဗာသည်ကျွန်ုပ်ယုံကြည်စိတ်ချရသော
    တစ်ခုဖြစ်သည်။
  • 1:38 - 1:41
    ယေဘုယျအားဖြင့်၊ သင်ဖြစ်နိုင်ချေရှိသော
    အချိန်မှစ၍
  • 1:41 - 1:43
    သင်ရယူခဲ့သော script များမှသင်အမြဲတမ်းယုံကြည်စိတ်ချသင့်သည်
  • 1:43 - 1:47
    သင်၏စာမျက်နှာကိုထိခိုက်
    စေသည့်အရာများလုပ်ပါ။
  • 1:47 - 1:50
    တတိယအချက် - ဒီ URL မှာ
    ဗားရှင်းနံပါတ်ရှိတယ်
  • 1:50 - 1:54
    2.1.4 ။
  • 1:54 - 1:56
    jQuery library ကို development
    လုပ်ကြသည်မှာအလွန်တက်ကြွပါတယ်
  • 1:56 - 1:59
    ဗားရှင်အသစ်များလည်းမကြာမကြာထွက်
    ပါတယ်
  • 1:59 - 2:01
    ဘယ်ဘက်မှနံပါတ်များသည်အဓိကဗားရှင်း
    အပြောင်းအလဲများနှင့်
  • 2:01 - 2:03
    အသေးစားဗားရှင်းများကိုကိုယ်စားပြုသော
  • 2:03 - 2:06
    ညာဘက်သို့ပိုဝေးသောနံပါတ်များကို
  • 2:06 - 2:08
    ကိုယ်စားပြုသည်။
  • 2:08 - 2:10
    ငါ jQuery 2 ကိုဤနေရာတွင်သုံးသည်။
  • 2:10 - 2:12
    ၎င်းသည်ခေတ်မီ browser များ၌
    အလုပ်လုပ်သော်လည်း
  • 2:12 - 2:14
    IE8 တွင်အလုပ်မလုပ်ပါ။
  • 2:14 - 2:16
    သင်၏ကိုယ်ပိုင်ဆိုဒ်တွင်
  • 2:16 - 2:20
    သင်လိုအပ်သည့်အရာပေါ်
    မူတည်၍ မည်သည့်ပုံစံကိုအသုံးပြုမည်ကိုဆုံးဖြတ်နိုင်သည်။
  • 2:20 - 2:23
    ကောင်းပါပြီ။ ဒါကြောင့်ကျနော်တို့က
    jQuery ထည့်ထားပြီးပြီ
  • 2:23 - 2:25
    '<script>' tag အထဲမှာ တကယ်
  • 2:25 - 2:28
    သုံးကြည့်ရအောင်
  • 2:30 - 2:33
    JavaScript library အားလုံးသည် function
    အားလုံးကိုဖော်ပြပေးသည်
  • 2:33 - 2:35
    ထို့အပြင် function အမည်များကိုလည်းပေးသည်
  • 2:35 - 2:37
    ထို function အမည်များနှင့်
  • 2:37 - 2:39
    ၎င်းတို့အမှန်တကယ်ဘာလုပ်သည်ကို
    ရှာဖွေရန်ကျွန်ုပ်တို့သည်
  • 2:39 - 2:42
    စာရွက်စာတမ်းများကိုကြည့်ရှုရန်လိုသည်။
  • 2:42 - 2:45
    ကောင်းပြီ jQuery library သည်
  • 2:45 - 2:48
    အဓိကလုပ်ဆောင်ချက်တစ်ခုကို
    ဖော်ပြပြီး၎င်းတွင်အလွန်တိုတောင်းသောနာမည်ရှိသည်။
  • 2:48 - 2:51
    ဒါဟာဒေါ်လာစျေးနိမိတ်ပဲ။
  • 2:51 - 2:52
    ဆိုလိုတာကငါတို့ပထမဆုံးရေးလိုက်တာက
    ဒေါ်လာ၊
  • 2:52 - 2:54
    ပြီးတော့ကွင်းနှစ်ကွင်းပါ။
  • 2:54 - 2:57
    ဘာဖြစ်လို့လဲဆိုတော့ဒါက function ဖြစ်ပြီး
  • 2:57 - 2:59
    semicolon ပါ။
  • 2:59 - 3:02
    အခုဒီ function name ကအရမ်းတို
    နေတာကိုး။
  • 3:02 - 3:06
    အဲ့ဒီ function ကိုကျွန်တော်တို့ကကြောက်စရာ
    ကောင်းအောင်အများကြီးလုပ်နေလို့လေ။
  • 3:06 - 3:09
    ဒီ function ကိုကျွန်ုပ်တို့သွားနိုင်တဲ့
    အရာများစွာရှိပါတယ်။
  • 3:09 - 3:10
    ဒါပေမယ့်ဒီမိတ်ဆက်ဥပမာအတွက်
  • 3:10 - 3:15
    ငါ 'h1' string တစ်ခုသာသွားမယ်။
  • 3:16 - 3:18
    ဒါကိုကျွန်ုပ်တို့လုပ်ပြီးသွားရင်
  • 3:18 - 3:20
    jQuery ကို ဒီစာမျက်နှာမှာ 'h1' element
    ကိုရှာခိုင်းပြီး
  • 3:20 - 3:23
    ၄င်းကို jQuery collection
  • 3:23 - 3:28
    object အဖြစ်သို့ပြောင်းလဲမည်
  • 3:28 - 3:29
    အဲဒါကိုလုပ်ပြီးရင်
  • 3:29 - 3:33
    jQuery object တွေ့သမျ 'h1' element
    ကိုစစ်ရန်
  • 3:33 - 3:37
    တခြား
    နည်းလမ်းခေါ်လိုရပါတယ်
  • 3:37 - 3:40
    ငါကသူတို့အားလုံးကို၏
  • 3:40 - 3:43
    အတွင်းပိုင်းစာသားကိုပြောင်းလဲချင်
  • 3:43 - 3:46
    လျှင်လိုပဲငါ 'text' function ကို
    ခေါ်ပြီးတော့ string ကိုပေးလိုက်တယ်။
  • 3:47 - 3:48
    အဲဒါအလုပ်လုပ်နေတယ်
  • 3:48 - 3:50
    ကောင်းပြီ
  • 3:50 - 3:51
    လုပ်ပြီးပြီ
  • 3:51 - 3:53
    ၎င်းသည်ကျွန်ုပ်တို့၏
    ပထမဆုံး jQuery ဖြစ်သည်။
  • 3:53 - 3:57
    ထို့ကြောင့်ကျွန်ုပ်တို့သည် jQuery libraryကို
  • 3:57 - 4:00
    '' tag နှင့်ထည့်ပြီးစာမျက်နှာရှိ 'h1s'
    အားလုံးကိုရှာရန်။
  • 4:00 - 4:04
    jQuery ကိုပြောပြီးနောက်၎င်းတို့အားလုံး၏စာသားကိုပြောင်းလဲရန် jQuery နှင့်လုပ်ခိုင်းခဲ့သည်
  • 4:04 - 4:06
    သင်ဆက်လေ့လာရင်
  • 4:06 - 4:08
    အသေးစိတ်အချက်အလက်များကိုသိနိုင်ပြီး
  • 4:08 - 4:11
    ရွေးချယ်ဖို့နဲ့ element manipulate ပိုသိနိုင်လာပါလိမ့်မယ်
  • 4:11 - 4:14
    စာမျက်နှာက user event တွေကိုလည်း
    jQuery က တုန့်ပြန်လိမ့်မယ်
  • 4:14 - 4:19
    ဒါအပြင် animation နဲ့ effects တွေလည်းပါပါလိမ့်မယ်
Title:
Creating elements from scratch | Computer Programming | Khan Academy
Description:
more » « less
Video Language:
English
Team:
Khan Academy
Duration:
04:19

Burmese subtitles

Revisions

Our website uses cookies for analysis purposes.