Website မှာ အခမဲ့ လေ့လာလို့ရတဲ့ PHP Solid Design Course 🥳🎉

Website မှာ အသစ်ရောက်နေတဲ့ Course လေးအကြောင်းသိပြီးကြပြီလား Developer ကြီးတို့ရေ

Developer တို့အနေနဲ့ အလုပ်ထဲမှာ ကျစ်လစ်ပြီး maintain လုပ်ရလွယ်တဲ့ code တွေရေးတတ်ဖို့အတွက် PHP Solid Design Principle ကိုသိထားခြင်းက အထောက်အကူပြုပါလိမ့်မယ်။

PHP basic & OOP အခြေခံရှိထားသူတိုင်း ဒီအတန်းလေးကိုတက်ရောက်နိုင်ပါတယ်။

🔥 OOP concept တွေကို ပိုပြီး နားလည်ချိတ်ဆက်ပြီး မြင်သွားနိုင်ဖို့
🔥 Maintain လုပ်ရတာပိုလွယ်ကူတဲ့ Flexible ဖြစ်တဲ့ code တွေပိုရေးသားလာနိုင်ဖို့
🔥 အလုပ်ထဲမှာ PHP Design Principle တွေသုံးထားရင် စိမ်းနေမှာ မဟုတ်တော့ပဲ နားလည်နေစေဖို့ ရည်ရွယ်ပါတယ်။

Course Outline အနေနဲ့ကတော့
👉 Single Responsibility
👉 Open Closed Principle
👉 Liskov Substitution Principle
👉 Interface Segregation
👉 Dependency Inversion တို့ပဲဖြစ်ပါတယ်။

အတန်းပြီးရင် Creative Coder Certificate လေးပါထုတ်ယူနိုင်ဦးမှာဖြစ်ပါတယ်။

ဒီ course လေးကို တက်ရောက်ဖို့အတွက်ဆိုရင်တော့
👉 creativecodermm.com ကိုသွားပြီး register လုပ်ပြီး free course တွေစလေ့လာလို့ရပါပြီ။
👉 register လုပ်ပြီးသွားတဲ့သူတွေကတော့
https://creativecodermm.com/courses/php-solid-design-principle
ကနေ၀င်ပြီးလေ့လာလိုက်ရုံပါပဲ။

Certificate တွေစုပြီး Level up နိုင်မယ့် Game Level Up Feature လေးလည်းရှိတာကြောင့် assignment တွေလုပ်ပြီး certificate တွေယူထားဖို့မမေ့နဲ့နော် 👀

#creative_coder_myanmar
#php

Image Upload တဲ့နေရာမှာ Developer တို့ကို အကူအညီပေးနိုင်တဲ့ function တစ်ခု

Developer တို့အနေနဲ့ Web Application တွေတည်ဆောက်တဲ့နေရာမှာ handleImageUpload function လေးက ကိုယ်တင်လိုက်တဲ့ image တွေကို preview ကြည့်လို့ရအောင်လုပ်ပေးပါတယ်။
Example code အနေနဲ့ကတော့

function handleImageUpload(inputElement, previewElement) {
inputElement.addEventListener('change', function() {
const file = this.files[0]; // Get the selected file
if (file) {

if (!file.type.startsWith('image/')) {
console.log('Selected file is not an image.');
return;
}

const reader = new FileReader();
reader.onload = function(e) {
previewElement.src = e.target.result;
};
reader.readAsDataURL(file);

} else {
previewElement.src = '';
}
});
}
ဒီ code လေးမှာဆိုရင် ပထမဆုံး handleInamgeUpload function နဲ့အတူ parameter နှစ်ခုပါ၀င်ပါတယ်။ ပထမတစ်ခုက inputElement ဖြစ်ပြီး ဒုတိယတစ်ခုကတော့ previewElement အတွက်ပါ။

function handleImageUpload(inputElement, previewElement) {

ပြီးရင်တော့ file input change အတွက် eventlistener ကိုထည့်သွင်းထားပါတယ်။ user ဆီက file ကိုလက်ခံတဲ့အခါ event change သွားရင်အသုံးပြုတာဖြစ်ပါတယ်။

ပြီးရင်တော့ ပထမဆုံး const file နဲ့ user ရွေးထားတဲ့ file ကိုလက်ခံပါတယ်။ if condition နဲ့ file ကိုရွေးချယ်ပြီးပြီလားဆိုတာ စစ်ဆေးပါတယ်။ file က message မဟုတ်ဘဲ image ဖြစ်တယ်ဆိုရင်တော့ function ကိုအသုံးပြုပါတယ်။

const file = this.files[0]; // Get the selected file
if (file) {
// Check if the selected file is an image
if (!file.type.startsWith('image/')) {
console.log('Selected file is not an image.');
return;
}

ဒီအဆင့်မှာတော့ image preview အတွက် file reader ကလုပ်ဆောင်ပေးပါတယ်။

တကယ်လို့ user က ဘာ file မှ မပို့ဘူးဆိုရင်တော့ previewElement ရဲ့ src attribute ကနေ preview ကိုဖယ်ပေးမှာပါ။

} else {
previewElement.src = ''; // Clear the preview if no file selected
}
});
}

example အနေနဲ့

const uploadInput = document.getElementById('uploadInput'); ကနေတစ်ဆင့် file input element ကိုသူ့ရဲ့ ID ကနေတစ်ဆင့် ရယူပေးပါတယ်။

နောက်တစ်ဆင့်ကတော့

const previewImage = document.getElementById('previewImage');

ကနေ image element ကိုရယူပါတယ်။

နောက်ဆုံးမှာတော့

handleImageUpload(uploadInput, previewImage);

ကနေ handleImageUpload function ကိုခေါ်ပြီး image review ကိုပြသပေးပါတယ်။

အကျဉ်းချုပ်ရရင် ဒီ function လေးက web application တွေမှာ user upload လုပ်လိုက်တဲ့ image ကို File reader api ကနေတစ်ဆင့် image preview ပြပေးတဲ့ function လေးပဲဖြစ်ပါတယ်။
File reader API ကိုအသုံးပြုပြီး file ကိုဖတ်ပြီး image element ကို display လုပ်ပေးပါတယ်။ ဘယ် file မှမပေါ်လာတာဖြစ်စေ၊ ရွေးလိုက်တဲ့ file image မဟုတ်ဘူးဆိုရင်တော့ preview ပြပေးမှာမဟုတ်ပါဘူး။

ဒီ function လေးက developer တွေအတွက်အသုံး၀င်မယ်လို့လည်း မျှော်လင့်ပါတယ်။

အခြား developer တွေလည်းသိသွားအောင် sharing လုပ်ပေးဖို့လည်း မမေ့နဲ့နော် 👀

#creative_coder_myanmar

Go Lang (Non Pointer Value & Pointer Wrapper Values)

Go Programming ကိုလေ့လာတဲ့ အခါ လေ့လာစ သူအများစုမှာ အနေနဲ့ သိထားသင့်တဲ့ အရေးကြီးတဲ့ concept လေးကို sharing လုပ်ပေးသွားပါမယ်။

ဒါတွေ မပြောခင် အရင် သိမို့လိုအပ်တာက Go မှာ ရှိတဲ့ data type တွေထဲမှာမှ အကြမ်းဖျဉ်းခွဲချမယ်ဆို ၂ပိုင်းရှိတာသိထားရပါမယ်။

Non Pointer Values

- int,
- floats,
- strings,
- struct,
- array,
- bools

Pointer Wrapper Values

- slices
- maps
- functions

ဆိုတော့ အကယ်၍ ကျနော်တို့က function တစ်ခုထဲကို argument အနေနဲ့ string data တခုခု pass လုပ်မယ်ဆိုရင်အပေါ်က ကပြောထားတဲ့ ၂မျိုးပေါ်မူတည်ပြီး pass by value အနေနဲ့ ပါသွားမှာကိုသိရပါမယ်။

အောက်က Non Pointer Values ဥပမာလေးကို ကြည့်ရအောင်။

func testWithString(n string) {
//n is the copy of name
n = "override"
}

func main() {
name := "Hlaingminthan"
testWithString(name)
fmt.Println(name) //Hlaingminthan(not override the original name)
}

ကျနော်တို့ name variable လေးကို testWithString func ထဲထည့်ပေးလိုက်ပြီး override လုပ်ပြီး ပြင်ကြည့်မယ်ဆိုရင် ကျနော်တို့ name variable လေးက မူရင်း value မပြောင်းလဲသွားပဲ အရင် value လေးပဲပြန်ရတာကိုတွေ့ရပါလိမ့်မယ်။

သဘောတရားက string တွေဟာ pass by value အနေနဲ့ ပါသွားတာဖြစ်တာကြောင့် name variable လေးဟာ function ထဲက n ထဲမှာ copy ယူပြီး အသစ်ရှိနေတာဖြစ်ပါတယ်။ ဒီအတွက်ကြောင့် n ကို override လုပ်ပေမဲ့လဲ အပြင်က name variable လေးကို သက်ရောက်မှူ မရှိတာကို တွေ့ရပါလိမ့်မယ်။

တစ်လက်စတည်း Pointer Wrapper Values example လေးပါ ကြည့်ရအောင်။

func testWithMap(m map[string]string) {
m["age"] = "override"
}

func main() {
person := map[string]string{
"name": "hlaingminthan",
"age": "20",
}
testWithMap(person)
fmt.Println(person) //override the original person map data
}

ဒီ example လေးမှာဆိုရင် ကျနော်တ်ို့ testWithMap func လေးထဲကို person map data လေးထည့်ပြီး age ကို override လုပ်ထားပါတယ်။ ဒီတကြိမ်မှာတော့ ကျနော်တို့ person map data ကိုပြန်ထုတ်ကြည့်တဲ့အခါ person map data ရဲ့ original value တကယ်ပြောင်းသွားပြီး override ဖြစ်သွားတာကို တွေ့ရပါလိမ့်မယ်။ ဒါဟာ ဘာကြောင့်လဲဆိုရင် go မှာ map data type ဟာ func ထဲပေးတဲ့အခါနောက်ကွယ်မှာ original map ကို pointer reference ထောက်ထားတာကြောင့်ဖြစ်ပါတယ်။

ဒီ case မှာ တကယ်တန်း pass by reference ပုံစံသွားတာဆိုပေမဲ့ underlying layer မှာတော့ တကယ်က pass by value နဲ့သွားတာဖြစ်ပြီး pointer သုံးထားတာကြောင့် reference ပုံစံ behave လုပ်သွားတာပဲဖြစ်ပါတယ်။ နောက်ရက်ကျရင် asterisk vs pointer အကြောင်းလေးပါ sharing လုပ်ပေးသွားပါမယ်ခင်ဗျာ။

ဒါလေးကို ကွဲကွဲပြားပြား သိပြီဆိုရင်တော့ code ရေးတဲ့အခါ data override ဖြစ်သွားတဲ့ အခါ ဘာကြောင့်လဲ ဆိုတာကို ကွဲကွဲပြားပြားသိသွားမယ်လို့ယူဆပါတယ်ခင်ဗျာ။

Creative Coder မှာ စာလုပ်ရင်း အခက်ခဲရှိလာရင် ဘယ်လိုမေးမလဲ ?

Creative Coder ရဲ့ learning platform မှာစာလေ့လာရင်း မသိတာရှိလာရင် website ပေါ်မှာတင် ဘယ်လိုတိုက်ရိုက်မေးမလဲ ဆိုတာကြည့်လိုက်ရအောင် 👀

ဒီထဲမှာတော့ Developer တိုင်းသိကြတဲ့ John Doe ကစာလုပ်ရင်းသူကြုံရတဲ့ အခက်အခဲကို ဘယ်လိုမေးလဲဆိုတာ ပုံလေးတွေကတဆင့် ကြည့်လိုက်ရအောင်။

#creative_coder_myanmar

Creative Coder YouTube မှာ Subscribers 8 K အထိရှိသွားပါပြီ 🎉

Web Development နဲ့ပတ်သက်တဲ့ knowledge sharing တွေ၊ tips & tricks တွေတင်ပေးနေတဲ့ Creative Coder ရဲ့ YouTube channel မှာ subscribers (၈၀၀၀) အထိရှိလာပြီဖြစ်ပါတယ်။ 

စဉ်ဆက်မပြတ် ကျောင်းသားတွေနဲ့အဆက်အသွယ်ရှိစေဖို့ YouTube မှာတင်ထားတဲ့ reels တွေ၊ video တွေကို စောင့်ကြည့်ကြဖို့လည်း မမေ့ပါနဲ့နော် 👀

#creative_coder_myanmar

ရုံးချိန်လွတ် Web Development Foundation အတန်းလေးကို Discount တွေနဲ့အတူအပ်နိုင်ပါပြီ🎉

ဇူလိုင်လရဲ့ မိုးဖွဲလေးတွေနဲ့အတူ Creative Coder ရဲ့ Web Development Foundation Batch (6) အတန်းလေးပြန်လည်ရောက်ရှိလာပါပြီ။

ဒီသင်တန်းလေးဟာ
👤 တက္ကသိုလ်၀င်တန်းအောင်မြင်ပြီးသွားတဲ့သူတွေ
👤 Web Development ကို စိတ်ပါ၀င်စားသူတွေ
👤 Web Development အခြေခံတွေကို လက်တွေ့ project တွေကတဆင့် လေ့လာချင်သူတွေအတွက် ရည်ရွယ်ပါတယ်။

ဒီသင်တန်းလေးမှာဆိုရင် အခြေခံကို ကျွမ်းကျွမ်းကျင်ကျင် တတ်မြောက်သွားဖို့သာ မဟုတ်ဘဲ ရှေ့ဆက်ပြီး လေ့လာနိုင်ဖို့အတွက် roadmap ကိုပါ တစ်ခါတည်း သင်ကြားပေးသွားမှာပါ။

Web Development ကိုစတင်လေ့လာသူတိုင်း ကြုံတွေရမှာတွေက လေ့လာရမယ့် resource တွေများတာရယ်၊ ဘယ်ကစပြီး လေ့လာရမလဲ မသိတာတွေ ဖြစ်ပါတယ်။

ဒီလို အခက်အခဲတွေကို ‌ဖြေရှင်းပေးဖို့အတွက် Creative Coder ကနေ Beginner Level အတွက် အဆင်ပြေစေမယ့် သင်ရိုးကို ကိုယ်တိုင်ဆွဲထားပြီး သေချာတတ်မြောက်အောင် လက်တွေ့ Project တွေနဲ့ သင်ကြားပေးသွားမှာ ဖြစ်ပါတယ်။

ဒီ အခြေခံကနေသင်ကြားပေးသွားမယ့် ရုံးချိန်လွတ်အတန်းလေးဟာ
✔️ Zoom Class ဖြစ်တဲ့အတွက် ဘယ်နေရာကနေမဆို တက်ရောက်နိုင်မယ်။
✔️ ပြန်လည်လေ့လာဖို့အတွက် Recording လည်းပေးသွားမှာ ဖြစ်ပါတယ်။
✔️ မသိနားမလည်တာတွေ မေးမြန်းဖို့အတွက် one on one meeting တွေလည်းစီစဉ်ထားရှိပေးထားပါတယ်။

*Creative Coder မှာ အတန်းတစ်ခါအပ်ပြီး အကြောင်းအမျိုးမျိုးကြောင့် မတက်ရောက်ဖြစ်တာဖြစ်စေ၊ သေချာနားမလည်သေးတာဖြစ်ဖြစ် နောက် ဖွင့်တဲ့ Batch တွေမှာ အခမဲ့ ပြန်လည်တက်ရောက်နိုင်မှာ ဖြစ်ပါတယ်*

ဒါက Creative Coder ရဲ့ ကျောင်းသားတိုင်းကိုပေးထားတဲ့ service ပဲဖြစ်ပါတယ်။

ဒီသင်တန်းပြီးသွားတဲ့ ကျောင်းသားတွေကို Creative Coder ကနေအာမခံပေးနိုင်တာကတော့
💯 Beginner Level မှာယောင်ဝါးဝါး မဖြစ်တော့ဘဲ လမ်းကြောင်းတစ်ခုကို သေချာရှာတွေ့‌သွားမယ်။
💯 Design ကိုမြင်လိုက်တာနဲ့ code ကိုဘယ်ကစရေးရမလဲဆိုတာ နားလည်သွားမယ်။
💯 ရှေ့ဆက်သွားရမယ့် roadmap ကိုသေချာရှာတွေ့သွားမယ်။
💯 အသုံးပြုရမယ့် tools တွေ Framework တွေကို သိနားလည်သွားမှာ ဖြစ်ပါတယ်။
💯 အဓိကအချက်ကတော့ လက်တွေ့ project တွေနဲ့အတူတူ တွဲပြီးသင်ကြားပေးသွားမှာ ဖြစ်တဲ့အတွက် Project အတွေ့အကြုံပါရရှိသွားမှာ ဖြစ်ပါတယ်။

ဘာတွေသင်ကြားပေးသွားပေးမလဲဆိုတာ ကြည့်လိုက်ရအောင် 👀
ထပ်တိုးသင်ခန်းစာတွေအနေနဲ့ အခြေခံတွေအပြင် Vuejs Basic နဲ့ Javascript Basic ကိုပါ ထပ်ထည့်ပေးထားပါတယ်။
🔰 HTML
🔰 CSS
🔰 Bootstrap
🔰 Tailwind CSS
🔰 JavaScript
🔰 Vuejs Basic တို့ပဲ ဖြစ်ပါတယ်။

သင်တန်းတစ်ခုလုံးမှာ စာသင်ရင်း Instructor နဲ့အတူ လုပ်ရမယ့် project တွေအပြင် ‌သင်တန်းအပြီးမှာ ကိုယ်တိုင်လုပ်ရမယ့် final project တွေနဲ့စုစုပေါင်း project (၁၀) ခုအထိရှိမှာပဲဖြစ်ပါတယ်။

Project အသေးတွေမှာဆိုရင်တော့ card design , table design နဲ့ animation တွေပါ၀င်လုပ်ဆောင်ပေးရမှာဖြစ်ပြီး သင်ပြီးသမျှသင်ခန်းစာထဲက အရေးကြီးတဲ့ သင်ခန်းစာတစ်ခုပြီးတိုင်း စာထဲကဟာကိုလက်တွေ့ အသုံးချလို့ရတဲ့ project တွေပြုလုပ်သွားရမှာဖြစ်ပါတယ်။

Project အကြီးအနေနဲ့ဆိုရင်
👉 HTML / CSS နဲ့တစ်ခု
👉 Bootstrap နဲ့တစ်ခု
👉 Tailwind project

တွေရေးသားရမှာဖြစ်ပါတယ်။

Final Project အနေနဲ့ဆိုရင်တော့ eCommerce site ရေးရမှာဖြစ်ပြီး project ရဲ့အခြေအနေပေါ်မူတည်ကာ သင်တန်းအောင်မြင်စွာပြီးဆုံးကြောင်း Certificate ထုတ်ပေးသွားမှာပဲဖြစ်ပါတယ်။

ဒီသင်တန်းလေးမှာ အချင်းချင်းဆက်သွယ်နိုင်ဖို့အတွက် Telegram ကိုအသုံးပြုသွားမှာဖြစ်ပြီး စာသင်ကြားဖို့ကတော့ Zoom Application ကိုအသုံးပြုသွားမှာပဲဖြစ်ပါတယ်။

အမှန်တကယ်စာလုပ်ပြီး သင်တန်းပြီးတဲ့အခါ ကျွမ်းကျင်စွာတတ်မြောက်သွားချင်တယ်ဆိုရင်တော့ အခြေခံခိုင်မာဖို့အတွက် Creative Coder မှာ သင့်ရဲ့ web development ခရီးစဉ်ကို စတင်လိုက်ပါ💯

Date & Time - Sat & Sun (8 pm to 10 pm )
Duration - 2.5 months
Fee - 250000 MMK
Platform - Zoom

အတန်းလေးက ဇူလိုင်လ (၂၇) ရက်နေ့မှာ စတင်မှာဖြစ်ပါတယ်

Creative Coder ရဲ့ ထုံးစံအတိုင်း Early Bird လာအပ်တဲ့ ကျောင်းသား (၁၀) ယောက်ကို (၂) သိန်းကျပ်တည်းနဲ့ တက်ရောက်ခွင့်ရမှာ ဖြစ်ပါတယ်။

ကျောင်းသားကလည်း အယောက် (၃၀) ပဲကန့်သတ်ထားတဲ့အတွက် မြန်မြန်လေးကြိုအပ်ထားမှ စိတ်ချရမယ်နော်။

Creative Coder နဲ့အတူ Web Development ခရီးစဉ်ကို စတင်ဖို့ အသင့်ဖြစ်ပြီဆိုရင် အခုပဲ page messenger မှာ အတန်းအပ်နှံနိုင်ပါတယ် မိတ်ဆွေတို့ရေ 👀💬

#creative_coder_myanmar