နည္းပညာ

ကြန္ပ်ဴတာ နည္းပညာမ်ား, နည္းပညာ software ႏွင့္ နည္းပညာ blog

လက္ေရြးစင္ သင္ခန္းစာမ်ား

jQuery Tutorials က႑

jQuery form သင္ခန္းစာ – jQuery form validation tutorial


jQuery Tutorials, Web Design Tutorials

မဂၤလာပါ …
အရင္ဆုံး အရင္သင္ခန္းစာ ႏွစ္ခုအပါအဝင္ ဒီေန႔ သင္ခန္းစာ ၿပီးရင္ ရရွိမယ့္ပုံကုိ ျပေပးခ်င္ပါတယ္။ Demo မွာဝင္ၾကည့္လိုက္ပါ။ ကြက္လပ္ေတြမွာ ဘာမွမျဖည့္ပဲ ကလစ္ႏွိပ္ၾကည့္ပါ။ Form ထဲမွာ မျဖည့္ထားေၾကာင္း သတိေပးစာ ေပၚလာပါမယ္။ ဒီေန႔ သင္ခန္းစာၿပီးရင္ အဲဒါေတြ လုပ္တတ္မွာျဖစ္ပါတယ္။ အရင္သင္ခန္းစာ ႏွစ္ခုကုိ ဖတ္ခ်င္တယ္ဆုိရင္ေတာ့

1. Login form tutorial (HTML,CSS, jQuery) part I

2. Login form tutorial (HTML,CSS, jQuery) part II

ဒီေန႔ သင္ခန္းစာကေတာ့ ကၽြန္ေတာ္တုိ႔ login form (html, css, jQuery) သင္ခန္းစာ series တစ္ခုရဲ႕ ေနာက္ဆုံးအပုိင္းျဖစ္ပါတယ္။ ေနာက္ဆုံးအပုိင္းျဖစ္သလို အခက္ဆုံးလည္း ျဖစ္ပါတယ္။ သင္ခန္းစာ သုံးခုလုံးကုိ လုိက္လုပ္ၾကည့္ရင္ေတာ့ လြယ္မွာပါ။ ဒီေန႔ကေတာ့ JavaScript or jQuery အပုိင္းျဖစ္ပါတယ္။ ဒီေန႔မွာ html အပုိင္းမွာ ျပင္စရာရွိပါတယ္။ အရင္က ကၽြန္ေတာ္တုိ႔ ေရးထားဖူးတဲ့ html ဖုိင္ကုိ ဖြင့္လိုက္ပါ။

အျပည့္အစုံ ဖတ္ရန္ »

jQuery slideshow ျပဳလုပ္နည္း – How to make a simple slideshow with jQuery


jQuery Tutorials

မဂၤလာပါ …

ဒီတစ္ေခါက္ေတာ့ seo service website (www.seo.sg) မွာ လုပ္ထားတဲ့ slide show လုိမ်ဳိး ပုံေတြ တစ္ပုံၿပီးတစ္ပုံ မွိန္ၿပီး ေပ်ာက္ေပ်ာက္သြားေအာင္ လုပ္တဲ့ သင္ခန္းစာကုိ သင္ပါမယ္။ ဒီသင္ခန္းစာကုိ မဖတ္ခင္ ေအာက္ကလင့္ခ္ေတြက post ေတြကုိ ဖတ္ၿပီး၊ လုိက္လုပ္ၾကည့္ဖူးမွ၊ ဒီသင္ခန္းစာကုိ နားလည္ပါမယ္။

1. What is jQuery? Explained detail.

2. jQuery .hide() function

3. jQuery .slideToggle() tutorials

4. jQuery if else applicable tutorial

ဒါေၾကာင့္ အရင္ဆုံးလုပ္ရမယ့္ အလုပ္က desktop ေပၚမွာ slideshow ဆုိတဲ့ နာမည္နဲ႔ folder တစ္ခုေဆာက္လိုက္ပါ။ ၿပီးရင္ အဲဒီ folder ထဲမွာ images ဆုိတဲ့ folder ကုိ ထပ္ေဆာက္လိုက္ပါ။ ေသခ်ာေအာင္ ေအာက္က ပုံကုိၾကည့္ပါ။

အျပည့္အစုံ ဖတ္ရန္ »

jQuery if-else သင္ခန္းစာ – jQuery if else applicable tutorial


jQuery Tutorials

မဂၤလာပါ …
ကၽြန္ေတာ္ ဒီတစ္ေခါက္ ေရးမယ့္ နမူနာ ပုံစံကုိ demo မွာ သြားၾကည့္ပါ။ SEO Service website (www.seo.sg) က slider ကုိ သင္မယ္လို႔ ေျပာထားေပမယ့္ ရုတ္တရက္ႀကီး ျမင့္တက္သြားမွာစုိးလို႔၊ if else ေလး အရင္ သင္ၾကတာေပါ့။ ဒီေန႔ေတာ့ မေန႔က သင္ခန္းစာကုိ နည္းနည္းေလး ပုိေကာင္းသြားေအာင္၊ ပုိၿပီး သဘာဝက်သြားေအာင္ ကုဒ္ေလး နည္းနည္း ထပ္ျဖည့္ျပပါမယ္။ မေန႔က jQuery slideToggle Tutorial မွာ Button ကုိႏွိပ္လုိက္ရင္ေတာ့ box ကေတာ့ ေပၚလိုက္ ေပ်ာက္လုိက္ ျဖစ္ပါၿပီ။ ဒါေပမယ့္ Button ေပၚက စာက အေသပဲျဖစ္ေနပါတယ္။ အဲဒါကုိ ကၽြန္ေတာ္က ေျပာင္းခ်င္တာပါ။ ဘယ္လိုမ်ဳိးေျပာင္းခ်င္လဲဆုိေတာ့ –

– box မေပၚတဲ့ အေျခအေနမွာ button ေပၚက စာကုိ Show Box လို႔ ျဖစ္ေစခ်င္ၿပီးေတာ့
– box ေပၚေနတဲ့ အေျခအေနမွာ button ေပၚက စာကုိ Hide Box လုိ႔ ျဖစ္ေစခ်င္တာပါ။

if, else ကုိ အသုံးျပဳၿပီးေတာ့ ေရးမွာျဖစ္ပါတယ္။

အျပည့္အစုံ ဖတ္ရန္ »

jQuery slideToggle သင္ခန္းစာ – jQuery .slideToggle() tutorials


jQuery Tutorials

မဂၤလာပါ..

ဒီတစ္ေခါက္ေတာ့ နည္းနည္းေလး ပုိခက္တဲ့ သင္ခန္းစာကုိ ဆက္သြားပါမယ္။ ဒီသင္ခန္းစာမဖတ္ခင္ အရင္က ေရးဖူးတဲ့

01. What is jQuery

02. jQuery .hide() function

ႏွစ္ခုကုိ ဖတ္ဖူးထားရပါမယ္။

ဒီတစ္ေခါက္သင္ခန္းစာမွာေတာ့ css ေလးလည္း နည္းနည္းပါပါမယ္။ ဒီေတာ့ ကၽြန္ေတာ္တုိ႔ coding စေရးရေအာင္ဗ်ာ။

အျပည့္အစုံ ဖတ္ရန္ »

jQuery ျဖင့္ ေဖ်ာက္နည္း – jQuery .hide() function


jQuery Tutorials

မဂၤလာပါ..

ဒီေန႔ေတာ့ jQuery သင္ခန္းစာ၊ စသင္ပါေတာ့မယ္။ အရင္ what is jQuery post မွာေတာ့ jQuery အေၾကာင္း အေသးစိတ္ ရွင္းျပထားၿပီးေတာ့ jQuery ကုိ download လုပ္ပုံကုိလည္း ရွင္းျပထားပါတယ္။ Download မလုပ္ရေသးတဲ့ လူမ်ား download လုပ္ထားဖို႔ လိုပါမယ္။ Download လုပ္လို႔ ရလာတဲ့ file ကုိ jquery.js လို႔ နာမည္ေျပာင္းေပးလိုက္ပါ။ desktop ေပၚမွာ test ဆုိတဲ့ folder တစ္ခုေဆာက္ၿပီးေတာ့ jquery.js ကုိ အဲဒီ folder ထဲ ထည့္ထားပါ။ jQuery download လုပ္ၿပီးၿပီဆုိရင္ေတာ့ ကုဒ္ (code) စေရးပါေတာ့မယ္။ အရင္ website building tutorials ေတြမွာတုန္းကေတာ့ ကၽြန္ေတာ္သုံးတဲ့ code ေရးတဲ့ software (text editor) ကုိေတာ့ ေျပာျပထားပါတယ္။ ဒီသင္ခန္းစာမွာေတာ့ notepad++ ကုိ အသုံးျပဳၿပီး ရွင္းျပသြားမွာျဖစ္ပါတယ္။ notepad++ ကုိ ဖြင့္လိုက္ပါ၊ ၿပီးရင္ file>new ကုိ ေခၚလိုက္ပါ။ file အသစ္ထဲမွာ ေအာက္ပါအတုိင္း ေသခ်ာ ရုိက္ထည့္ပါ (ကူးမထည့္ပါနဲ႔)

အျပည့္အစုံ ဖတ္ရန္ »