JavaScript Lesson-10| HTML DOM Manipulation - Contact List App တည်ဆောက်နည်း

ဒီ Video သင်ခန်းစာမှာတော့ JavaScript သုံးပြီး HTML Table တစ်ခုကို Dynamic ဖန်တီးနည်း၊ DOM Manipulation အခြေခံနဲ့ Small Contact List App တစ်ခုလုံးကို လက်တွေ့ရေးသားနည်းတွေကို ရှင်းပြပေးထားပါတယ်!

▶️ YouTube Video Link

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

✅ HTML Table ကို JavaScript နဲ့ Dynamic ဖန်တီးနည်း
✅ insertRow() နဲ့ insertCell() Method တွေအသုံးပြုနည်း
✅ DOM Querying (querySelector)
✅ Real-world Mini Project (Contact List) တည်ဆောက်နည်း

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

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

#JavaScript #WebDevelopment #DOM #MyanmarCoding #Frontend #CodingTutorial #ContactList #LearnToCode #Programming #HTML5Canvas

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

JavaScript Lesson-14 မှာတော့ Callback Functions အကြောင်းကို အပြည့်အစုံ ရှင်းပြပေးထားပါတယ်!

ဘာတွေသင်ရမလဲဆိုတော့... ✨

▶️ YouTube Video Link

📝 Function Declaration - Traditional function ရေးနည်း
💡 Function Expression - Variable ထဲမှာ function သိမ်းနည်း
🔄 Callback Functions - Function ကို argument အဖြစ်ထည့်သုံးနည်း
🎯 Real-world Usage - Event listeners, Asynchronous operations

Hands-on Examples အနေနဲ့:
• Basic function calls နဲ့ result display လုပ်နည်း
• Click event handling with callback functions
• Anonymous functions အသုံးပြုနည်း
• Function ကို parameter အဖြစ်ထည့်ပေးနည်း

Callback Functions ကိုနားလည်ပီဆိုရင် JavaScript ရဲ့ Asynchronous Programming ကို စတင်ကျွမ်းကျင်လာပြီနော်! 🚀

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

#JavaScript #JS #Programming #WebDevelopment

JSON Lesson - 2 မှာတော့ JSON Data Handling ရဲ့ stringify() နဲ့ parse() အကြောင်းကို အပြည့ ရှင်းပြပေးထားပါတယ်! 💫

▶️ YouTube Video Link

ဘာတွေသင်ရမလဲဆိုတော့...

🔄 JSON.stringify() - JavaScript Object ကို JSON String အဖြစ် ပြောင်းနည်း
📦 JSON.parse() - JSON String ကို JavaScript Object အဖြစ် ပြန်ပြောင်းနည်း
💾 LocalStorage with JSON - Data သိမ်းခြင်း၊ ပြန်လည်ရယူခြင်း
🎯 Real-world Applications - API Data Handling, User Preferences Saving

Hands-on Examples အနေနဲ့:
• Object to JSON Conversion
• JSON to Object Conversion
• LocalStorage တွင် Data သိမ်းခြင်းနှင့်ခေါ်ယူခြင်း
• Complex Data Structures Management

JSON ကို Professional Level နားလည်ချင်တဲ့သူတိုင်း ဒီ Video လေးကို မဖြစ်မနေကြည့်သင့်ပါတယ်! 🚀

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

#JSON #JavaScript