နည္းပညာ

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

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

Web Design Tutorials က႑

Blogspot ျပဳလုပ္နည္း – How to make a blogger website

မဂၤလာပါ..
ဒီတစ္ေခါက္ေတာ့ ကၽြန္ေတာ္တုိ႔ ကုိယ္ပုိင္ blogger website ျပဳလုပ္ပုံကုိ သင္ေပးမွာ ျဖစ္ပါတယ္။ သင္ခန္းစာ မစခင္ ကၽြန္ေတာ္တုိ႔ blogger ကုိ ဘာလို႔ ေရြးရသလဲ၊ ခင္ဗ်ားတုိ႔ေကာ website ျပဳလုပ္တဲ့ အခါမွာ blogger ကုိ ဘာေၾကာင့္ ေရြးသင့္လဲ ဆုိတာကုိ မိတ္ဆက္အေနနဲ႔ အနည္းငယ္ ေျပာျပပါမယ္။
ကၽြန္ေတာ္က blogger ကုိ ဘာေၾကာင့္ ေရြးသလဲဆုိေတာ့ ကၽြန္ေတာ္ကုိယ္တုိင္ကုိက google ကေပးတဲ့ services ေတြကုိ ႀကိဳက္လုိ႔ပါ။ Blogger ဆုိတာက google က ေပးတဲ့ services ေတြထဲက တစ္ခုျဖစ္ပါတယ္။ Blogger ကုိ လူတုိင္းမသိႏုိင္ေပမယ့္၊ google ကုိေတာ့ လူတုိင္း သိမွာပါ။

ခင္ဗ်ားတုိ႔ကေရာ blogger ကုိ ဘာေၾကာင့္ ေရြးသင့္သလဲဆုိေတာ့ အဓိက အေၾကာင္းအရင္းကေတာ့ google ပါပဲ။ Blogger က google product တစ္ခုျဖစ္တဲ့အတြက္ေၾကာင့္ google ရဲ႕ မ်က္ႏွာသာေပးျခင္း ခံရပါတယ္။ ဘယ္လုိမ်က္ႏွာေပးခံရလဲဆုိေတာ့ –အျပည့္အစုံ ဖတ္ရန္ »

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 ေတြက

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

w3schools ေဒါင္းလုပ္ – Download w3schools.com for offline

ဟုိတစ္ေန႔က အြန္လုိင္းမွာ စကားေျပာျဖစ္တဲ့ထဲက တစ္ေယာက္က w3schools.com ကုိ ဝင္ၾကည့္ရတာ အခက္အခဲရွိတယ္၊ အခ်ိန္ျပည့္ ၾကည့္ဖုိ႔ အဆင္မေျပဘူးဆုိလို႔ offline ၾကည့္လုိ႔ရမယ့္ version ေလး ကၽြန္ေတာ့္မွာ ရွိေနတာနဲ႔ပဲ တင္ေပးလိုက္ပါတယ္။ ေဒါင္းလုဒ္လုပ္ခ်င္တယ္ဆုိရင္ေတာ့ ေအာက္က လင့္ခ္မွာ ေဒါင္းလုဒ္လုပ္ပါ။

Update လုပ္ေပးထားပါတယ္။ အရင္လင့္ကုိ ဖ်က္လုိက္ပါၿပီး download လုပ္လုိသူမ်ား ေအာက္က button ကုိႏွိပ္ပါ။

Download လုပ္ရန္