From: thurein .mm <thurein.co.mm@gmail.com>
Date: 2011/6/22
Subject: [mrsorcerer:5815] ေလ့လာၾကမယ္ Java Script
ေမာ္ဆရာမွာနည္းပညာပိုင္းအားနည္းေနတာေတြ ့ရပါတယ္ ဒီမွာကၽြန္ေတာ္တတ္ႏိုင္သေလာက္ ဝင္ေဆြးေႏြးပါမယ္အမွားပါးခဲ့မယ္ဆိုရင္
သိခံေပးပါကၽြန္ေတာ္သည္ျပည္ ့စုံသူတစ္ေယာက္မဟုတ္ပါသျဖင့္
Web standard မ်ားျဖစ္တဲ့ HTML, CSS and Java Script တို႕ဟာ Web developer ျဖစ္လိုသူတိုင္းမျဖစ္မေနေလ့လာရမယ့္ထဲ မွာပါ၀င္ပါတယ္။ယခု additional interaction အျဖစ္ java script ကို ေနာက္ပိုင္းေတာ္ေတာ္ေလး အသုံးျပဳလာျပီး ့အက်ဳိးေက်းဇူးေတာ္ေတာ္ေလးရွိတာမျငင္းနိုင္ပါဘူး။ Web standard နဲ႕ မကိုက္ညီတဲ့ flash ေနရာမွာ CSS JavaScript ေတြက အေကာင္းဆုံးေနရာယူလာတာေတြ႔ရွိရမွာပါ ..Java Script က HTML CSS ေတြကို အေတာ္ ေထာင့္ပံ့ေပးလာနိုင္တယ္ Java script definition ကို က်ေနာ္နားလည္ရသေလာက္ကေတာ့ ၄င္းဟာ client-side scripting language တခုျဖစ္ပါတယ္.ဆိုလိုတာက browser ေပၚမွာတင္ run နုိင္တယ္ local မိမိစက္ထဲရွိတဲ့ browser ေပၚမွာတင္ run နုိင္ပါတယ္။ Web Browsers မ်ားျဖစ္တဲ့ ( Firefox, IE, Flock, Chrome ..) ေတြဟာ အမ်ားအားျဖင့္ HTML ,CSS & Java Script တိုကိုပဲ သူကနားလည္တယ္ပါတယ္ ,ASP, C#, Java,PHP, Python စတဲ့ Sever side programming language ေတြကိုနားမလည္ပါဘူး…client-side scripting language ရဲ႕ အျခား တဖက္မွာလည္း sever-side scripting language ဆိုတာေတြရွိေနပါတယ္.. ဥပမာ PHP ေပါ့။ PHP က web hosting sever ေပၚမွာ run ပါတယ္ ..က်ေနာ္တို႕ Web page ေတြ login ၀င္တဲ့ခါမ်ဳိးမွာဆို က်ေနာ္တို႕လုပ္လိုက္တဲ့ Request ဟာ sever ေပၚမွာသြားျပီး Request လုပ္ပါတယ္ ျပီးမွာ HTML အေနနဲ႕ ျပန္လာတာပါ..ဟိုးအရင္ကေတာ့ server side ကို အေလးေပးၾကျပီး ခုေတာ့ Performance အတြက္ client side ေတြကို အေလးေပးလာၾကပါျပီ ..ဆိုလိုခ်င္တာကေတာ့ဗ်ာ user က request လုပ္သမ်ွ server ကို သြားျပီ လုပ္မယ့္ request time, respond time ေတြကိုေလ်ွာ့ခ်လာနို္္င္ေအာင္လို႕ က်ေနာ္ျမင္ပါတယ္…form တခုကိုလည္း HTML နဲ႕ေရးလို႕ရတယ္ php နဲ႕ေရးလည္းရတယ္ ။ html မွာေရးရင္ request time & Response time ေတြေစာင့္ဖို႕မလိုဘူးေပါ့ local မွာတင္ ျပီးမယ္ေလ..PHP နဲ႕ေရးလိုက္မယ္ဆိုရင္ server မွာသြားျပီ form ကို အလုပ္လုပ္ျပီးမွ html အေနနဲ႕ response ျပန္လာ user ကိုျပ အခ်ိန္ပိုၾကာတာေပါ့..။ ဒါက က်ေနာ္နားလည္သေလာက္အၾကမ္းမ်ဥ္းေျပာတာပါ.. * Clocks * Mouse Trailers (an animation that follows your mouse when you surf a site) * Drop Down Menus * Alert Messages * Popup Windows * HTML Form Data Validation ဒီလို ေတြမွာ java script ကိုအရမ္းသုံးပါတယ္။။ က်ေနာ္နဲ႕အတူေလ့လာမယ့္ သူငယ္ခ်င္းတို႕ဟာ HTML ကိုနားလည္တက္က်ြမ္းထားသင့္ပါတယ္။ HTML ရရင္ အဆင္ေျပမယ္ထင္ပါတယ္.။ html မရေသးရင္ သူ႕ကိုအရင္ေလ့လာလိုက္ပါ ကဲက်ေနာ္နဲ႕အတူတူေလ့လာက်မယ္ေနာ္ က်ေနာ္လိုအပ္တာရွိခဲ့ရင္ က်ေနာ္ရဲ႕ အကိုအမေတြကလည္းေထာက္ျပေပးဖို႕ေမ်ွာလင့္ပါတယ္… ကဲစလိုက္က်စို႕သူငယ္ခ်င္းတို႕ေရ ထုံးစံတိုင္း Hello World ကပဲ စလိုက္ရေအာင္ ဗ်ာေနာ္ HTML & JavaScript Code: ေအာက္က ကုဒ္ေလးကို notepad သိုမဟုတ္ any source area တခုခုမွာရိုက္လိုက္ပါ ျပီးရင္ေတာ့ yourname.html နဲ႕ သိမ္းပါ yourname ဆိုတဲ့ေနရာမွာ ကိုၾကိဳက္တဲ့နာမည္ေပါ့ ဖိုင္ NAME က .html ျဖင့္ သိမ္းရပါမယ္ Hello World! Display: result က ဒီလိုရပါမယ္ Hello World! line no 1 : မွာ ကေတာ့ html နဲ႕စပါတယ္။။ ျပီးေတာ့ ေအာက္ဆုံးလိုင္းမွာပိတ္ထားပါတယ္။ html ရထားရင္ဒါေတြေျပာေနဖို႕ မလိုေလာက္ပါဘူး line no 2 : မွာ body tag စပါတယ္။ က်ေနာ္တို႕ ေရးခ်င္တဲ့ စာသားေပၚေစခ်င္တာကို body မွာေရးပါတယ္။။ line no 3 : မွာေတာ့ browser ကို script စသုံးမယ္လို႕ စတင္ေျပာလိုက္ပါတယ္ --
ေမွာ္ဆရာ အဖြဲ ့
Date: 2011/6/22
Subject: [mrsorcerer:5815] ေလ့လာၾကမယ္ Java Script
ေမာ္ဆရာမွာနည္းပညာပိုင္းအားနည္းေနတာေတြ ့ရပါတယ္ ဒီမွာကၽြန္ေတာ္တတ္ႏိုင္သေလာက္ ဝင္ေဆြးေႏြးပါမယ္အမွားပါးခဲ့မယ္ဆိုရင္
သိခံေပးပါကၽြန္ေတာ္သည္ျပည္ ့စုံသူတစ္ေယာက္မဟုတ္ပါသျဖင့္
Web standard မ်ားျဖစ္တဲ့ HTML, CSS and Java Script တို႕ဟာ Web developer ျဖစ္လိုသူတိုင္းမျဖစ္မေနေလ့လာရမယ့္ထဲ မွာပါ၀င္ပါတယ္။ယခု additional interaction အျဖစ္ java script ကို ေနာက္ပိုင္းေတာ္ေတာ္ေလး အသုံးျပဳလာျပီး ့အက်ဳိးေက်းဇူးေတာ္ေတာ္ေလးရွိတာမျငင္းနိုင္ပါဘူး။ Web standard နဲ႕ မကိုက္ညီတဲ့ flash ေနရာမွာ CSS JavaScript ေတြက အေကာင္းဆုံးေနရာယူလာတာေတြ႔ရွိရမွာပါ ..Java Script က HTML CSS ေတြကို အေတာ္ ေထာင့္ပံ့ေပးလာနိုင္တယ္ Java script definition ကို က်ေနာ္နားလည္ရသေလာက္ကေတာ့ ၄င္းဟာ client-side scripting language တခုျဖစ္ပါတယ္.ဆိုလိုတာက browser ေပၚမွာတင္ run နုိင္တယ္ local မိမိစက္ထဲရွိတဲ့ browser ေပၚမွာတင္ run နုိင္ပါတယ္။ Web Browsers မ်ားျဖစ္တဲ့ ( Firefox, IE, Flock, Chrome ..) ေတြဟာ အမ်ားအားျဖင့္ HTML ,CSS & Java Script တိုကိုပဲ သူကနားလည္တယ္ပါတယ္ ,ASP, C#, Java,PHP, Python စတဲ့ Sever side programming language ေတြကိုနားမလည္ပါဘူး…client-side scripting language ရဲ႕ အျခား တဖက္မွာလည္း sever-side scripting language ဆိုတာေတြရွိေနပါတယ္.. ဥပမာ PHP ေပါ့။ PHP က web hosting sever ေပၚမွာ run ပါတယ္ ..က်ေနာ္တို႕ Web page ေတြ login ၀င္တဲ့ခါမ်ဳိးမွာဆို က်ေနာ္တို႕လုပ္လိုက္တဲ့ Request ဟာ sever ေပၚမွာသြားျပီး Request လုပ္ပါတယ္ ျပီးမွာ HTML အေနနဲ႕ ျပန္လာတာပါ..ဟိုးအရင္ကေတာ့ server side ကို အေလးေပးၾကျပီး ခုေတာ့ Performance အတြက္ client side ေတြကို အေလးေပးလာၾကပါျပီ ..ဆိုလိုခ်င္တာကေတာ့ဗ်ာ user က request လုပ္သမ်ွ server ကို သြားျပီ လုပ္မယ့္ request time, respond time ေတြကိုေလ်ွာ့ခ်လာနို္္င္ေအာင္လို႕ က်ေနာ္ျမင္ပါတယ္…form တခုကိုလည္း HTML နဲ႕ေရးလို႕ရတယ္ php နဲ႕ေရးလည္းရတယ္ ။ html မွာေရးရင္ request time & Response time ေတြေစာင့္ဖို႕မလိုဘူးေပါ့ local မွာတင္ ျပီးမယ္ေလ..PHP နဲ႕ေရးလိုက္မယ္ဆိုရင္ server မွာသြားျပီ form ကို အလုပ္လုပ္ျပီးမွ html အေနနဲ႕ response ျပန္လာ user ကိုျပ အခ်ိန္ပိုၾကာတာေပါ့..။ ဒါက က်ေနာ္နားလည္သေလာက္အၾကမ္းမ်ဥ္းေျပာတာပါ.. * Clocks * Mouse Trailers (an animation that follows your mouse when you surf a site) * Drop Down Menus * Alert Messages * Popup Windows * HTML Form Data Validation ဒီလို ေတြမွာ java script ကိုအရမ္းသုံးပါတယ္။။ က်ေနာ္နဲ႕အတူေလ့လာမယ့္ သူငယ္ခ်င္းတို႕ဟာ HTML ကိုနားလည္တက္က်ြမ္းထားသင့္ပါတယ္။ HTML ရရင္ အဆင္ေျပမယ္ထင္ပါတယ္.။ html မရေသးရင္ သူ႕ကိုအရင္ေလ့လာလိုက္ပါ ကဲက်ေနာ္နဲ႕အတူတူေလ့လာက်မယ္ေနာ္ က်ေနာ္လိုအပ္တာရွိခဲ့ရင္ က်ေနာ္ရဲ႕ အကိုအမေတြကလည္းေထာက္ျပေပးဖို႕ေမ်ွာလင့္ပါတယ္… ကဲစလိုက္က်စို႕သူငယ္ခ်င္းတို႕ေရ ထုံးစံတိုင္း Hello World ကပဲ စလိုက္ရေအာင္ ဗ်ာေနာ္ HTML & JavaScript Code: ေအာက္က ကုဒ္ေလးကို notepad သိုမဟုတ္ any source area တခုခုမွာရိုက္လိုက္ပါ ျပီးရင္ေတာ့ yourname.html နဲ႕ သိမ္းပါ yourname ဆိုတဲ့ေနရာမွာ ကိုၾကိဳက္တဲ့နာမည္ေပါ့ ဖိုင္ NAME က .html ျဖင့္ သိမ္းရပါမယ္ Hello World! Display: result က ဒီလိုရပါမယ္ Hello World! line no 1 : မွာ ကေတာ့ html နဲ႕စပါတယ္။။ ျပီးေတာ့ ေအာက္ဆုံးလိုင္းမွာပိတ္ထားပါတယ္။ html ရထားရင္ဒါေတြေျပာေနဖို႕ မလိုေလာက္ပါဘူး line no 2 : မွာ body tag စပါတယ္။ က်ေနာ္တို႕ ေရးခ်င္တဲ့ စာသားေပၚေစခ်င္တာကို body မွာေရးပါတယ္။။ line no 3 : မွာေတာ့ browser ကို script စသုံးမယ္လို႕ စတင္ေျပာလိုက္ပါတယ္ --
ေမွာ္ဆရာ အဖြဲ ့
No comments:
Post a Comment
daweiit@gmail.com