Web Development သင်ခန်းစာ - ToDo List App | Part - 5 ( DOM Manipulation နဲ့ Task Management )

ဒီ Video မှာ JavaScript နဲ့ DOM ကို အသုံးပြုပြီး Task Item တစ်ခုကို Dynamic ဖန်တီးနည်း၊ ပြင်ဆင်နည်းနဲ့ ဖျက်နည်းတွေကို အသေးစိတ်ရှင်းပြပေးထားပါတယ်!
DOM Manipulation က Web Development မှာ အရေးကြီးဆုံး အစိတ်အပိုင်းတစ်ခုပါ။

▶️ YouTube Video Link

💻 ဒီ Video ကနေ ဘာတွေသိရမလဲ?

✅ createTaskElement() function ရဲ့ အလုပ်လုပ်ပုံ
✅ DOM Element တွေကို JavaScript နဲ့ ဖန်တီးနည်း (createElement)
✅ Checkbox Event Handling နဲ့ Task Complete/Incomplete ပြုလုပ်နည်း
✅ Task Delete လုပ်တဲ့အခါ Smooth Transition Effect ထည့်နည်း
✅ Element Styling ကို JavaScript ကနေ ပြင်ဆင်နည်း

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

#ToDoList #JavaScript #WebDevelopment #DOM #Frontend #MyanmarCoding #Programming #WebDesign #CodingTutorial #LearnToCode

Web Development သင်ခန်းစာ - ToDo List App | Part - 6 ( Task Management with LocalStorage )

ဒီ Video မှာ JavaScript နဲ့ ToDo App မှာ LocalStorage သုံးပြီး Task တွေကို Save လုပ်နည်း၊ Delete Selected Feature နဲ့ Smooth Animations တွေကို ရှင်းပြပေးထားပါတယ်!

▶️ YouTube Video Link

💻 ဒီ Video ကနေ ဘာတွေသိရမလဲ?

✅ Form Submission ကို Handle လုပ်နည်း
✅ Delete Selected Button Functionality
✅ LocalStorage သုံးပြီး Data သိမ်းနည်း
ကိုရှင်းပြထားပေးပါတယ်ဗျ

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

#ToDoList #JavaScript #WebDevelopment #DOM #Frontend #MyanmarCoding #Programming #WebDesign #CodingTutorial #LearnToCode

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