LUCID UNITY

19/03/2019

19/03/2019

ဘာျဖစ္ခ်င္တာလည္း...?
=================

ယခု link http://grin.co ရဲ႕ Home page design ကို web designer Max Stasiuk က ဆြဲေပးထားတာပါ ။ Home page တစ္ page တည္းကို Designer ေျကး အေမရိကန္ ေဒၚလာ 3099 က်သင့္ပါတယ္။ coding ေျကးက်သင့္ေငြမပါေသးပါဘူး။
လုပ္ငန္းစဥ္အရ designer က photoshop သုံးျပီးဆြဲထားတဲ႔ psd fileကို front-end developer ကို ေပးလိုက္တယ္။ front-end developerက ေပးလိုက္တဲ႔ psd file ကို ျကည့္ျပီး code clean ျဖစ္ေအာင္ responsive ျဖစ္ေအာင္ စသည့္ျဖင့္တြက္ခ်က္ျပီးဆြဲ ယုံပါပဲ။

ဘာကာလာ ညာကာလာ သုးံရမလဲ၊
font face ဘယ္နွစ္ခုကို mix လုပ္ျပီးသုးံရမလဲ၊ layout composition ဘယ္လို ခ်ရမလဲ၊
image usage, white space usage ဘာတစ္ခုမွသိ စရာ မလိုပါဘူး။ မိမိ code အရည္အေသြးမီွ ဖို့ အဓိကပါ။ back-end developer လည္း ဒီအတိုင္းပါပဲ ။ ေရွ႔ design ပ္ိုင္း ဘာတစ္ခု မွက်ြမ္းက်င္ဖို့ မလိုဘဲ မိမိ back-end ပိုင္း အရည္အေသြး မိီွဖို့ က်ြမ္းက်င္ဖို့သာ အဓိက လိုတာပါ ။

ဒါေတြဘာေျကာင့္ေျပာေနရသလဲ ဆိုရင္ က်ြန္ေတာ္တို့ lucid unity training ဆီကေန CDSG မွ ဝန္ထမ္းခ်ိတ္ဆက္ေပးဖို့ေတာင္းဆိုပါတယ္ ။ သူတို့ လို ခ်င္တဲ႔ skill ျပည့္မီွရင္ လစာ အေနနဲ႔ စင္ကာပူ လစာအတိုင္းေပးမယ္လို့ ေျပာပါတယ္။ သူတို့လိုခ်င္တဲ႔ skill ျပည့္မွီတဲ့ ဝန္ထမ္းကို ဖ်စ္ညွစ္ထုတ္တာေတာင္ တေယာက္ နွစ္ေယာက္ထက္ပိုျပီး
မညြန္ျပေပးနိုင္ပါဘူး။

ဘာလို့ အရည္အေသြးျပည့္မွိီတဲ႔ ဝန္ထမ္းရွားသလဲ ဆိုရင္ သင္တန္းသားေတြ လာတယ္
မိမိ passion ကို မသိဘဲ မ်ားေသာအားျဖင့္ developer ပဲ ျဖစ္ခ်င္ျကတယ္ ( developer မွ လစာ ပိုေကာင္းတယ္ ထင္တာကိုး) အဲ႔ေတာ့ ေရွ႕ ပိုင္း language ေတြ ေသခ်ာ မေလ့က်င့္ေတာ့ဘဲ developer ျဖစ္ေရးသာ ဦးတည္ျပီးလုပ္ျကတယ္ ။
website တခုကေန နွစ္ခု ဆြဲျပီးတဲ႔ အခါက်ေတာ့ တစတစ သိလာျပီ အဲ႔အခ်ိန္က် front-end ပိုင္းလည္း ျပန္မဆင္းခ်င္ျကေတာ့ဘူူး ( ဆင္းရတယ္လို့ ထင္ေနျကလို့ပါ) ေရွ႔ဆက္တိုး ဖို့ကလည္း ကိုယ္ပိုင္ frame ပဲဆြဲထားမလား၊ framework ပဲ သုးံမလား၊ cms ပဲသုးံမလား၊ database ေနာက္ပဲ လိုက္မလား၊
language ပိုင္းက်ေတာ့လည္း php က model ေအာက္ေနသလိုလို node ေနာက္လိုက္ရမလိုလို wordpress က အဆင့္ နိမ့္တယ္ laravel မွ အဆင့္ျမင့္တယ္ ထင္တဲ႔သူက ထင္ေသး ။

pro အဆင့္ေရာက္ခ်င္ရင္ ဘယ္ဟာမွ လြယ္ကူတယ္ဆိုတာ မရွိပါဘူး။ အစကတည္း ကလမ္းေျကာင္းမွားခဲ႔ေတာ့ ေတြ႔သမ်ွလက္လွမ္းမွီ သမ်ွ လိုက္လုပ္ ဟိုဟာလည္း ေယာင္ ေယာင္ ဒီဟာလည္း ေယာင္ေယာင္ ေဘးက ေမးရင္ေတာ့ developer ေပါ့ ရင္ထဲမွာေတာ့ မလုံ ဘူး ကိုယ့္ဟာကိုယ္ လည္း ဘာdeveloper လည္းေသခ်ာ မသိဘူး။ ရတဲ႔အလုပ္ေပးတဲ႔လခနဲ႔ အဆင္ေျပေအာင္ေနရေတာ့တာပဲ ။

it ေလာကထဲ ဝင္ခဲ႔တုန္းကေတာ့ ဘီလ္ ဂိတ္ ကို အားက် ျပီးလာခဲ႔တာပဲ ။ လက္ေတြ႔က် ေတာ့ ျပတ္တုန္းလတ္တုန္း ၂၃ ေတြျဖစ္ကုန္ေရာ။ အမွန္ကေတာ့ ရွင္းရွင္းေလးပါ web developer တစ္ေယာက္အျဖစ္ရပ္တည္မယ္ဆိုပါေတာ့ ေစ်းကြက္မွာ လို အပ္ေနတဲ႔ website တစ္ခုကို အရည္အေသြး မွိီမွီ တည္ေဆာက္ေပးနိုင္ရင္ ျပီးျပီ။

AI programmer ျဖစ္မွ OS တစ္ခုလုးံ အစအဆုးံေရးနိုင္မွ Google ကို hack နိုင္မွ မဟုတ္ပါဘူး။ ဒါေတြ ဝါသနာပါရင္ ေနာက္မွ ဆက္ေလ့လာပါ မိမိအသက္ေမြး မဲ့ ပညာကို pro အဆင့္ေရာက္ေအာင္ နိုင္ငံတကာနဲ႔ ယွဥ္နိုင္ေအာင္ အရင္ လုပ္ရမွာပါ ။ ပထမ အဆင့္မိမိအားသန္တာဘာလည္း ေသခ်ာ စဥ္းစား ပါ ။
ဒုတိယအဆင့္ အခ်ိန္နဲ႔ေငြေျကးကို တြက္ပါ ။

pro အဆင့္ျဖစ္လို့မွ မိမိဝင္ေငြက အေမရိကန္ ေဒၚလာ 2000 ေအာက္ေရာက္ေနေသးရင္ က်ြန္ေတာ္တို႔ဆီလာခဲ႔ပါ (free consulting လုပ္ေပးပါ့မယ္) ။ passion ကို ေသေသခ်ာခ်ာ မသိလို့။
လုပ္ငန္းစဥ္မသိလို့ ေဆြးေနြးခ်င္တယ္ဆိုလဲ လာခဲ႔ပါ ။


Written by

19/03/2019

Single page design လား ၊ Single Page Application လား...?

single page design နဲ႔ single page application က keywords တူေနတဲ့အတြက္
သေဘာတရားအတူတူပဲလုိ႔ ဇေဝဇဝါ ျဖစ္တတ္ပါတယ္...
အမွန္က လုံးဝ ဘာမွကုိမတူတာတာပါ..
Single page design ကုိ pageless design လုိ႔လဲေခၚပါတယ္..
ဘယ္လုိလဲဆုိတာရွင္းျပေနတာထက္ single page design အသုံးျပဳထားတဲ့ ခု
link www.loicnottet.com ကုိသြားၾကည့္လုိက္ပါ ..
ဘယ္လ္ဂ်ီယံ အဆုိေတာ္ Loic Nottet အတြက္ ျပင္သစ္ designer Wokine ကဆြဲေပးထားတာပါ
www.awwwards.com ရဲ႕ Site of the day / June 06 2017 ဆုရရွိထားပါတယ္..
ဘယ္လုိ site မ်ဳိးေတြမွာ သုံးသင့္သလဲဆုိရင္..
Brochure site လုိမ်ဳိး Landing Page လုိမ်ဳိး ေတြမွာသုံးသင့္ပါတယ္
page တစ္ခုနဲ႔တစ္ခု ကူးစရာမလုိပဲ scroll ေလးဆြဲရုံနဲ႔ website ဆုိတာကုိ
တစ္ခါမွဝင္မၾကည့္ဖူးတဲ့ user မ်ဳိးေတြေတာင္ အလြယ္တကူဝင္ေရာက္ၾကည့္ရႉႏုိင္တဲ့အတြက္
user friendly အရမ္းျဖစ္ပါတယ္ .. mobile ကေန internet အသုံးျပဳမႉမ်ားတဲ့ ခုလုိ
ေခတ္ႀကီးမွာ Single page design ဟာဆုိရင္ designer ေတြနဲ႔ client ေတြၾကားမွာ
အရမ္း hot ျဖစ္တဲ့ design trend တစ္ခုပါ
Single Page Application (SPA) ကုိ ဥပမာျပရရင္ ကၽြန္ေတာ္တုိ႔ေန႔စဥ္
အသုံးျပဳေနတဲ့ Facebook.com
Twitter.com
Google Gmail တုိ႔ဟာအေကာင္းဆုံးဥပမာေတြပါ..
page တစ္ခုနဲ႔တစ္ခု ကူးတဲ့အခ်ိန္မွာ refresh မျဖစ္ဘဲ
Developer ရဲ႕ experience ေပၚမူတည္ၿပီး website ရဲ႕
90 % ရာခုိင္ႏႉန္းေက်ာ္ထိ offline အသုံးျပဳႏုိင္ေအာင္
Angular.js
React.js
Vue.js စသည့္ ေမာ္ဒန္ javascript နည္းပညာေတြ အသုံးျပဳၿပီးေရးဆြဲထားတာပါ
ဘယ္လုိ site မ်ဳိးေတြမွာ သုံးသင့္သလဲဆုိရင္ Hotel , Reastaurant တုိ႔လုိမ်ဳိးေတြမွာ
သုံးေပးသင့္ပါတယ္။ Hotel booking လုပ္ဖုိ႔ user က site ကုိဝင္ၿပီး
လုိက္ၾကည့္ေနတဲ့အခ်ိန္မွာ connection ကမိလုိက္ မမိလုိက္ျဖစ္ေနရင္ ဘယ္ user မွ စိတ္ရွည္မွာ
မဟုတ္ပါဘူး..ကံေကာင္းရင္ website ကညံ့လုိက္တာ Hotel လဲဒီအတုိင္းပဲေနမွာပါဆုိၿပီး အထင္ခံရႏုိင္ပါေသးတယ္
အဲ့ေတာ့ connection တစ္ခ်က္မိတာနဲ႔ browser က site တစ္ခုလုံးနီးပါး offline ၾကည့္ႏုိင္ေအာင္
သိမ္းေပးထားတဲ့အတြက္ user choice မ်ားတဲ့ site မ်ဳိးေတြမွာ (SPA) နည္းပညာကုိ မျဖစ္မေန သုံးေပးသင့္ပါတယ္
knowledge နဲ႔ပတ္သက္တဲ့ပုိစ့္ျဖစ္တဲ့အတြက္ နည္းပညာနဲ႔ ပတ္သက္တာကုိ တျခားသက္ဆုိင္တဲ့
ပုိစ့္ေတြမွာ အေသးစိတ္ေျပာျပပါမယ္..
Single page design (or) Pageless (or)One page နဲ႔ Single Page Application (SPA) ကုိ
ကြဲကြဲျပားျပားသိရင္ ဒီပုိ႔စ္ေလးရရက်ဳိးနပ္ပါပီ။


Written By

19/03/2019

web developer တစ္ေယာက္ျဖစ္ခ်င္တယ္..ဘယ္ကစရမလဲ..??
===========================================

self study ပဲျဖစ္ျဖစ္...သင္တန္းတက္လုိ႔ပဲျဖစ္ျဖစ္
html
css
javascript
jquery
bootstrap
php
MySQL စသည္ျဖင့္ေလ့လာတယ္..သင္ယူတယ္..
Laravel Ci Wordpress ေလ့လာတယ္
modern နည္းပညာေတြျဖစ္တဲ့ node,angular,react,vue စတာေတြလဲေလ့လာလုိက္တယ္
photoshop လဲသင္လုိက္ေသးတယ္..အခ်ိန္လဲကုန္သလုိ ပုိက္ဆံလဲေတာ္ေတာ္ကုန္သြားတယ္
-------။---------
Developer ျဖစ္ပီလား..မျဖစ္ေသးပါဘူး..ခုမွစမွာပါ..!!!!

Customer နဲ႔ဘယ္လုိစကားေျပာမွာလဲ
Domain name ဘယ္လုိေရြးမွာလဲ
ဘယ္ hosting မွာထားမွာလဲ
Boss နဲ႔ေကာဘယ္လုိညႇိပီး အခ်ိန္ဘယ္ေလာက္ယူမွာလဲ..ဟုတ္ပီ..
From Scratch ဆြဲမလား
Framework သုံးမလား..
CMS သုံးမလား...
စပီး design ဆြဲမယ္ ကုိယ္ပုိင္ဆြဲမလား template ဝယ္သုံးမလား..
ကုိယ္ပုိင္ဆြဲမယ္ဆုိ
ဘယ္ color ဘယ္ႏွစ္ေရာင္ သုံးမွာလဲ
ဘယ္ font အမ်ဳိးအစား ဘယ္ႏွစ္ခုသုံးမွာလဲ
Layout ကေကာ pageless လား single page လား flat design လား modern လား classic လား
ကုိလုိခ်င္တဲ့ Image ေတြ copyright မၿငိေအာင္ ဘယ္မွာရွာမွာလဲ...
mobile friendly ဘယ္ေလာက္ထိျဖစ္လဲ ဘယ္ tool ေတြသုံးပီး.. testing လုပ္မွာလဲ..
အေရးႀကီးဆုံးျဖစ္တဲ့ SEO friendly site architecture ထဲက link ေတြကုိဘယ္လုိခ်ိတ္ဆက္မွာလဲ..
meta description ဘယ္လုိထည့္မလဲ..
xml sitemap ဘယ္လုိထည့္မလဲ..
cache ဘယ္လုိဖမ္းထားမလဲ
social site ေတြနဲ႔ ဘယ္လုိခ်ိတ္ဆက္မွာလဲ
live လႊင့္ပီး testing လုပ္မယ္
Google Analytics သုံးတတ္ပီလား..
Search console ကေန crawler လာမလာ ဘယ္ႏွစ္ရက္ထိေစာင့္ၾကည့္မွာလဲ
user ေတြက ဘယ္ keyword ေတြသုံးပီး site ထဲေရာက္လာလဲ
Click ဘယ္ႏွစ္ခ်က္ႏွိပ္သြားလဲ..
ဘယ္ page ကုိ စိတ္ဝင္စားမႉအမ်ားဆုံးလဲ..
ဘာေတြျပန္လည္ျပင္ဆင္ေပးသင့္သလဲ..
ဘယ္ေလာက္ၾကာတစ္ခါ maintenance လုပ္မွာလဲ..
customer ကုိဘယ္အခ်ိန္ထိ support ေပးမွာလဲ..စသည္ျဖင့္ senior developer တစ္ေယာက္သိသင့္သမၽွကိစၥေတြကုိ ကၽြန္ေတာ္တုိ႔ lucidunity page ကေနအလ်ဥ္းသင့္သလုိတင္ျပေပးသြားပါမယ္ခင္ဗ်ာ။


Written By