စာသင္ခန္း

ကၽြန္ေတာ္ စာသင္ပါမယ္။ ဘယ္သူေတြအတြက္လဲဆိုေတာ႔ လူငယ္ေတြ အတြက္ပါ။ ကြန္ပ်ဴတာပညာရပ္ကိုေလ႔လာေနေသာ အထူးသျဖင့္ Web Design နဲ႔ Web Development ပိုင္းကိုေလ႔လာေနေသာ ညီငယ္၊ ညီမငယ္တို႔ အတြက္ပါ။ က်ေနာ္႔ ပို႔ခ်ခ်က္ သင္ခန္းစာေတြကို ေလ႔လာဖတ္ရႈရင္း ကၽြန္ေတာ္နဲ႔  Comment မွတဆင့္ ဆက္သြယ္ေျပာဆိုေဆြးေႏြးႏိုင္ပါတယ္။ ကၽြန္ေတာ္တို႔ တေျဖးေျဖး ေလ႔လာသြားရေအာင္..။ အဓိကက သင္ယူလိုစိတ္ရွိဖို႔ပဲလိုပါတယ္။ ဘယ္ေနရာမွာ ဘယ္လိုသင္ယူရမယ္ဆိုတာနဲ႔ ဘာေတြသင္ယူရမလဲဆိုတာကိုေတာ႔ က်ေနာ္ေျပာျပပါမယ္။

1. လိုအပ္ေသာ Software Application မ်ား

Website တစ္ခု တည္ေဆာက္ဖို႔ရာ ဖန္တီးဖို႔ရာ ဘယ္လို ကိရိယာပစၥည္းေတြ လိုအပ္ပါသလဲ?

- Notepad (or) Notepad++

ကၽြန္ေတာ္ကေတာ႔ Notepad++ ကိုသံုးၿပီး ကုဒ္ေတြကိုေရးတဲ႔အတြက္ Notepad++ ကိုပဲသံုးဖို႔ရာေျပာခ်င္ပါတယ္။ သို႔ေသာ္ Adobe Dreamweaver ေသာ္လည္းေကာင္း Aptana Studio ကိုေသာ္လည္းေကာင္း သံုးစြဲေနၾကသူမ်ားအတြက္ကေတာ႔ သံုးစြဲလက္စ HTML Editing Software ေတြကိုပဲ ဆက္လက္သံုးစြဲႏိုင္ပါတယ္။

- Adobe Photoshop

Website ဒီဇိုင္းဖန္တီးမည့္သူမ်ားအတြက္ မရွိမျဖစ္ software တစ္ခုပါ။ က်ေနာ္ကေတာ႔ Photoshop မရွိရင္ မျဖစ္ပါဘူး။ Website ဒီဇိုင္းလွလွေလးေတြ ဆြဲခ်င္တယ္ဆိုရင္ေတာ႔ ခင္ဗ်ားတို႔ Photoshop ကို ကၽြမ္းကၽြမ္းက်င္က်င္တတ္ထားဖို႔လည္း လိုပါေသးတယ္။

- Browser မ်ား

IE 6/7/8 ၿပီးေတာ႔ Firefox၊ ေနာက္ Chrome၊ Opera Web Browser ေတြ လိုပါတယ္။ က်ေနာ္တို႔ ၀က္ဘ္ဆိုက္ေတြကို ၾကည့္ရႈဖို႔ျဖစ္ပါတယ္။ Browser ေတြဆိုတာက Web Designer ေတြ Web site ဖန္တီးသူေတြအတြက္ အဓိကအရာတစ္ခုလည္းျဖစ္ပါတယ္။ သရုပ္ေဆာင္ေတြရဲ႕ သရုပ္ေဆာင္ထားတဲ႔ ဗြီဒီယိုအေခြေတြကို ဗြီဒီယိုျပစက္မွာ ထည့္ၾကည့္ရသလို၊ အဆိုေတာ္ေတြရဲ႕ အသံသြင္းတိတ္ေခြေတြကို ကက္ဆက္မွာ ထည့္ဖြင့္ၿပီး နားေထာင္ရသလို ကၽြန္ေတာ္တို႔ ဆြဲထားမယ္႔ Web site ေတြကိုလည္း Browser ေတြနဲ႔ ဖြင့္ၾကည့္မွရပါမယ္။

Browser အမ်ဳိးမ်ဳိးရွိပါတယ္။ အမ်ဳိးမ်ဳိးေသာ browser ေတြကို ကၽြန္ေတာ္တို႔ လိုအပ္ပါတယ္။ ဘာေၾကာင့္လဲဆိုေတာ႔ ကၽြန္ေတာ္တို႔ Website ေတြကိုၾကည့္မယ္႔ အလည္လာၾကမယ္႔သူေတြဟာ အမ်ဳိးမ်ဳိးေသာ browser ေတြနဲ႔ ဖြင့္လွစ္ၾကည့္ရႈၾကမွာ ျဖစ္လို႔ပါပဲ။ တခ်ဳိ႕က IE နဲ႔ၾကည့္မယ္။ တခ်ဳိ႕က Firefox နဲ႔ၾကည့္မယ္။ တခ်ဳိ႕က Chrome နဲ႔ၾကည့္မယ္။ တစ္ခုနဲ႔တစ္ခုမတူပါဘူး။ ဘယ္ Browser နဲ႔ၾကည့္ၾကည့္ ကၽြန္ေတာ္တို႔ Website ဟာ ၾကည့္လို႔ အဆင္ေျပေနရပါမယ္။ အဲဒီလို အဆင္ေျပဖို႔ က်ေနာ္တို႔လုပ္ရပါမယ္။

2. ေလ႔လာရမယ္႔ Programming နည္းပညာရပ္မ်ား

web site ေတြကို တည္ေဆာက္ဖို႔ရာ Programming Language တစ္ခုခုေတာ႔ျဖင့္တတ္ကၽြမ္းရပါလိမ္႔မယ္။ ပထမဆံုး အေျခခံအေနနဲ႔ကေတာ႔ HTML ကို တတ္ကၽြမ္းနားလည္ရပါမယ္။ Web နဲ႔ပတ္သက္ရင္ HTML က မသိမျဖစ္ ဘာသာစကားတစ္ခုပါ။ တတ္ကို တတ္ရပါမယ္။ ဒါေပမယ္႔ HTML ေလ႔လာၿပီးေတာ႔ ရပ္မေနသင့္ပါဘူး။ Website တစ္ခုကို စိတ္ျဖာခြဲျခားေလ႔လာၾကည့္မယ္ဆိုရင္.. အလႊာသံုးလႊာေတြ႕ရပါမယ္။ ပထမအလႊာက Structure Layer လို႔ေခၚတဲ႔ အေျခခံဖြဲ႕စည္းမႈအလႊာျဖစ္ၿပီး၊ ဒုတိယက Presentation Layer(တင္ျပပံုအလႊာ) ျဖစ္ပါတယ္။ ၿပီးရင္ေတာ႔ Behaviour Layer (ျပဳမႈလႈပ္ရွားအလႊာ) လို႔ ခြဲျခားေတြ႕ျမင္ႏိုင္ပါတယ္။

အဲဒီမွာ Web page တစ္ခုကို HTML, XHTML တို႔နဲ႔ Structure ခ်တည္ေဆာက္ရပါမယ္။ ေနာက္ CSS နဲ႔ တန္ဆာဆင္ရပါမယ္။ CSS နဲ႔ Presentation အပိုင္းကို လုပ္ေဆာင္ရပါမယ္။ ေနာက္ Behaviour Layer မွာေတာ႔ Java script တို႔ JQuery တို႔ကို အသံုးျပဳရပါမယ္။ အဲဒီေတာ႔ က်ေနာ္တို႔ ေလ႔လာရမယ္႔ နည္းပညာေတြက  HTML, XHTML, CSS, Java Script နဲ႔ JQuery တို႔ကို ဦးစြာပထမ ေလ႔လာရပါမယ္။ ဒါက Website တည္ေဆာက္ခ်င္သူေတြ Web Design ဖန္တီးခ်င္သူေတြအတြက္ မသိမျဖစ္အေျခခံနည္းပညာရပ္ေတြပါ။

ဘယ္လိုေလ႔လာၾကမလဲ?

ဘယ္လိုေလ႔လာၾကမလဲဆိုေတာ႔..

(၁) နည္းပညာရပ္ဆိုင္ရာ သင္တန္းမ်ားမွတဆင့္ တတ္ကၽြမ္းနားလည္ေသာ ဆရာ/ဆရာမမ်ားျဖင့္ သင္ယူတတ္ေျမာက္ျခင္း

(၂) သက္ဆုိင္ရာ စာအုပ္မ်ားမွတဆင့္ ေလ႔လာသင္ယူျခင္း (ပံုႏွိပ္စာအုပ္မ်ားႏွင့္ Ebook မ်ားကို ဖတ္ရႈေလ႔လာျခင္း)

(၃) Online မွတဆင့္ ကိုယ္တိုင္ေလ႔လာသင္ယူျခင္း (Self Study Learning)

(၄) Learning Video မ်ားမွတဆင့္ ၾကည့္ရႈ သင္ယူျခင္း

ႏိုင္ငံတိုင္း ႏိုင္ငံတိုင္းမွာေတာ႔ Web Design, Web Development ပိုင္းဆိုင္ရာ သင္တန္းေတြ ရွိၾကပါတယ္။ ကၽြန္ေတာ္႔အေနနဲ႔ကေတာ႔ စာအုပ္ေတြကို ဖတ္ရႈေလ႔လာၿပီး သင္ယူတတ္ေျမာက္ျခင္းနဲ႔ Online ရွိ Web Site မ်ားမွတဆင့္ Self Study ေလ႔လာျခင္း အေၾကာင္းကို ေျပာျပပါမယ္။ ကၽြန္ေတာ္တို႔မွာ ပံုႏွိပ္ထားတဲ႔ Web ပိုင္းဆိုင္ရာ စာအုပ္ေတြရွိပါတယ္။ Library ေတြကေနငွားရမ္း၍ ေသာ္လည္းေကာင္း၊ စာအုပ္အေရာင္းဆိုင္မ်ားမွ ၀ယ္ယူ၍ ေသာ္လည္းေကာင္း ပံုႏွိပ္ထားတဲ႔ စာအုပ္ေတြကို ဖတ္ရႈေလ႔လာႏိုင္ပါတယ္။ ခုနေျပာတဲ႔ HTML, CSS နဲ႔ Java script ေတြနဲ႔ပတ္သက္ၿပီး Site point ကထုတ္တဲ႔စာအုပ္ေတြ၊ Oreilly ကထုတ္တဲ႔စာအုပ္ေတြ၊ Apress ကထုတ္တဲ႔ စာအုပ္ေတြရွိပါတယ္။ ဘာပဲေျပာေျပာ သင္တန္းတက္ေနတဲ႔သူေတြကလည္း စာအုပ္ေတြကို ေလ႔လာဖတ္ရႈရပါမယ္။ ေနာက္တစ္ခုက ပံုႏွိပ္စာအုပ္ေတြငွားမရဘူး၊ ၀ယ္မရဘူး။ ဒါဆို Online ကေန Ebook ေတြ ရွာဖတ္ရေတာ႔မွာေပါ႔။ ၀ယ္ဖတ္ရေတာ႔မွာေပါ႔။

ဘယ္လိုေလ႔လာမလဲဆိုတာ မေျပာခင္မွာ ဘာကိုေလ႔လာခ်င္တာတုန္း ဆိုတာေတာ႔ သိထားဖို႔ရာလိုပါလိမ္႔မယ္။ ကၽြန္ေတာ္တို႔ HTML ကိုေလ႔လာခ်င္ပါတယ္။ CSS ကိုေလ႔လာခ်င္ပါတယ္။ Online Tutorial Website ေတြက တဆင့္ အခမဲ႔ေလ႔လာသင္ယူႏိုင္ပါတယ္။ အင္တာနက္မရွိဘူးဆိုရင္ေတာ႔ ဘယ္လိုမွသင္ႏိုင္မွာမဟုတ္ပါဘူး။ ေလ႔လာသင္ၾကားၿပီးရင္ေတာ႔ ျပန္လည္စမ္းသပ္လုပ္ကိုင္ျခင္းအဆင့္ရွိရပါမယ္။

Online Tutorial Website မ်ား

1. HTML Tutorial

http://www.w3schools.com

http://htmldog.com

http://www.html.net

2. CSS Tutorial

http://www.w3schools.com/css

http://www.csstutorial.net/

http://www.learn-css-tutorial.com/

3. Java Script Tutorial Websites

http://www.w3schools.com/js/default.asp

http://www.learn-javascript-tutorial.com/

http://www.javascriptkit.com/javatutors/

ဒီ Website ေတြကေန သင္ခန္းစာေတြကို ေလ႔လာသင္ယူႏိုင္ပါတယ္။ ဒါက က်ေနာ္အႀကံဳျပဳထားတဲ႔ Site ေတြသာျဖစ္ၿပီး တျခားေလ႔လာလို႔ရတဲ႔ Tutorial Website ေတြ အမ်ားႀကီးရွိပါေသးတယ္။ အေျခခံမွစတင္သင္ယူဖို႔ရာအတြက္ ဒီဆိုက္ေလးေတြကို ေလ႔လာမယ္ဆိုရင္ျဖင့္ အက်ဳိးျဖစ္ထြန္းမယ္လို႔ ေျပာႏိုင္ပါတယ္။ ကၽြန္ေတာ္တို႔ ျမန္မာလိုေလ႔လာခ်င္တယ္ဆိုရင္လဲ ျမန္မာလိုရွင္းျပသင္ၾကားေပးတဲ႔ Website ေတြ ရွိပါလိမ္႔မယ္။ ျမန္မာလိုေရးသားထားတဲ႔ စာအုပ္ေတြလည္းရွိပါတယ္။ ျမန္မာလိုေရးသားျပဳစုျခင္းဟာ နည္းပညာရပ္ေတြကို မိတ္ဆက္ေပးခ်င္းမွ်သာျဖစ္တဲ႔အတြက္ တကယ္႔တကယ္ ႏႈိက္ႏိႈက္ခၽြတ္ခၽြတ္ေလ႔လာတတ္ေျမာက္ခ်င္ပါက အဂၤလိပ္လိုေရးသားထားေသာ စာအုပ္မ်ား၊ Blog မ်ား၊ Website မ်ားကိုသာ ဦးစားေပးေလ႔လာဖတ္ရႈသင့္ေၾကာင္း ေျပာလိုပါတယ္။

နားမလည္တာအေၾကာင္း မဟုတ္ပါဘူး။ နားလည္ဖို႔ရာ မႀကိဳးစားျခင္းနဲ႔ ေရသာခိုအေခ်ာင္လိုက္ေနျခင္းကသာ ကၽြန္ေတာ္တို႔ကို ဒီဘာသာစကားေတြ နည္းပညာေတြနဲ႔ ေ၀းေ၀းသြားေစႏိုင္ပါတယ္။ ဟုတ္ပါၿပီ.. ကၽြန္ေတာ္တို႔ ဒီေန႔ေျပာျပသြားတဲ႔ အေၾကာင္းအရာေတြကို အတိုခ်ဳပ္လိုက္မယ္ဆိုရင္ ႏွစ္ခုရွိပါတယ္။ Web Design နဲ႔ Web Development နည္းပညာရပ္ေတြကိုေလ႔လာမယ္႔သူေတြအတြက္ လိုအပ္တဲ႔ Software ေတြအေၾကာင္း နဲ႔ ေလ႔လာရမယ္႔ Programming နည္းပညာရပ္ေတြ အေၾကာင္း ျဖစ္ပါတယ္။ ေနာက္ေန႔မွ ဆက္ၾကပါဦးစို႔ ….

အသိဥာဏ္ပညာျဖင့္ ေအာင္ျမင္ေသာဘ၀မ်ားကို ေလွ်ာက္လွမ္းႏိုင္ၾကပါေစ..

ေဆာင္းခ်မ္းမိုး