နည္းပညာ

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

လက္ေရြးစင္ သင္ခန္းစာမ်ား ၾကည့္ရန္။

လစဥ္ စုစည္းမႈ: April 2013

လုပ္မယ္ဆိုရင္ အခုလုပ္

ဒီ post ေလးက ၂၀၁၀ ခုႏွစ္၊ ကၽြန္ေတာ္ ဘာမွ အျဖစ္ရွိရွိ မတတ္ေသးခင္တုန္းက Myanmar IT Pro မွာ ေရးခဲ့တဲ့ post ေလးပါ။ အခုအခ်ိန္ထိလဲ ဒီ post ထဲကလုိမ်ဳိးလူေတြ ရွိဦးမယ္လုိ႔ ထင္ပါတယ္။ Myanmar IT Pro မွာ တင္ခဲ့တုန္းကလည္း comment ေဝေဝဆာဆာနဲ႔ လူႀကိဳက္မ်ားခဲ့ပါတယ္။ ဒါေၾကာင့္ အားလုံးဖတ္ရေအာင္ ကၽြန္ေတာ့္ blog မွာ ျပန္တင္ေပးလိုက္ပါတယ္။ အရင္တုန္းက အေရးအသား အေျပာအဆုိနဲ႔ အခု အေရးအသား အေျပာအဆုိကေတာ့ နည္းနည္းကြာပါတယ္။ ဒါေပမယ့္ အရင္ကအတုိင္း ဖတ္ေစခ်င္လို႔ ဘာမွမျပင္ပဲ ျပန္တင္ေပးလိုက္ပါတယ္။ အေတြ႕အႀကဳံႏုေသးတဲ့ အခ်ိန္က ေရးထားတဲ့စာျဖစ္ေနေတာ့ နည္းနည္း ေျပာင္ေခ်ာ္ေခ်ာ္ျဖစ္ေနရင္ သည္းခံၿပီး ဖတ္ၾကပါ။

**********************************************************************

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

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

မဂၤလာပါ …
အရင္ဆုံး အရင္သင္ခန္းစာ ႏွစ္ခုအပါအဝင္ ဒီေန႔ သင္ခန္းစာ ၿပီးရင္ ရရွိမယ့္ပုံကုိ ျပေပးခ်င္ပါတယ္။ 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 ဖုိင္ကုိ ဖြင့္လိုက္ပါ။

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

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

မဂၤလာပါ …

ဒီသင္ခန္းစာ မဖတ္ခင္ ကၽြန္ေတာ္ အရင္တစ္ေခါက္က ေရးခဲ့တဲ့ Login form tutorial (HTML, CSS, jQuery) Part I ကုိ ဖတ္ဖူးရပါမယ္။ ဒီသင္ခန္းစာကေတာ့ အဲဒီ သင္ခန္းစာရဲ႕ အဆက္ အပုိင္း ၂ ပါ။ CSS ေရးနည္း သင္ေပးမယ့္ သင္ခန္းစာဆုိလည္း မမွားဘူးေပါ့။

CSS ဆုိတာ Cascading Style Sheet ရဲ႕ အတုိေကာက္ ျဖစ္ပါတယ္။ CSS ေရးနည္း သုံးနည္းရွိပါတယ္။

– tag ေတြထဲမွာ attribute အေနနဲ႔ ဝင္ေရးတဲ့ inline CSS ေရးနည္း။ (ဥပမာ။ ။ <html style=””>)
ဒီ ဥပမာမွာ <html> ဆုိတာက tag ျဖစ္ပါတယ္။ အရင္သင္ခန္းစာမွာလည္း ေဖာ္ျပခဲ့ပါတယ္။ style=”” ဆုိတာကေတာ့ attribute လုိ႔ ေခၚပါတယ္။

– <head> tag ထဲမွာ ဝင္ေရးတဲ့ embeded CSS ေရးနည္း။ (ဥပမာ။ ။<head>…………</head>)
ဒီ ဥပမာမွာ …………….. ေတြေနရာမွာ CSS code ေတြ ေရးရမွာျဖစ္ပါတယ္။

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

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

မဂၤလာပါ..

ဒီတစ္ေခါက္ေတာ့ form သင္ခန္းစာေလးေတြ series အလိုက္ သင္ေပးသြားမယ္လို႔ စိတ္ကူးထားပါတယ္။ ဒီသင္ခန္းစာက web design နဲ႔ ဆုိင္တဲ့ သင္ခန္းစာျဖစ္ပါတယ္။ တစ္ကယ္လို႔ ခင္ဗ်ားဟာ web design ကုိ စိတ္မဝင္စားဘူး။ Website တစ္ခု ဘယ္လိုလုပ္လဲ မသိခ်င္ဘူးဆုိရင္ေတာ့ ဒီသင္ခန္းစာက ခင္ဗ်ားနဲ႔ မဆုိင္ပါဘူး။ ေက်ာ္သြားပါ။ အဲလိုမွမဟုတ္ဘူး website ေတြ ဘယ္လိုေရးရလဲဆုိတာ စိတ္ဝင္စားတယ္၊ web design ဆုိတာကုိ သိခ်င္တယ္ဆုိရင္ေတာ့ ဒီသင္ခန္းစာက professional web designer တစ္ေယာက္ျဖစ္ဖုိ႔အတြက္ လုံးဝ အစပါပဲ။ အခုထိ ဖတ္မိေနၿပီဆုိေတာ့ ခင္ဗ်ားစိတ္ဝင္စားတယ္ဆုိတာ ေသခ်ာပါတယ္။ ဒါေၾကာင့္ သင္ခန္းစာ ဆက္ေလ့လာၾကတာေပါ့။

သာမာန္ web designer တစ္ေယာက္ျဖစ္ဖို႔ html နဲ႔ css ကုိ သိရပါတယ္။ အခု ဒီသင္ခန္းစာမွာ form နဲ႔ ပတ္သတ္တဲ့ html ကုိ သင္ေပးမွာျဖစ္ပါတယ္။ ေနာက္တစ္ေခါက္မွာေတာ့ css ကုိ သင္ေပးပါမယ္။ html မသင္ခင္ tag ဆုိတာကုိ သိရပါမယ္။ tag ဆုိတာက ေထာင့္ကြင္းအဖြင့္ “<” နဲ႔ ေထာင့္ကြင္းအပိတ္ “>” ထဲ ထည့္ေရးထားတာမွန္သမွ်ကုိ tag လုိ႔ ေခၚပါတယ္။ tag ေတြတုိင္းမွာ အဖြင့္နဲ႔ အပိတ္ရွိပါတယ္။ အပိတ္ tag မွာ slash လို႔ေခၚတဲ့ မ်ဥ္းေစာင္း “/” ေလးပါ ပါတယ္။ ဥပမာ <html> ဆုိတာက အဖြင့္ tag ျဖစ္ၿပီးေတာ့ </html> က အပိတ္ tag ျဖစ္ပါတယ္။ ကဲဒါဆုိ notepad++ ကုိဖြင့္လိုက္ပါ။ html စေရးဖို႔ အရင္ဆုံး ေရးရမယ့္ tag ေတြက

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

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

မဂၤလာပါ …

ဒီတစ္ေခါက္ေတာ့ 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 ကုိ ထပ္ေဆာက္လိုက္ပါ။ ေသခ်ာေအာင္ ေအာက္က ပုံကုိၾကည့္ပါ။

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