Thursday, 27 December 2012

M-JavaScript Lesson 1


JavaScript ကိုမေလ့လာခင္ JavaScript ကုတ္ေတြကိုေရးဖို႔အတြက္ Text Editor ကိုေရြးခ်ယ္ရေအာင္၊ သင့္ကြန္ျပဴတာက window အသံုးျပဳတယ္ဆိုရင္ျဖင့္ Notepad ကိုအသံုးျပဳျပီး JavaScript ကိုေရးႏိုင္ပါတယ္၊ ဒါေပမယ့္ 72coder ကေတာ့ Notepad++ ကိုသံုးဖို႔အၾကံျပဳပါတယ္၊ Notepad++ ကတကယ့္ကို မရံုၾကည့္ႏိုင္ေလာက္တဲ့ အကူအညီေတြကို Programmer ေတြအတြက္ေပးထားပါတယ္၊ တကယ္ Programmer /  Developer လမ္းေၾကာင္းကိုေရွာက္ေတာ့မယ္ဆိုရင္  Notepad++ ကိုမသံုးမျဖစ္သံုးသင့္ပါတယ္၊ လြယ္ကူတဲ့ Dreamwaver တို႔ HTML Editor တို႔သံုးတာ Programmer / Developer တစ္ေယာက္ကို ျမင္ကြင္းရွဳပ္ေစပါတယ္၊ ဒီေတာ့ Programmer / Developer စစ္စစ္အျဖစ္ ရပ္တည္ခ်င္ရင္ေတာ့ Notpad++ ကိုသံုးဖို႔အၾကံျပဳပါတယ္၊ Notepad++ ကို Free ေပးထားတဲ့အတြက္ လြယ္ကူစြားေဒါင္းလုပ္ႏိုင္ပါတယ္၊ အကယ္၍ 72coder ဆိုက္ကေန ေဒါင္းလုပ္ခ်င္တယ္ဆိုရင္ ေတာ့

ဒီေနရာမွာ  ခလစ္တစ္ခ်က္ႏွိပ္ျပီ ေဒါင္းႏိုင္ပါတယ္္၊

JavaScript ကိုေလ့လာဖို႔အတြက္ HTML နဲ႔ CSS တို႔ကို တတ္ထားဖို႔လိုအပ္တယ္၊ အထူးသျဖင့္ေတာ့ HTML ကိုတတ္ကိုတတ္ရမယ္၊ HTML နဲ႔ CSS တို႔ကို မတတ္ေသးဘူးဆိုရင္ေတာ့ 72coder ရဲ့ HTML နဲ႔ CSS တို႔ကိုသင္ၾကားေပးထားတဲ့သင္ခန္းစာေတြကို အရင္ေလ့လာသင့္ပါတယ္၊
JavaScript ကို ၀က္ဆိုက္ရဲ့စာမ်က္ႏွာမွာေရးေတာ့မယ္ဆိုရင္ေတာ့ JavaScript ဘာသာရပ္ကိုအသံုးျပဳေၾကာင္း အင္တာနက္ browser က သိေအာင္ အသိေပးဖို႔လိုပါတယ္၊ ( အသိမေပးလို႔မရဘူး၊ Online မွာအသံုးျပဳလို႔ရတဲ့ Scripting Languages ေပါင္း 50 ေလာက္ရွိတယ္၊ အသိမေပးရင္ သင့္ရဲ့ Internet Browser က ေရာျပီး / မွားျပီး ဘာသာျပန္လိမ့္မယ္၊)
ဒီေတာ့ Internet Browser က သင္အသံုးျပဳတဲ့ ဘာသာရပ္က JavaScript ဘာသာရပ္မွန္းသိေအာင္ အသိေပးဖို႔လိုတယ္၊ ဘယ္လိုအသိေပးမလဲ၊ လြယ္ပါတယ္၊ JavaScript ကို စသံုးပီျဖစ္ေၾကာင္း အဖြင့္ အေနနဲ႔ <script type=”text/javascript”> လို႔ေရးေပးလိုက္ အပိတ္အေနနဲ႔ JavaScirpt ကုတ္ေတြေရးလို႔ျပီးသြားရင္ျဖင့္ </script> ဆိုတဲ့ Tag နဲ႔ ပိတ္ေပးလိုက္၊ ဒါဆိုရင္ သင့္ရဲ့ အင္တာနက္ Browser က <scirpt type=”text/javascript”> နဲ႔ </script> တို႔ၾကားထဲက ကုတ္ေတြက JavaScript ကုတ္ေတြျဖစ္ေၾကာင္းကို နားလည္သြားမယ္။ ဒီေတာ့ Internet Browser က အဲ့ဒီ့ ကုတ္ေတြအားလံုးကို JavaScript အေနနဲ႔ ဘာသာျပန္ေပးမယ္၊ ေအာက္မွာဥပမာ ၾကည့္ပါ၊
<script type=”text/javascript”>
JavaScript ကုတ္ေတြကို ေရးရန္
</script>
အဖြင္အပိတ္ၾကားမွာ javaScript ကုတ္ေတြကို ေရးရတာ နားလည္သြားပီဆိုရင္ျဖင့္ JavaScirpt ကိုစတင္ေရးလို႔ရပါပီ၊ ဆင္ေလ့လာၾကစို႔၊ ေအာက္က ဥပမာကို လိုက္ကူးလိုက္ပါ၊
<script type=”text/javascript”>
Document.write(“hey now  brown cow down town”);
</script>
အထက္က ကုတ္ကို ေရးျပီးရင္ေတာ့ html ဖိုင္အျဖစ္သိမ္းျပီး Run ၾကည့္လိုက္ပါ၊ Notepad++ ကိုသံုးတယ္ဆိုရင္ Ctrl+Shift+Alt+X ကိုႏွိပ္လိုက္ရင္ Firefox browser မွာ Hey now brown cow down town ဆိုတဲ့ စာသားကို ေတြ႔ရမယ္၊ Google Chrome ကိုသံုးတဲ့သူေတြအတြက္ေတာ့ Ctrl+Shift+Alt+R ကိုႏွိပ္ရင္ Google Chrome Browser မွာ hey now brown cow down town ဆိုတဲ့စာသားေပၚမယ္၊ (IE (internet explorer) ကိုေတာ့ မသံုးပါနဲ႔ သူက Old browser ေတြျဖစ္ေနတာမ်ားျပီး JavaScript support မလုပ္ဘူး၊ JavaScript  ကို ေလ့လာပီဆိုရင္ေတာ့ Firefox ျဖစ္ေစ Google Chrome ျဖစ္ေစသံုးပါ၊ ေနာက္ဆံုးေပၚ Firefox Version ကို ဤေနရာမွာေဒါင္းလုပ္ရယူပါ၊ Google Chrome ရဲ့ Latest Version ကိုေတာ့ ဒီေနရာမွာ ေဒါင္းလုပ္ရယူပါ၊
JavaScript သံုးထားတဲ့ ၀က္ဆိုက္စာမ်က္ႏွာတစ္ခုကို Old browser ေတြအေနနဲ႔ ျပသနာအျဖစ္ျမင္တတ္လို႔ ဒီလိုကိစၥမ်ိဳးၾကံဳရင္ ျပသနာမရွိေအာင္  အဖြင့္ <!–  နဲ႔ အပိတ္ //–> တို႔ကို Javascript ကုတ္ရဲ့အစ အဆံုးမွထည့္ပါ၊ ေအာက္မွဥပမာ ၾကည့္၊
<script type=”text/javascript”>
<!–
Document.write(“hey now  brown cow down town”);
//–>
</script>
အထက္က လို <!– အဖြင့္ နဲ႔ //–> ကိုထည့္ေပးလိုက္ရင္ေတာ့ ျပသနာမရွိေတာ့ပါဘူး၊ ဒီသကၤသကိုေတြ႔ရင္ Old browser ေတြကို Comment ကိုျပီးေက်ာ္သြားမယ္၊ New Browser ေတြကေတာ့ JavaScript အေနနဲ႔ဘာသာျပန္ေပးမယ္၊
ေနာက္အခန္းမွာ အခုေျပာခဲ့တာေတြကို လက္ေတြအသံုးခ်သြားမယ္၊ ပိုျပီးရွင္းေအာင္ ရွင္းျပေပးမယ္။

                                   .....   မူရင္းလင့္   .....
ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..

<<<မန္ဘာ၀င္ျပီး...Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္>>>
 
ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။
လယ္တီေျမသား www.ledimyethar.com
ဘေလာ့ခရီးသည္ http://aungsanmks.blogspot.com/
ဓမၼႏွင့္စာေပနန္းေတာ္ http://ninilayy.blogspot.com/

2 comments:

  • Kyaw Yan Shein says:
    1 September 2013 at 15:39

    ကြ်န္ေတာ္ကအခုမွစလုပ္သင္ေနတံုးပါ...။ သံုးတဲ့ browser ကေတာ့ firefox ပါ။ ကြ်န္ေတာ္ေရးၾကည့္တာ document.write ပါေပၚလာတယ္.။ < > ၾကားထဲကစာသားေတြပဲ... မေပၚဘူး။ က်န္တာဘာေရးေရးအကုန္ေပၚတယ္..။ ဘာျဖစ္လို႔လဲမသိဘူးဗ်ာ..။ အကယ္၍ အခ်ိန္ရခဲ့ရင္ ရွင္းျပေပးပါဦး.။

  • Kyaw Yan Shein says:
    1 September 2013 at 15:49

    ကြ်န္ေတာ္ကအခုမွစလုပ္သင္ေနတံုးပါ...။ သံုးတဲ့ browser ကေတာ့ firefox ပါ။ ကြ်န္ေတာ္ေရးၾကည့္တာ document.write ပါေပၚလာတယ္.။ < > ၾကားထဲကစာသားေတြပဲ... မေပၚဘူး။ က်န္တာဘာေရးေရးအကုန္ေပၚတယ္..။ ဘာျဖစ္လို႔လဲမသိဘူးဗ်ာ..။ အကယ္၍ အခ်ိန္ရခဲ့ရင္ ရွင္းျပေပးပါဦး.။

Post a Comment