Yx

Yx

Yx

Yx

Yx

A-ads

A-ads

A-ads

Yllix

Wednesday, February 19, 2014

သင္ဟာ Designer လား၊ Developer လား၊ Programmer လား


 Photo: သင္ Designer လား၊ Developer လား၊ Programmer လား
 ဒီမွာေတာ့ အားလံုး အေသးစိတ္ေျပာသြားမွာ မဟုတ္ပါဘူး၊ ဒါေပမယ့္ Designer ဆိုတာ ဘယ္လိုဘာသာရပ္ေတြကို တတ္ထားတဲ့ လူကိုေခၚတာလဲ၊ Developer ဆိုတာ ဘယ္လိုဘာသာရပ္ေတြကို တတ္ထားတဲ့လူေတြကို ေခၚတာလဲ၊ Programmer ဆိုတာ ဘယ္လို ဘာသာရပ္ေတြကို တတ္ထားတဲ့ လူေတြကိုေခၚတာလဲ စသျဖင့္ တင္ျပသြားမွာျဖစ္ပါတယ္၊(ပို႔စ္ကို သံုးပိုင္းေရးမယ္၊ Designer ပိုင္း၊ Developer ပိုင္း၊ Programming ပိုင္းေတြအျဖစ္သံုးပိုင္း)၊
 Designer
 ဒီဇိုင္းမွာ ေတာ့ အဓီက ဘာသာရပ္ ၆ ခုပါမယ္၊ ဘာသာရပ္ ၆ ခုလံုးကို ေအာက္က အတိုင္းေတြ႔ရမယ္၊
 
HTML
CSS
CSS3
HTML5
JQuery
JavaScript

HTML

 HTML ဘာသာရပ္ကေတာ့ အေျခခံ အက်ဆံုးနဲ႔ အလြယ္ဆံုး ဘာသာရပ္ျဖစ္ပါတယ္၊ နာမည္အရင္းကေတာ့ Hyper Text Markup Language ျဖစ္ပါတယ္၊ ေလ့လာရသာလြယ္ပီး WebDesigner ေတြအတြက္ေကာ Web Developer ေတြအတြက္ပါ မရွိမျဖစ္သံုးရတဲ့ ဘာသာရပ္ပါ၊ သူရဲ့ အဓီက တာ၀န္ကေတာ့ Data Show လို႔ေခၚတဲ့ Web Data ေတြကို ေဖာ္ျပျခင္းပါပဲ၊ ၀က္ဆိုက္မွာ ပါ၀င္သမွ် Contents ေတြအားလံုးကို HTML နဲ႔ေဖာ္ျပႏိုင္တယ္ ေနရာခ်ႏိုင္တယ္၊ HTML ဘာသာရပ္တစ္ခုထဲနဲ႔ ၀က္ဆိုက္တည္ေဆာက္ႏိုင္ပါတယ္၊ ဒါေပမယ့္ အလြန္ရုပ္ဆိုးပီး အကန္႔အသက္ နဲ႔ သာ အလွဆင္ႏိုင္တဲ့၀က္ဆိုက္မ်ိဳးေတြပဲရႏိုင္ပါတယ္၊ HTML ရဲ့ လုပ္ပိုင္ခြင့္နဲ႔ အစြမ္းက မျပင္းေပမယ့္ သူက အျခား ဘာသာရပ္ေတြအတြက္ Data ေဖာ္ျပမူမွာ မရွိမျဖစ္လိုအပ္တဲ့ အတြက္ necessary evil တစ္ေကာင္လိုျဖစ္ေနပါတယ္၊ အျခားဘာသာရပ္ေတြျဖစ္တဲ့ CSS တို႔ jQuery တို႔ JavaScript တို႔ရဲ့ အစြမ္းေတြ ဘယ္ေလာက္ေကာင္းေကာင္း HTML လို႔ Data Show လုပ္တဲ့ ဘာသာရပ္မပါရင္ အစြမ္းေတြကို ဘယ္သူမွမျမင္ႏိုင္ေတာ့ပါဘူး ဒီေတာ့ Web Designer ေကာ Web Developer ေတြအတြက္ပါ မျဖစ္မေနတတ္ထားသင့္တ့ဲဘာသာရပ္ပါ၊ HTML က Markup Tag ေတြသာအသံုးျပဳတဲ့ ဘာသာရပ္ ျဖစ္တဲ့ အတြက္ ေလ့လာရ လြယ္လွပါတယ္၊ ၅ ရက္အတြင္း HTML သီးသန္႔သံုး၀က္ဆိုက္ေတြကိုဖန္တီးႏိုင္ပါတယ္၊ လြန္ခဲ့တဲ့ ၁၀ စုႏွစ္ကေတာ့ HTML Tabel Nesting Site ေတြကို သံုးၾကသာ မ်ားပါတယ္၊ ခုေနာက္ပိုင္းေတာ့ ဘယ္သူမွ Tabel Nesting Site ေတြကို မသံုးေတာ့ပါဘူး ေရးတဲ့သူရွိလဲ မ၀ယ္ေတာ့ပါဘူး၊ တစ္ခ်ိဳ႕ Web Hosting ကုမၼဏီေတြမွာေတာ့ Web API ေတြေရးရာမွာ ဆက္လက္အသံုးခ်ေနတာေတြ႔ေနရပါတယ္၊
 Web Designer ေကာ Web Developer ေကာ HTML ကို မျဖစ္မေနတတ္ထားရမယ္၊ Web Developer ေတြအတြက္ေတာ့ တြဲဖက္ Designer ေကာင္းရွိရင္ မတတ္လဲရတယ္ဆိုေပမယ့္ 5 ရက္ေလာက္ အခ်ိန္ေပးရင္ အားလံုးပီးတဲ့ လိုအပ္တဲ့ ဘာသာရပ္ကို မတတ္တာထက္စာရင္ တက္တာက ပိုေကာင္းပါတယ္၊

CSS

 CSS ကေတာ့ ၀က္ဆိုက္ေလာကရဲ့ အလွျပင္ ဘုရင္မပါပဲ၊ HTML က ေဖာ္ျပလိုတဲ့ WebData ေတြကို ေဖာ္ျပသလို အဲ့ဒီ့ ေဖာ္ျပထားတဲ့ Data ေတြရဲ့ အသြင္သ႑န္ လွပမူအားလံုးအတြက္ CSS က တာ၀န္ယူပါတယ္၊ CSS ကို ကၽြမ္းကၽြမ္း က်င္က်င္ မသံုးတတ္ေသးရင္ Designer တစ္ေယာက္မျဖစ္ေသးပါဘူး၊ တကယ္ေတာ့ အျခား Programming Concepts ပါတဲ့ JavaScript , Ajax, PHP, Json တို႔နဲ႔ ဘယ္ေလာက္ပဲလုပ္ထား လုပ္ထား Designer တစ္ေယာက္ရဲ့ ေျပာင္ေျမာက္တဲ့ ၀က္ဆိုက္ အလွဆင္မွဴမပါရင္ အဲ့ဒီ့ ဆိုက္ကိုေရာင္းဖို႔ ဘယ္လိုမွမျဖစ္ႏို္င္ပါဘူး၊ ၀ယ္တဲ့ သူက မတတ္တဲ့လူေလ၊ သူလိုခ်င္တာ ၀က္ဆိုက္ လွလွေလး၊ ေနာက္က လုပ္တဲ့ ကုတ္ေတြကို သူလံုး၀ နားမလည္ဘူး၊ ဒီေတာ့ သူက ဆိုက္ လွလား မလွလား ပဲၾကည့္လိမ့္မယ္၊ ဆိုက္လွရင္ ၀ယ္မယ္ မလွရင္မ၀ယ္ဘူးေပါ့၊ ေနာက္က ကုတ္ေတြ ေသေလာက္ေအာင္ လုပ္ထားလဲ သူမသိဘူးေလ၊ အထူးသျဖင့္ အြန္လိုင္းတဆင့္ ေရာင္းစားတဲ့ အခါမ်ိဳးေပါ့၊ ဒီေတာ့ CSS ရဲ့ က႑က တကယ့္ကိုမွအေရးႀကီးလွပါတယ္၊ ၀က္ဆိုက္၀ယ္မယ့္သူက ဆိုက္ကိုၾကည့္လိုက္တာနဲ႔  အျခားစာမ်က္ႏွာေတြမသြားခ်င္ေတာ့ေလာက္ေအာင္ ပိတ္လိုက္ရမွာ ႏွေမွ်ာေလာက္ေအာင္ ေကာင္းဖို႔လိုတယ္၊ အဲ့ဒီ့ အဆင့္ေလာက္ ကိုလုပ္ထားမွေတာ္ရံုၾကပါမယ္၊
 CSS ကေတာ့ Designer တစ္ေယာက္ ျဖစ္ေစမယ့္ အဓိက ဘာသာရပ္ပဲျဖစ္ပါတယ္၊ ေလ့လာရတာလြယ္ပါတယ္၊ ၁ လေလာက္ဆို တတ္ပါပီ၊ ဒါေပမယ့္ CSS ကို တကယ္ သဘာက်က် အသံုးျပဳႏိုင္ဖို႔ေတာ့ အေတာ့ကို အေတြ႔အၾကံဳမ်ားမ်ား ရွာရမွာပါ၊ မ်ားမ်ားလုပ္မွ သေဘပိုေပါက္လာမွာ ျဖစ္သလို သင္ၾကားေလ့လာထားတဲ့ အခ်က္ေတြကို သာမာန္အသံုးျပဳပံုထက္ပိုပီးေျပာင္ေျမာက္ေအာင္ သံုးႏိုင္ရပါမယ္၊ ဒီသေဘာတရားကိုေတာ့ လုပ္ရင္း သေဘာေပါက္လာမွာပါ၊ ေလ့လာရတာ ၁ လေလာက္ပဲဆိုေပမယ့္ တကယ္လက္ေတြ႔လုပ္ရင္ ရွာရင္းေတြ႔ရင္းနဲ႔ အြန္လိုင္းမွာ ရပ္တည္ႏိုင္တဲ့ အဆင့္ အထိဆိုရင္ေတာ့ ၁ ႏွစ္ေတာ့ၾကာပါမယ္၊ ဒီ ၁ ႏွစ္ဆိုတာ အျမဲတမ္း Project ေတြကိုလုပ္ေနတဲ့သူေတြကိုေျပာပါတယ္၊ ပ်က္ေတာက္ပ်က္ေတာက္ ေတာ့ မရဘူး၊ အဓီက အေၾကာင္းအရင္းက W3C က အျမဲတမ္း အသစ္ေတြထြက္လာပီး CSS ကို အဆင့္ အျမဲျမင့္ေနလို႔ပါ၊

CSS3

 CSS3 ကေတာ့ ၀က္ဆိုက္ေလာကမွာ Flash ရဲ့ေနရာကိုျဖဳတ္ဖို႔ CSS ကိုဆင့္ျမင့္လိုက္တဲ့ Version တစ္ခုျဖစ္ပီး အသံုးျပဳတတ္သူမ်ား အဖို႔ေတာ့ တကယ့္ကို Flash ေတြကို Web ေလာကကေန ျဖဳတ္ထုတ္လိုက္ႏိုင္တဲ့ ဘာသာရပ္ပါ၊(HTML5 နဲ႔ တြဲရင္ေျပာပါတယ္)၊ CSS3 မွာ အဓိက သံုးထားတဲ့ Keyframes Animation, transition, gradient, Background Properties and values, Broder Radius, Boxshow, Clip, Transform စသျဖင့္ အသစ္အသစ္ေပၚလာသမွ်က သံုးရင္သံုးသလို ၀က္ဆိုက္ကို အသက္၀င္သြားေစပါတယ္၊ အသက္၀င္သြားေစရံုတင္မကပဲ အျခား Selectors အသစ္ေတြကလဲ မထင္ရေလာက္ေအာင္ HTML Document ေတြကို အေသးစိတ္ Select မွတ္ႏို္င္ပါတယ္၊၊ Tag တစ္ခုထဲသာ Select လုပ္ႏိုင္တာမဟုတ္ေတာ့ပဲ Attribute တို႔ nth-type တို႔ Child Selector တို႔ စသျဖင့္ တကယ့္ကို အေသးစိတ္ HTML Document တစ္ခုကို Select မွတ္လို႔ရျခင္းေတြက Web Designer ေတြရဲ့ လူရာ၀င္မွဴကို Web ေလာကရဲ့ ထိပ္ဆံုးကိုပို႔ေဆာင္ေပးခဲ့ပါတယ္၊ အရင္ကလို ငါတုိ႔လုပ္မွရတယ္ဆိုတဲ့ jQuery တို႔ JavaScript တို႔ရဲ့ က႑ အခ်ိဳ႕ကိုလဲ သိမ္းက်ံဳး ယူပစ္လိုက္ပါတယ္၊  Slide Show လုပ္မလား စာလံုးေလေတြေျပးမလား၊ ဖုန္းနဲ႔ ၾကည့္ၾကည့္ Tablet နဲ႔ ၾကည့္ ၾကည့္ အျခား ဘယ္ Device နဲ႔ ၾကည့္ၾကည့္ ၀က္ဆိုက္ ပ်က္မသြားပဲ အလိုေလွ်ာက္ ၾကည့္ရာ Device ရ့ဲ မ်က္ႏွာျပင္အရြယ္အစားအတိုင္း လိုက္ေျပာင္းႏိုင္တဲ့ Media Query Selector ကေတာ့ ကြန္ျပဴတာေတြမွာသာလွ်င္မကပဲ အျခား Device ေတြအားလံုးရဲ့ အရြယ္အစားနဲ႔ ညီတဲ့ Web ဆိုက္ေတြကို Designer ေတြကို ဖန္တီးေစႏို္င္ခဲ့ပါတယ္၊ Flexible Box Model ကလဲ ၀က္ဆိုက္ရဲ့ Div တစ္ခုစီကို ၾကည့္ရူ႕ရာ Screen အရြယ္အစားေပၚမူတည္ပီး အေကာင္းဆံုးပံုစံျဖစ္ေအာင္ Layout ေျပာင္းလဲႏိုင္ေစတဲ့ WebSite ေတြကိုထြက္ေပၚလာေစခဲ့ပါတယ္၊
 CSS3 ကိုတတ္ဖို႔ဆိုရင္ေတာ့ ကိုယ္ပိုင္ေလ့လာရင္ ၄ လေလာက္ၾကာသြားေစႏိုင္ပါတယ္၊ CSS3 က ခက္လို႔မဟုတ္ပါဘူး၊ Selector တစ္ခုစီ Properties တစ္ခုစီရဲ့ အႏွစ္သာရျပည့္၀လြန္းလို႔ တစ္ခုကိုပဲ ေတာ္ေတာမ်ားမ်ားေလ့က်င့္ပီး လံုး၀ မတူညီတဲ့ Result ေတြရေအာင္လုပ္ႏိုင္လို႔ပါ၊ ဒီေတာ့ မ်ားမ်ားေလ့က်င့္ရတာေပါ့၊

HTML5

 HTML5 ကေတာ့ လူအမ်ား အထင္မွာ သိပ္လြယ္တဲ့ ဘာသာရပ္ျဖစ္ေနပါတယ္၊ ဒီလိုျဖစ္ရျခင္းက HTML5 ရဲ့ Element (Tags) အသစ္ေလးေတြေၾကာင့္ပါ၊ တကယ္ေတာ့ အဲ့ဒီ့ Tags အသစ္ေတြက HTML5 ရဲ့ အႏွစ္သာရမဟုတ္ပဲ အေပၚရံေၾကာမွ်သာျဖစ္ပါတယ္၊ တကယ့္ HTML5 ကေတာ့ Canvas System ကိုသံုးပီး JavaScript နဲ႔ တြဲေရးတဲ့ Web Base Game ေတြတည္ေဆာက္ျခင္းပါ၊ တည္ေဆာက္ အသံုးျပဳရတာ အရမ္း လက္ေတြ႔သလို တကယ္လုပ္တတ္ဖို႔ ေရးတက္ဖို႔ကလဲ အေတာ့ကိုခက္ခဲလွပါတယ္၊ Browser ေတြေပၚမွာ Canvas တည္ေဆာက္ပီး HTML & JavaScript န႔ဲ ဂိမ္းတစ္ခုဆြဲဖို႔ဆိုတာ JavaScript ရဲ့ BuildIn Object ေတြကို ထဲထဲ၀င္၀င္တည္ေဆာက္တတ္ဖို႔လိုအပ္သလို၊ ကိုယ္ပိုင္ Objects ေတြတည္ေဆာက္ပီး လိုသလို ေခၚသံုးႏိုင္ဖို႔ လုိတယ္၊ Array ေတြတည္ေဆာက္ပီး Looping ႏွစ္ထပ္ေလာက္သံုးကာ Prototype Function ေတြကို ကိုယ္ပိုင္တည္ေဆာက္ထားတဲ့ Object ကေန Prototype လုပ္ပီးေခၚသံုးတတ္ဖို႔လိုတယ္၊(Instance Object ကိုေျပာတာပါ)၊ ပံုေပါင္းမ်ာစြား ပါ၀င္တဲ့ spritesheet ထဲကေန ႏွစ္သက္ရာပံုကို လိုခ်င္တဲ့ Coordinate အလိုေခၚပီး Browser Build Keyframe ကိုသံုးကာ Chracter ေတြကို လိုခ်င္တဲ့ Direction အတိုင္း ထုတ္လြတ္ႏိုင္ဖို႔တို႔၊ ပစ္လိုက္တဲ့ ၾကည့္စံက ရန္သူေရာက္ရွိေနတဲ့ Coordinate နဲ႔ကိုက္ညီတာနဲ႔ Keyframe Animation သံုးပီး ၾကည့္စံကို ေပါက္ကြဲထြက္သြားေစကာ ရန္သူကိုလဲေသသြားေစႏိုင္တာတို႔၊ Array Elements ေတြထပ္မသြားေအာင္ Game Area ေက်ာ္တဲ့ Character ေတြကို အလိုေလွ်ာက္ recycle ျပန္လုပ္တာတို႔ စသျဖင့္ ဂိမ္းမွာပါ၀င္သမွ် Objects တိုင္းအတြက္ အသံတည္ေဆာက္တာတို႔ စသျဖင့္ စသျဖင့္ ရသစံုလင္တဲ့ ဂိမ္း တစ္ခုကို Producation လုပ္ႏိုင္တဲ့ အဆင့္ အထိဆြဲဖူးရင္ေတာ့ HTML5 ရဲ့ အႏွစ္သာရကိုနားလည္လာမွာျဖစ္သလို အျခား ပန္းခ်ီဆြဲတဲ့ Web Application မ်ိဳးေတြကို ေလာက္ကို မိနစ္ပိုင္းအတြင္း ဆြဲတတ္သြားမွာပါ၊ တကယ္ကၽြမ္းက်င္ရင္ေတာ့ အလုပ္လံုး၀ မရွာတဲ့ ဘာသာရပ္ျဖစ္ပါတယ္၊ ကၽြမ္းက်င္ဖို႔ေတာ့ အေတာ့ကို ေလ့လာရမွာပါ၊

jQuery

 jQuery ကေတာ့ JavaScript ရဲ့ ကုန္ၾကမ္းပါ၊ JavaScript ကိုတကယ္ေရးလာခဲ့ရင္ မလြယ္ကူတဲ့ ျပသနာေတြအမ်ားႀကီးရွိလာႏိုင္ပါတယ္၊ ကၽြမ္းက်င္မွဴနည္းလို႔ ရယ္ တကယ္ အလုပ္နက္နက္နဲနဲလုပ္ေအာင္ေရးရတာခက္လို႔ရယ္ေၾကာင့္ရယ္ ဒီလိုျပသနာေတြေၾကာင့္ လူအမ်ားစုက JavaScript ကိုမသံုးတတ္ (သို႔) မသံုးခ်င္ၾကေတာ့ဘူး၊ ဒီလိုျပသနာေတြကို ေျဖရွင္းေပးဖို႔ အတြက္ ပညာရွင္ေတြက ႀကိဳတင္ေရးထားတဲ့ Script ေတြ functions ေတြ Object ေတြကို Plugin ေတြအျဖစ္တည္ေဆာက္ၾကတယ္၊ အဲ့ဒီ့ Plugin ေတြကို jQuery လို႔ေခၚတယ္၊ ေနာက္ပိုင္းေတာ့ Plugin ေတြ သိပ္မ်ားပီး အသံုးျပဳရလဲ သိပ္လက္ေတြ႔လာေတာ့ jQuery ဆိုတဲ့ ဘာသာရပ္အျဖစ္ကိုရပ္တည္ႏိုင္သြားတယ္၊ ဒါကိုပဲ jQuery ဘာသာရပ္လို႔ေခၚပီး JavaScript ကၽြမ္းက်င္တဲ့ သူေတြက jQuery Plugin ေတြကို အဆင့္ဆင့္ အဆင့္ျမင့္လာၾကတယ္၊ jQuery က အသံုးျပဳရတာေကာင္းလြန္လြန္းလို႔ လူေတြ အႀကိဳက္ တကယ့္ကိုမ်ားလာပါတယ္၊ တကယ္ေတာ့ CSS Selector ေတြဘယ္ေလာက္ေကာင္းေကာင္း CSS3 Transition ေတြ ဘယ္ေလာက္ျမင့္လာျမင့္လာ jQery ရဲ့ ေျပာင္ေျမာက္တဲ့ အစြမ္းေတြကို မမွီႏိုင္ေသးပါဘူး၊ jQuery ကိုေကာင္းေကာင္းသံုးတတ္ရင္ WebSite တစ္ခုလံုးကို Animation တစ္ခုျဖစ္ေအာင္ေရးႏိုင္သလို Game ေတြလဲ ေကာင္းေကာင္းဆြဲႏိုင္ပါတယ္၊ ဒီ့ထက္ပိုပီးေျပာင္ေျမာက္တဲ့ အခ်က္ေတြလဲ အမ်ား အမ်ားၾကီးရွိပါေသးတယ္၊ ဥပမာ အြန္လိုင္းမွာ သံုးတဲ့ Facebook Chat တို႔လိုမ်ိဳး Chat Application တစ္ခုကိုေရးရင္ JavaScript က input Fields မွာရွိတဲ့ တန္ဖိုးကို ယူပီး Ajax နဲ႔ PHP ကို Request လုပ္ရတာရွိပါတယ္၊ PHP က Server မွာ ကုတ္ Generate လုပ္ပီးတန္ဖိုးေတြျပန္ပို႔တဲ့ Request လုပ္ထားတဲ့ Ajax ကို Server Data ကို Return လုပ္ေပးပါတယ္၊ ဒီအခါမွာ Ajax နဲ႔ JavaScript ေပါင္းပီး တန္ဖိုးေတြကို document မွာ ျပန္ေဖာ္ျပရတာမ်ိဳးရွိတယ္၊ ဒီလိုအခါမ်ိဳးမွာ Ajax ကိုသံုးပီး XMLHTTP Request ေတာင္းရင္ Header Request ကို Encode လုပ္ပီးပို႔ရတယ္၊ Server အေျခအေနေတြကိုလဲ ေစာင့္ရတယ္ စသျဖင့္ စသျဖင့္ အေတာ့ကိုလက္၀င္တဲ့ အခါမ်ိဳးရွိတယ္၊ ဒီလိုအေျခအေနမ်ိဳးရွိလာတဲ့အခါ JavaScript နဲ႔ Ajax တို႔ ကိုမသံုးပဲ $.post ကိုသံုးပီး jQuery ရဲ့ Ajax Style ကိုသံုးတာ စာေၾကာင္းတစ္ေၾကာင္းထဲနဲ႔ကိုပီးသြားေတာ့ပါတယ္၊ ခု လူအမ်ားစု Android ဖုန္းေတြမွာသံုးေနတဲ့ facebook တို႔ Google+ တို႔က java နဲ႔ ေရးထားတဲ့ Android Appliaction အစစ္မဟုတ္ပါဘူး၊ jQuery Mobile သံုးထားတဲ့ Android app ပါ၊
 jQuery နဲ႔ ပက္သက္ပီးလုပ္လုိ႔ရတဲ့ တကယ့္ Dynamic အလုပ္ေတြအမ်ားႀကီးရွိပါေသးတယ္၊ jQuery ကိုေလ့လာဖို႔ အနည္းဆံုး ၂ လၾကာပါမယ္၊ တကယ့္ ဂိမ္းေရးတဲ့ အဆင့္ Web Application ေရးတဲ့ အဆင့္အထိေရာက္ေအာင္ေတာ့ ၆ လေလာက္ တကယ္က်င့္ယူရပါမယ္၊ အထူးသျဖင့္ ေရွ႕ကေနလမ္းျပမယ့္ ဆရာရွိရင္ လမ္းေၾကာင္းတည့္ပီးျမန္ႏိုင္ပါတယ္၊ 

JavaScript

 JavaScript ကေတာ့ Scripting ဘာသာရပ္ျဖစ္ပီး Interactive Web Design ေတြ Dynamic Web Design ေတြရဲ့ေလာကမွာ အသံဖိုင္ေတြ၊ ဗြီဒီယိုဖိုင္ေတြ၊ Website History ေတြ Cache ေတြ Web Base Game ေတြရဲ့ ဘုရင္တစ္ဆူပါ၊ PHP နဲ႔ မလား jQuery န႔ဲတြဲမလား HTML Content နဲ႔ Tags ေတြကို စိတ္ႀကိဳက္အခ်ိန္မွာ ထည့္မလားထုတ္မလား၊ အင္တာနက္လိုင္းကို ဂရုမစိုက္ပဲ ဘယ္ေလာက္ေႏွးေႏွး အသံနဲ႔ ရုပ္ျမင္လို႔ရေအာင္လုပ္မလား (WEBRTC) စသျဖင့္ စသျဖင့္ Web နဲ႔ ပက္သက္သမွ်အလုပ္ေတြ Action နဲ႔ ပက္သက္တဲ့ အလုပ္ေတြအားလံုး၊ ဗြီဒီယို Player ေတြပဲ တည္ေဆာက္မလား WYSIWYG Editor ေတြပဲ တည္ေဆာက္မလား၊ HTML5 နဲ႔ တြဲပီး Canvas Games မွန္သမွ်စိတ္ႀကိဳက္ဆြဲမလား၊ ေနာက္ဆံုး Hack မလား သူမ်ား Browser Cookie မွာသိမ္းတဲ့ password တို႔ အျခား Data တို႔ကိုမ်ားယူမလား စသျဖင့္ စသျဖင့္ Web Designer ေတြကို Developer ဆန္တဲ့ အလုပ္မွန္သမွ်လုပ္ေစႏိုင္မယ့္ Client side scripting ဘာသာရပ္ျဖစ္တဲ့ JavaScript ရဲ့ အရသာကို မသိေသးရင္ Web Developer ေကာင္းတစ္ေယာက္ ျဖစ္တယ္လို႔ေျပာဖို႔ကိုခက္ေနမယ့္ အေျခအေနျဖစ္ေနပါမယ္၊ JavaScript ကိုေတာ့ WebDesigner တစ္ေယာက္အေနနဲ႔ ေတာ္ရံု တတ္ရင္ ရပါပီ၊ မတတ္ရင္လဲ ျဖစ္ပါတယ္၊ တကယ္ Designer တစ္ေယာက္က HTML, CSS, HTML5, CSS3 န႔ဲ jQuery တို႔ကို ကၽြမ္းက်င္ရင္ ရပါပီ၊ Brighter Myanmar ရဲ့ ဘာသာရပ္ခြဲျခားမူမွာ WebDesigner ဘာသာရပ္မ်ား အတြင္း JavaScript မပါပါဘူး၊ Web API နဲ႔ Web Base Game Development တို႔ ဘာသာရပ္ေတြမွာသာ JavaScript ကိုထည့္ထားပါတယ္၊ ေနာက္ေန႔ Developer ဘာသာရပ္မ်ားနဲ႔ Programming ဘာသာရပ္ေတြကိုဆက္ပီးေျပာသြားမယ္၊

ဒီပိုုစ့္ကိုု pdf ဖိုုင္ အျဖစ္ ေဒါင္းလုုဒ္လုုပ္လိုု ပါက ေအာက္ပါ လင့္တြင္း ေဒါင္းလုုပ္ရယူႏုုိင္ပါသည္
http://goo.gl/oHza8I

 ေက်းဇူးျပဳ၍
ဒီပို႔စ္ကို BrighterMyanmar အဖြဲ႔႕ ေရးတာျဖစ္ပီး အကယ္၍ ပို႔စ္ မွာ အမွား ပါေနတာေတြ႔ရင္ ေက်းဇူးျပဳၿပီး brightermyanmar@gmail.com ကို ေၾကာင္းၾကားေပးပါခင္ဗ်ာ၊ ကၽြန္ေတာ္တို႔ ေသခ်ာ ျပန္စီစစ္ပီး ျပင္ပါ့မယ္၊


ဒီမွာေတာ့ အားလံုး အေသးစိတ္ေျပာသြားမွာ မဟုတ္ပါဘူး၊ ဒါေပမယ့္ Designer ဆိုတာ ဘယ္လိုဘာသာရပ္ေတြကို တတ္ထားတဲ့ လူကိုေခၚတာလဲ၊ Developer ဆိုတာ ဘယ္လိုဘာသာရပ္ေတြကို တတ္ထားတဲ့လူေတြကို ေခၚတာလဲ၊ Programmer ဆိုတာ ဘယ္လို ဘာသာရပ္ေတြကို တတ္ထားတဲ့ လူေတြကိုေခၚတာလဲ စသျဖင့္ တင္ျပသြားမွာျဖစ္ပါတယ္၊(ပို႔စ္ကို သံုးပိုင္းေရးမယ္၊ Designer ပိုင္း၊ Developer ပိုင္း၊ Programming ပိုင္းေတြအျဖစ္သံုးပိုင္း)၊

Designer
ဒီဇိုင္းမွာ ေတာ့ အဓီက ဘာသာရပ္ ၆ ခုပါမယ္၊ ဘာသာရပ္ ၆ ခုလံုးကို ေအာက္က အတိုင္းေတြ႔ရမယ္၊

HTML
CSS
CSS3
HTML5
JQuery
JavaScript

HTML
HTML ဘာသာရပ္ကေတာ့ အေျခခံ အက်ဆံုးနဲ႔ အလြယ္ဆံုး ဘာသာရပ္ျဖစ္ပါတယ္၊ နာမည္အရင္းကေတာ့ Hyper Text Markup Language ျဖစ္ပါတယ္၊ ေလ့လာရသာလြယ္ပီး WebDesigner ေတြအတြက္ေကာ Web Developer ေတြအတြက္ပါ မရွိမျဖစ္သံုးရတဲ့ ဘာသာရပ္ပါ၊ သူရဲ့ အဓီက တာ၀န္ကေတာ့ Data Show လို႔ေခၚတဲ့ Web Data ေတြကို ေဖာ္ျပျခင္းပါပဲ၊ ၀က္ဆိုက္မွာ ပါ၀င္သမွ် Contents ေတြအားလံုးကို HTML နဲ႔ေဖာ္ျပႏိုင္တယ္ ေနရာခ်ႏိုင္တယ္၊ HTML ဘာသာရပ္တစ္ခုထဲနဲ႔ ၀က္ဆိုက္တည္ေဆာက္ႏိုင္ပါတယ္၊ ဒါေပမယ့္ အလြန္ရုပ္ဆိုးပီး အကန္႔အသက္ နဲ႔ သာ အလွဆင္ႏိုင္တဲ့၀က္ဆိုက္မ်ိဳးေတြပဲရႏိုင္ပါတယ္၊ HTML ရဲ့ လုပ္ပိုင္ခြင့္နဲ႔ အစြမ္းက မျပင္းေပမယ့္ သူက အျခား ဘာသာရပ္ေတြအတြက္ Data ေဖာ္ျပမူမွာ မရွိမျဖစ္လိုအပ္တဲ့ အတြက္ necessary evil တစ္ေကာင္လိုျဖစ္ေနပါတယ္၊ အျခားဘာသာရပ္ေတြျဖစ္တဲ့ CSS တို႔ jQuery တို႔ JavaScript တို႔ရဲ့ အစြမ္းေတြ ဘယ္ေလာက္ေကာင္းေကာင္း HTML လို႔ Data Show လုပ္တဲ့ ဘာသာရပ္မပါရင္ အစြမ္းေတြကို ဘယ္သူမွမျမင္ႏိုင္ေတာ့ပါဘူး ဒီေတာ့ Web Designer ေကာ Web Developer ေတြအတြက္ပါ မျဖစ္မေနတတ္ထားသင့္တ့ဲဘာသာရပ္ပါ၊ HTML က Markup Tag ေတြသာအသံုးျပဳတဲ့ ဘာသာရပ္ ျဖစ္တဲ့ အတြက္ ေလ့လာရ လြယ္လွပါတယ္၊ ၅ ရက္အတြင္း HTML သီးသန္႔သံုး၀က္ဆိုက္ေတြကိုဖန္တီးႏိုင္ပါတယ္၊ လြန္ခဲ့တဲ့ ၁၀ စုႏွစ္ကေတာ့ HTML Tabel Nesting Site ေတြကို သံုးၾကသာ မ်ားပါတယ္၊ ခုေနာက္ပိုင္းေတာ့ ဘယ္သူမွ Tabel Nesting Site ေတြကို မသံုးေတာ့ပါဘူး ေရးတဲ့သူရွိလဲ မ၀ယ္ေတာ့ပါဘူး၊ တစ္ခ်ိဳ႕ Web Hosting ကုမၼဏီေတြမွာေတာ့ Web API ေတြေရးရာမွာ ဆက္လက္အသံုးခ်ေနတာေတြ႔ေနရပါတယ္၊
Web Designer ေကာ Web Developer ေကာ HTML ကို မျဖစ္မေနတတ္ထားရမယ္၊ Web Developer ေတြအတြက္ေတာ့ တြဲဖက္ Designer ေကာင္းရွိရင္ မတတ္လဲရတယ္ဆိုေပမယ့္ 5 ရက္ေလာက္ အခ်ိန္ေပးရင္ အားလံုးပီးတဲ့ လိုအပ္တဲ့ ဘာသာရပ္ကို မတတ္တာထက္စာရင္ တက္တာက ပိုေကာင္းပါတယ္၊

CSS
CSS ကေတာ့ ၀က္ဆိုက္ေလာကရဲ့ အလွျပင္ ဘုရင္မပါပဲ၊ HTML က ေဖာ္ျပလိုတဲ့ WebData ေတြကို ေဖာ္ျပသလို အဲ့ဒီ့ ေဖာ္ျပထားတဲ့ Data ေတြရဲ့ အသြင္သ႑န္ လွပမူအားလံုးအတြက္ CSS က တာ၀န္ယူပါတယ္၊ CSS ကို ကၽြမ္းကၽြမ္း က်င္က်င္ မသံုးတတ္ေသးရင္ Designer တစ္ေယာက္မျဖစ္ေသးပါဘူး၊ တကယ္ေတာ့ အျခား Programming Concepts ပါတဲ့ JavaScript , Ajax, PHP, Json တို႔နဲ႔ ဘယ္ေလာက္ပဲလုပ္ထား လုပ္ထား Designer တစ္ေယာက္ရဲ့ ေျပာင္ေျမာက္တဲ့ ၀က္ဆိုက္ အလွဆင္မွဴမပါရင္ အဲ့ဒီ့ ဆိုက္ကိုေရာင္းဖို႔ ဘယ္လိုမွမျဖစ္ႏို္င္ပါဘူး၊ ၀ယ္တဲ့ သူက မတတ္တဲ့လူေလ၊ သူလိုခ်င္တာ ၀က္ဆိုက္ လွလွေလး၊ ေနာက္က လုပ္တဲ့ ကုတ္ေတြကို သူလံုး၀ နားမလည္ဘူး၊ ဒီေတာ့ သူက ဆိုက္ လွလား မလွလား ပဲၾကည့္လိမ့္မယ္၊ ဆိုက္လွရင္ ၀ယ္မယ္ မလွရင္မ၀ယ္ဘူးေပါ့၊ ေနာက္က ကုတ္ေတြ ေသေလာက္ေအာင္ လုပ္ထားလဲ သူမသိဘူးေလ၊ အထူးသျဖင့္ အြန္လိုင္းတဆင့္ ေရာင္းစားတဲ့ အခါမ်ိဳးေပါ့၊ ဒီေတာ့ CSS ရဲ့ က႑က တကယ့္ကိုမွအေရးႀကီးလွပါတယ္၊ ၀က္ဆိုက္၀ယ္မယ့္သူက ဆိုက္ကိုၾကည့္လိုက္တာနဲ႔ အျခားစာမ်က္ႏွာေတြမသြားခ်င္ေတာ့ေလာက္ေအာင္ ပိတ္လိုက္ရမွာ ႏွေမွ်ာေလာက္ေအာင္ ေကာင္းဖို႔လိုတယ္၊ အဲ့ဒီ့ အဆင့္ေလာက္ ကိုလုပ္ထားမွေတာ္ရံုၾကပါမယ္၊
CSS ကေတာ့ Designer တစ္ေယာက္ ျဖစ္ေစမယ့္ အဓိက ဘာသာရပ္ပဲျဖစ္ပါတယ္၊ ေလ့လာရတာလြယ္ပါတယ္၊ ၁ လေလာက္ဆို တတ္ပါပီ၊ ဒါေပမယ့္ CSS ကို တကယ္ သဘာက်က် အသံုးျပဳႏိုင္ဖို႔ေတာ့ အေတာ့ကို အေတြ႔အၾကံဳမ်ားမ်ား ရွာရမွာပါ၊ မ်ားမ်ားလုပ္မွ သေဘပိုေပါက္လာမွာ ျဖစ္သလို သင္ၾကားေလ့လာထားတဲ့ အခ်က္ေတြကို သာမာန္အသံုးျပဳပံုထက္ပိုပီးေျပာင္ေျမာက္ေအာင္ သံုးႏိုင္ရပါမယ္၊ ဒီသေဘာတရားကိုေတာ့ လုပ္ရင္း သေဘာေပါက္လာမွာပါ၊ ေလ့လာရတာ ၁ လေလာက္ပဲဆိုေပမယ့္ တကယ္လက္ေတြ႔လုပ္ရင္ ရွာရင္းေတြ႔ရင္းနဲ႔ အြန္လိုင္းမွာ ရပ္တည္ႏိုင္တဲ့ အဆင့္ အထိဆိုရင္ေတာ့ ၁ ႏွစ္ေတာ့ၾကာပါမယ္၊ ဒီ ၁ ႏွစ္ဆိုတာ အျမဲတမ္း Project ေတြကိုလုပ္ေနတဲ့သူေတြကိုေျပာပါတယ္၊ ပ်က္ေတာက္ပ်က္ေတာက္ ေတာ့ မရဘူး၊ အဓီက အေၾကာင္းအရင္းက W3C က အျမဲတမ္း အသစ္ေတြထြက္လာပီး CSS ကို အဆင့္ အျမဲျမင့္ေနလို႔ပါ၊

CSS3
CSS3 ကေတာ့ ၀က္ဆိုက္ေလာကမွာ Flash ရဲ့ေနရာကိုျဖဳတ္ဖို႔ CSS ကိုဆင့္ျမင့္လိုက္တဲ့ Version တစ္ခုျဖစ္ပီး အသံုးျပဳတတ္သူမ်ား အဖို႔ေတာ့ တကယ့္ကို Flash ေတြကို Web ေလာကကေန ျဖဳတ္ထုတ္လိုက္ႏိုင္တဲ့ ဘာသာရပ္ပါ၊(HTML5 နဲ႔ တြဲရင္ေျပာပါတယ္)၊ CSS3 မွာ အဓိက သံုးထားတဲ့ Keyframes Animation, transition, gradient, Background Properties and values, Broder Radius, Boxshow, Clip, Transform စသျဖင့္ အသစ္အသစ္ေပၚလာသမွ်က သံုးရင္သံုးသလို ၀က္ဆိုက္ကို အသက္၀င္သြားေစပါတယ္၊ အသက္၀င္သြားေစရံုတင္မကပဲ အျခား Selectors အသစ္ေတြကလဲ မထင္ရေလာက္ေအာင္ HTML Document ေတြကို အေသးစိတ္ Select မွတ္ႏို္င္ပါတယ္၊၊ Tag တစ္ခုထဲသာ Select လုပ္ႏိုင္တာမဟုတ္ေတာ့ပဲ Attribute တို႔ nth-type တို႔ Child Selector တို႔ စသျဖင့္ တကယ့္ကို အေသးစိတ္ HTML Document တစ္ခုကို Select မွတ္လို႔ရျခင္းေတြက Web Designer ေတြရဲ့ လူရာ၀င္မွဴကို Web ေလာကရဲ့ ထိပ္ဆံုးကိုပို႔ေဆာင္ေပးခဲ့ပါတယ္၊ အရင္ကလို ငါတုိ႔လုပ္မွရတယ္ဆိုတဲ့ jQuery တို႔ JavaScript တို႔ရဲ့ က႑ အခ်ိဳ႕ကိုလဲ သိမ္းက်ံဳး ယူပစ္လိုက္ပါတယ္၊ Slide Show လုပ္မလား စာလံုးေလေတြေျပးမလား၊ ဖုန္းနဲ႔ ၾကည့္ၾကည့္ Tablet နဲ႔ ၾကည့္ ၾကည့္ အျခား ဘယ္ Device နဲ႔ ၾကည့္ၾကည့္ ၀က္ဆိုက္ ပ်က္မသြားပဲ အလိုေလွ်ာက္ ၾကည့္ရာ Device ရ့ဲ မ်က္ႏွာျပင္အရြယ္အစားအတိုင္း လိုက္ေျပာင္းႏိုင္တဲ့ Media Query Selector ကေတာ့ ကြန္ျပဴတာေတြမွာသာလွ်င္မကပဲ အျခား Device ေတြအားလံုးရဲ့ အရြယ္အစားနဲ႔ ညီတဲ့ Web ဆိုက္ေတြကို Designer ေတြကို ဖန္တီးေစႏို္င္ခဲ့ပါတယ္၊ Flexible Box Model ကလဲ ၀က္ဆိုက္ရဲ့ Div တစ္ခုစီကို ၾကည့္ရူ႕ရာ Screen အရြယ္အစားေပၚမူတည္ပီး အေကာင္းဆံုးပံုစံျဖစ္ေအာင္ Layout ေျပာင္းလဲႏိုင္ေစတဲ့ WebSite ေတြကိုထြက္ေပၚလာေစခဲ့ပါတယ္၊
CSS3 ကိုတတ္ဖို႔ဆိုရင္ေတာ့ ကိုယ္ပိုင္ေလ့လာရင္ ၄ လေလာက္ၾကာသြားေစႏိုင္ပါတယ္၊ CSS3 က ခက္လို႔မဟုတ္ပါဘူး၊ Selector တစ္ခုစီ Properties တစ္ခုစီရဲ့ အႏွစ္သာရျပည့္၀လြန္းလို႔ တစ္ခုကိုပဲ ေတာ္ေတာမ်ားမ်ားေလ့က်င့္ပီး လံုး၀ မတူညီတဲ့ Result ေတြရေအာင္လုပ္ႏိုင္လို႔ပါ၊ ဒီေတာ့ မ်ားမ်ားေလ့က်င့္ရတာေပါ့၊

HTML5
HTML5 ကေတာ့ လူအမ်ား အထင္မွာ သိပ္လြယ္တဲ့ ဘာသာရပ္ျဖစ္ေနပါတယ္၊ ဒီလိုျဖစ္ရျခင္းက HTML5 ရဲ့ Element (Tags) အသစ္ေလးေတြေၾကာင့္ပါ၊ တကယ္ေတာ့ အဲ့ဒီ့ Tags အသစ္ေတြက HTML5 ရဲ့ အႏွစ္သာရမဟုတ္ပဲ အေပၚရံေၾကာမွ်သာျဖစ္ပါတယ္၊ တကယ့္ HTML5 ကေတာ့ Canvas System ကိုသံုးပီး JavaScript နဲ႔ တြဲေရးတဲ့ Web Base Game ေတြတည္ေဆာက္ျခင္းပါ၊ တည္ေဆာက္ အသံုးျပဳရတာ အရမ္း လက္ေတြ႔သလို တကယ္လုပ္တတ္ဖို႔ ေရးတက္ဖို႔ကလဲ အေတာ့ကိုခက္ခဲလွပါတယ္၊ Browser ေတြေပၚမွာ Canvas တည္ေဆာက္ပီး HTML & JavaScript န႔ဲ ဂိမ္းတစ္ခုဆြဲဖို႔ဆိုတာ JavaScript ရဲ့ BuildIn Object ေတြကို ထဲထဲ၀င္၀င္တည္ေဆာက္တတ္ဖို႔လိုအပ္သလို၊ ကိုယ္ပိုင္ Objects ေတြတည္ေဆာက္ပီး လိုသလို ေခၚသံုးႏိုင္ဖို႔ လုိတယ္၊ Array ေတြတည္ေဆာက္ပီး Looping ႏွစ္ထပ္ေလာက္သံုးကာ Prototype Function ေတြကို ကိုယ္ပိုင္တည္ေဆာက္ထားတဲ့ Object ကေန Prototype လုပ္ပီးေခၚသံုးတတ္ဖို႔လိုတယ္၊(Instance Object ကိုေျပာတာပါ)၊ ပံုေပါင္းမ်ာစြား ပါ၀င္တဲ့ spritesheet ထဲကေန ႏွစ္သက္ရာပံုကို လိုခ်င္တဲ့ Coordinate အလိုေခၚပီး Browser Build Keyframe ကိုသံုးကာ Chracter ေတြကို လိုခ်င္တဲ့ Direction အတိုင္း ထုတ္လြတ္ႏိုင္ဖို႔တို႔၊ ပစ္လိုက္တဲ့ ၾကည့္စံက ရန္သူေရာက္ရွိေနတဲ့ Coordinate နဲ႔ကိုက္ညီတာနဲ႔ Keyframe Animation သံုးပီး ၾကည့္စံကို ေပါက္ကြဲထြက္သြားေစကာ ရန္သူကိုလဲေသသြားေစႏိုင္တာတို႔၊ Array Elements ေတြထပ္မသြားေအာင္ Game Area ေက်ာ္တဲ့ Character ေတြကို အလိုေလွ်ာက္ recycle ျပန္လုပ္တာတို႔ စသျဖင့္ ဂိမ္းမွာပါ၀င္သမွ် Objects တိုင္းအတြက္ အသံတည္ေဆာက္တာတို႔ စသျဖင့္ စသျဖင့္ ရသစံုလင္တဲ့ ဂိမ္း တစ္ခုကို Producation လုပ္ႏိုင္တဲ့ အဆင့္ အထိဆြဲဖူးရင္ေတာ့ HTML5 ရဲ့ အႏွစ္သာရကိုနားလည္လာမွာျဖစ္သလို အျခား ပန္းခ်ီဆြဲတဲ့ Web Application မ်ိဳးေတြကို ေလာက္ကို မိနစ္ပိုင္းအတြင္း ဆြဲတတ္သြားမွာပါ၊ တကယ္ကၽြမ္းက်င္ရင္ေတာ့ အလုပ္လံုး၀ မရွာတဲ့ ဘာသာရပ္ျဖစ္ပါတယ္၊ ကၽြမ္းက်င္ဖို႔ေတာ့ အေတာ့ကို ေလ့လာရမွာပါ၊

jQuery
jQuery ကေတာ့ JavaScript ရဲ့ ကုန္ၾကမ္းပါ၊ JavaScript ကိုတကယ္ေရးလာခဲ့ရင္ မလြယ္ကူတဲ့ ျပသနာေတြအမ်ားႀကီးရွိလာႏိုင္ပါတယ္၊ ကၽြမ္းက်င္မွဴနည္းလို႔ ရယ္ တကယ္ အလုပ္နက္နက္နဲနဲလုပ္ေအာင္ေရးရတာခက္လို႔ရယ္ေၾကာင့္ရယ္ ဒီလိုျပသနာေတြေၾကာင့္ လူအမ်ားစုက JavaScript ကိုမသံုးတတ္ (သို႔) မသံုးခ်င္ၾကေတာ့ဘူး၊ ဒီလိုျပသနာေတြကို ေျဖရွင္းေပးဖို႔ အတြက္ ပညာရွင္ေတြက ႀကိဳတင္ေရးထားတဲ့ Script ေတြ functions ေတြ Object ေတြကို Plugin ေတြအျဖစ္တည္ေဆာက္ၾကတယ္၊ အဲ့ဒီ့ Plugin ေတြကို jQuery လို႔ေခၚတယ္၊ ေနာက္ပိုင္းေတာ့ Plugin ေတြ သိပ္မ်ားပီး အသံုးျပဳရလဲ သိပ္လက္ေတြ႔လာေတာ့ jQuery ဆိုတဲ့ ဘာသာရပ္အျဖစ္ကိုရပ္တည္ႏိုင္သြားတယ္၊ ဒါကိုပဲ jQuery ဘာသာရပ္လို႔ေခၚပီး JavaScript ကၽြမ္းက်င္တဲ့ သူေတြက jQuery Plugin ေတြကို အဆင့္ဆင့္ အဆင့္ျမင့္လာၾကတယ္၊ jQuery က အသံုးျပဳရတာေကာင္းလြန္လြန္းလို႔ လူေတြ အႀကိဳက္ တကယ့္ကိုမ်ားလာပါတယ္၊ တကယ္ေတာ့ CSS Selector ေတြဘယ္ေလာက္ေကာင္းေကာင္း CSS3 Transition ေတြ ဘယ္ေလာက္ျမင့္လာျမင့္လာ jQery ရဲ့ ေျပာင္ေျမာက္တဲ့ အစြမ္းေတြကို မမွီႏိုင္ေသးပါဘူး၊ jQuery ကိုေကာင္းေကာင္းသံုးတတ္ရင္ WebSite တစ္ခုလံုးကို Animation တစ္ခုျဖစ္ေအာင္ေရးႏိုင္သလို Game ေတြလဲ ေကာင္းေကာင္းဆြဲႏိုင္ပါတယ္၊ ဒီ့ထက္ပိုပီးေျပာင္ေျမာက္တဲ့ အခ်က္ေတြလဲ အမ်ား အမ်ားၾကီးရွိပါေသးတယ္၊ ဥပမာ အြန္လိုင္းမွာ သံုးတဲ့ Facebook Chat တို႔လိုမ်ိဳး Chat Application တစ္ခုကိုေရးရင္ JavaScript က input Fields မွာရွိတဲ့ တန္ဖိုးကို ယူပီး Ajax နဲ႔ PHP ကို Request လုပ္ရတာရွိပါတယ္၊ PHP က Server မွာ ကုတ္ Generate လုပ္ပီးတန္ဖိုးေတြျပန္ပို႔တဲ့ Request လုပ္ထားတဲ့ Ajax ကို Server Data ကို Return လုပ္ေပးပါတယ္၊ ဒီအခါမွာ Ajax နဲ႔ JavaScript ေပါင္းပီး တန္ဖိုးေတြကို document မွာ ျပန္ေဖာ္ျပရတာမ်ိဳးရွိတယ္၊ ဒီလိုအခါမ်ိဳးမွာ Ajax ကိုသံုးပီး XMLHTTP Request ေတာင္းရင္ Header Request ကို Encode လုပ္ပီးပို႔ရတယ္၊ Server အေျခအေနေတြကိုလဲ ေစာင့္ရတယ္ စသျဖင့္ စသျဖင့္ အေတာ့ကိုလက္၀င္တဲ့ အခါမ်ိဳးရွိတယ္၊ ဒီလိုအေျခအေနမ်ိဳးရွိလာတဲ့အခါ JavaScript နဲ႔ Ajax တို႔ ကိုမသံုးပဲ $.post ကိုသံုးပီး jQuery ရဲ့ Ajax Style ကိုသံုးတာ စာေၾကာင္းတစ္ေၾကာင္းထဲနဲ႔ကိုပီးသြားေတာ့ပါတယ္၊ ခု လူအမ်ားစု Android ဖုန္းေတြမွာသံုးေနတဲ့ facebook တို႔ Google+ တို႔က java နဲ႔ ေရးထားတဲ့ Android Appliaction အစစ္မဟုတ္ပါဘူး၊ jQuery Mobile သံုးထားတဲ့ Android app ပါ၊
jQuery နဲ႔ ပက္သက္ပီးလုပ္လုိ႔ရတဲ့ တကယ့္ Dynamic အလုပ္ေတြအမ်ားႀကီးရွိပါေသးတယ္၊ jQuery ကိုေလ့လာဖို႔ အနည္းဆံုး ၂ လၾကာပါမယ္၊ တကယ့္ ဂိမ္းေရးတဲ့ အဆင့္ Web Application ေရးတဲ့ အဆင့္အထိေရာက္ေအာင္ေတာ့ ၆ လေလာက္ တကယ္က်င့္ယူရပါမယ္၊ အထူးသျဖင့္ ေရွ႕ကေနလမ္းျပမယ့္ ဆရာရွိရင္ လမ္းေၾကာင္းတည့္ပီးျမန္ႏိုင္ပါတယ္၊

JavaScript
JavaScript ကေတာ့ Scripting ဘာသာရပ္ျဖစ္ပီး Interactive Web Design ေတြ Dynamic Web Design ေတြရဲ့ေလာကမွာ အသံဖိုင္ေတြ၊ ဗြီဒီယိုဖိုင္ေတြ၊ Website History ေတြ Cache ေတြ Web Base Game ေတြရဲ့ ဘုရင္တစ္ဆူပါ၊ PHP နဲ႔ မလား jQuery န႔ဲတြဲမလား HTML Content နဲ႔ Tags ေတြကို စိတ္ႀကိဳက္အခ်ိန္မွာ ထည့္မလားထုတ္မလား၊ အင္တာနက္လိုင္းကို ဂရုမစိုက္ပဲ ဘယ္ေလာက္ေႏွးေႏွး အသံနဲ႔ ရုပ္ျမင္လို႔ရေအာင္လုပ္မလား (WEBRTC) စသျဖင့္ စသျဖင့္ Web နဲ႔ ပက္သက္သမွ်အလုပ္ေတြ Action နဲ႔ ပက္သက္တဲ့ အလုပ္ေတြအားလံုး၊ ဗြီဒီယို Player ေတြပဲ တည္ေဆာက္မလား WYSIWYG Editor ေတြပဲ တည္ေဆာက္မလား၊ HTML5 နဲ႔ တြဲပီး Canvas Games မွန္သမွ်စိတ္ႀကိဳက္ဆြဲမလား၊ ေနာက္ဆံုး Hack မလား သူမ်ား Browser Cookie မွာသိမ္းတဲ့ password တို႔ အျခား Data တို႔ကိုမ်ားယူမလား စသျဖင့္ စသျဖင့္ Web Designer ေတြကို Developer ဆန္တဲ့ အလုပ္မွန္သမွ်လုပ္ေစႏိုင္မယ့္ Client side scripting ဘာသာရပ္ျဖစ္တဲ့ JavaScript ရဲ့ အရသာကို မသိေသးရင္ Web Developer ေကာင္းတစ္ေယာက္ ျဖစ္တယ္လို႔ေျပာဖို႔ကိုခက္ေနမယ့္ အေျခအေနျဖစ္ေနပါမယ္၊ JavaScript ကိုေတာ့ WebDesigner တစ္ေယာက္အေနနဲ႔ ေတာ္ရံု တတ္ရင္ ရပါပီ၊ မတတ္ရင္လဲ ျဖစ္ပါတယ္၊ တကယ္ Designer တစ္ေယာက္က HTML, CSS, HTML5, CSS3 န႔ဲ jQuery တို႔ကို ကၽြမ္းက်င္ရင္ ရပါပီ၊ Brighter Myanmar ရဲ့ ဘာသာရပ္ခြဲျခားမူမွာ WebDesigner ဘာသာရပ္မ်ား အတြင္း JavaScript မပါပါဘူး၊ Web API နဲ႔ Web Base Game Development တို႔ ဘာသာရပ္ေတြမွာသာ JavaScript ကိုထည့္ထားပါတယ္၊ ေနာက္ေန႔ Developer ဘာသာရပ္မ်ားနဲ႔ Programming ဘာသာရပ္ေတြကိုဆက္ပီးေျပာသြားမယ္၊

ဒီပိုုစ့္ကိုု pdf ဖိုုင္ အျဖစ္ ေဒါင္းလုုဒ္လုုပ္လိုု ပါက ေအာက္ပါ လင့္တြင္း ေဒါင္းလုုပ္ရယူႏုုိင္ပါသည္
http://goo.gl/oHza8I

ေက်းဇူးျပဳ၍
ဒီပို႔စ္ကို BrighterMyanmar အဖြဲ႔႕ ေရးတာျဖစ္ပီး အကယ္၍ ပို႔စ္ မွာ အမွား ပါေနတာေတြ႔ရင္ ေက်းဇူးျပဳၿပီး brightermyanmar@gmail.com ကို ေၾကာင္းၾကားေပးပါခင္ဗ်ာ၊ ကၽြန္ေတာ္တို႔ ေသခ်ာ ျပန္စီစစ္ပီး ျပင္ပါ့မယ္၊


ref >> BrighterMyanmar


အဆင္ေျပပါေစခင္ဗ်ာ........
Myanmar IT Sky

Download အဆင္မေျပရင္ ေက်းဇူးျပဳၿပီးစာေလးေရးၿပီးေျပာခဲ့ပါဗ်ာ.. မိတ္ေတြမ်ားအားလံုး အတြက္ အဆင္ေျပေအာင္အတတ္ႏိုင္ဆံုးၾကိဳးစားေပးပါမယ္ခင္ဗ်ာ။

0 comments:

Post a Comment