Web Development သင်ခန်းစာ - ToDo List App | Part - 7 ( Final Part )

ဒီ Video သင်ခန်းစာမှာတော့ ကျွန်တော်တိုရဲ့ ToDo App ကို Premium Look တစ်ခုဖြစ်အောင် CSS နဲ့ ဘယ်လိုချောမွေ့စွာ Styling လုပ်မလဲဆိုတာ အသေးစိတ်ရှင်းပြပေးထားပါတယ်!
CSS မှာ Transitions, Shadows, Variables တွေကို ကျွမ်းကျင်စွာအသုံးချနိုင်ရင် Website/App တွေကို Premium Feel ဖြစ်အောင် လုပ်နိုင်ပါတယ်!

▶️ YouTube Video Link

✨ အဓိက သင်ယူရမည့်အချက်များ:

✅ Modern Task Item Design (Flexbox, Transitions)
✅ Checkbox Custom Styling (Accent Color, Focus State)
✅ Hover & Focus Effects (Neon Glow, Smooth Animations)
✅ Delete Button UX/UI (Interactive Feedback)

တိုကိုရှင်းပြထားပေးပါတယ်ဗျ။

📂 Source Code ကို Download ရယူရန် အောက်မှာ telegram channel ကိုပေးထားပါတယ် 👇
🔗 Source Code File

#ToDoList #CSS #WebDesign #Frontend #NeonDesign #Coding #MyanmarTech #WebDevelopment #JavaScript #Programming

JavaScript Lesson-11 | Boolean Values & Logical Operators

ဒီ Video သင်ခန်းစာမှာတော့ JavaScript Programming မှာ Boolean Logic နဲ့ Logical Operators တွေကို လက်တွေ့ဘယ်လိုအသုံးချရမလဲဆိုတာ ရှင်းပြပေးထားပါတယ်!

▶️ YouTube Video Link

✨ အဓိက သင်ယူရမည့်အချက်များ:

✅ Boolean Values (true/false) အလုပ်လုပ်ပုံ
✅ Logical Operators (&&, ||, !) အသုံးပြုနည်း
✅ Real-world Login System တည်ဆောက်နည်း
✅ Conditional Statements နဲ့ တွဲသုံးနည်း

တိုကိုရှင်းပြထားပေးပါတယ်ဗျ။

📂 Source Code ကို Download ရယူရန် အောက်မှာ telegram channel ကိုပေးထားပါတယ် 👇
🔗 Source Code File
🔗 Note

#JavaScript #Programming #Boolean #LogicalOperators #MyanmarCoding #WebDevelopment #LearnToCode #CodingTutorial #JSBasics

Web Development Tutorial | HTML Tables

ဒီ Video သင်ခန်းစာမှာတော့ HTML Tables ကို အခြေခံမှစပြီး HTML Table Structure ဖန်တီးနည်း
၊ CSS Styling (Border, Radius, Hover Effects) တိုကို လက်တွေ့ဥပမာများနဲ့ ရှင်းပြထားပေးပါတယ်ဗျ။

▶️ YouTube Video Link

💡 ဘာကြောင့် HTML Tables ကိုသင်သင့်တာလဲ?
✔️ Data Display အတွက် အခြေခံကျတယ်
✔️Real-world Applications တွေမှာ အများဆုံးသုံးတယ်
✔️JavaScript Integration အတွက် အရေးကြီးတယ်

📂 Source Code ကို Download ရယူရန် အောက်မှာ telegram channel ကိုပေးထားပါတယ် 👇
🔗 Source Code File

#WebDevelopment #HTML #JavaScript #CSS #MyanmarCoding #Frontend #Programming #CodingTutorial #LearnToCode #TechEducation

JavaScript Lesson-12 | Conditional Statements

ဒီ Video သင်ခန်းစာမှာတော့ JavaScript Programming မှာ conditional statement တွေကို Effective ဖြစ်အောင် ဘယ်လိုအသုံးချမလဲ ဆိုတာ လက်တွေ့ဥပမာများနဲ့ ရှင်းပြပေးထားပါတယ်!

▶️ YouTube Video Link

✨ အဓိက သင်ယူရမည့်အချက်များ:
✔️ if/else Statements အသုံးပြုနည်း
✔️ Ternary Operator ရဲ့ အားသာချက်များ
✔️ Switch Statement နဲ့ Multiple Conditions
✔️ Real-world Examples (Food Ordering, Weather Gear)

📂 Source Code ကို Download ရယူရန် အောက်မှာ telegram channel ကိုပေးထားပါတယ် 👇
🔗 Source Code File
🔗 Note

#JavaScript #Programming #ConditionalStatements #MyanmarCoding #WebDevelopment #LearnToCode #CodingTutorial #JSBasics #TechEducation

JavaScript Lesson - 13 | Loops တွေအကြောင်း

ဒီ Video သင်ခန်းစာမှာတော့ JavaScript Loops အကြောင်းကို အပြည့်အစုံ ရှင်းပြပေးထားပါတယ်။

▶️ YouTube Video Link

🔄 While Loop - Condition မှန်သရွေ့ လုပ်ဆောင်နည်း
⏬ Countdown Example - Blast off ထိလုပ်ဆောင်နည်း
🔄 Do-While Loop - အနည်းဆုံးတစ်ခါတော့ run ပေးမယ့် loop

⚡️ For Loop - စနစ်တကျ ထိန်းချုပ်လိုရတဲ့ loop
🔍 For-In Loop - Object တွေထဲက data တွေကို loop ပတ်နည်း

⏹️ Break Statement - Loop ကနေ ချက်ချင်းထွက်နည်း
⏭️ Continue Statement -特定 step ကို skip လုပ်နည်း

စတဲ့ Concept‌ တွေကို Code Example တွေနဲ့အတူ လက်တွေ့လုပ်ကြည့်ရင်းသင်ကြားပေးထားပါတယ်။

Programming မှာ Loops ကိုနားလည်ပီဆိုရင်တော့ ကိုယ်လုပ်စေချင်တဲ့အလုပ်တွေကို computer ကို အကြိမ်ပေါင်းများစွာ လုပ်စေနိုင်ပြီနော်!

📂 Source Code ကို Download ရယူရန် အောက်မှာ telegram channel ကိုပေးထားပါတယ် 👇
🔗 Source Code File
🔗 Note

#JavaScript #JS #Programming

ဒီ Video လေးမှာ JavaScript While Loop အကြောင်းကို ဥပမာတွေနဲ့တကွ လက်တွေ့ဘယ်လိုသုံးရမလဲဆိုတာ အပြည့်အစုံရှင်းပြထားပါတယ်ဗျ!

Video ကြည့်ရန် —> https://t.me/tech4uprogramming/193

🤔 While Loop ဆိုတာ ဘာလဲ?
👉 "တစ်ခုခုမှန်နေသရွေ့ ဆက်လုပ်ပါ!" 🤯
👉 while(condition) { // run this code }
👉 Condition စစ် → True ဖြစ်ရင် Code Run → ပြန်စစ် → (ထပ်ကျော့) → Condition False ဖြစ်တဲ့အထိ✅

---
🔔 ဒီ JavaScript Loop သင်ခန်းစာအပြည့်အစုံ Tech4U YouTube Channel မှာ အပြည့်အစုံသွားကြည့်နိုင်ပါတယ်ဗျ။
📲 YouTube:
📩 Telegram:

#JavaScript #WhileLoop #Coding #Programming

JSON Lesson - 1 | Introduction to JSON

ဒီ Video သင်ခန်းစာမှာတော့ JSON ရဲ့ အခြေခံအကြောင်းကို အပြည့်အစုံ ရှင်းပြပေးထားပါတယ်။

▶️ YouTube Video Link

📌 JSON ဆိုတာဘာလဲ? - JavaScript Object Notation ရဲ့ အခြေခံ
⚡️ ဘာကြောင့်သုံးကြတာလဲ? - Lightweight & Human-readable data format
🔍 XML နဲ့ ဘာကွာလဲ? - Comparison with other data formats
🚀 Real-world Applications - API, Config Files, Data Storage

စတဲ့ Concept‌ တွေကို Code Example တွေနဲ့အတူ လက်တွေ့လုပ်ကြည့်ရင်းသင်ကြားပေးထားပါတယ်။
JSON ကိုနားလည်ပီဆိုရင်တော့ Web APIs, Mobile Apps, Server Communications တွေအတွက် Data Exchange လုပ်ရတာ အရမ်းလွယ်ကူသွားမှာနော်! 💪

📂 Source Code ကို Download ရယူရန် အောက်မှာ telegram channel ကိုပေးထားပါတယ် 👇
🔗 Source Code File
🔗 Note

#JSON #JavaScript #WebDevelopment #API #DataExchange