𝗧𝗲𝗰𝗵𝟰𝗨 𝗠𝘆𝗮𝗻𝗺𝗮𝗿

🌐 Web Development Learning Series - အပိုင်း (၆) Resources 📁 Source Code File 📁 Lesson Note

https://youtu.be/QG--HSOXX3c?si=O8PewoXsOqR9wMm9 🌐 Web Development Learning Series - အပိုင်း (၅) -> Resources Link

https://youtu.be/7spotlXcHw8?si=vb-VmX90ZODrLRh6 Lesson - 2 Resource ရယူရန် Click Here

https://youtu.be/b4c9jRFfPBs?si=Ly3ED66KAJh-oW31 Lesson - 1 Resource ရယူရန် Click Here

https://youtu.be/b4c9jRFfPBs?si=Ly3ED66KAJh-oW31 🟨 JavaScript Fundamental YouTube Lessons-1 Resources

Computer Networking Notes 🔥 အပိုင်း (၃) 🔗 Note အပြည့်အစုံကို ရယူရန်၊ 🔗 PDF ဖိုင်ရန် ရယူရန်၊ 📌 အပိုင်း (၂) ဖတ်ရန်။ #NetworkingBasics #TechMyanmar #ITStudents

🚀 Full Stack Development သင်ဖို့ အကောင်းဆုံး YouTube Channels 5 ခု 1️⃣ Amigoscode ✅ Back-end Development ကို အဓိကသင်ပေးတဲ့ Channel ✅ Java, Spring Boot, Docker အစရှိတဲ့ Technologies တွေကို ရှင်းပြပေးမယ် 🔗 YouTube Link 2️⃣ Tech With Tim ✅ Python Projects Beginner ကနေ Advanced အထိ ✅ Django, Flask, Machine Learning အထိ သင်ပေးမယ် 🔗 YouTube Link 3️⃣ Ben Awad ✅ Full Stack Development Tutorials အပြည့်အစုံ ✅ React, GraphQL, TypeScript စတာတွေကို လက်တွေ့လုပ်ပြပေးမယ် 🔗 YouTube Link 4️⃣ Academind ✅ JavaScript, Node.js, React တို့ကို Deep Dive သင်ပေးမယ် ✅ Front-end & Back-end နှစ်မျိုးလုံးကို ကောင်းကောင်းရှင်းပြပေးမယ် 🔗 YouTube Link 5️⃣ Web Dev Simplified ✅ Web Development Tutorials တွေကို ရိုးရှင်းလွယ်ကူစွာ သင်ပေးမယ် ✅ HTML, CSS, JavaScript, React စတာတွေကို လေ့လာနိုင်မယ် 🔗 YouTube Link #FullStackDevelopment #WebDevelopment #Programming #MyanmarTech #LearnToCode

🌐 Website နဲ့ Web Application (Web App) တွေဘယ်လိုကွာလဲ? 👉 ဒီမှာရှင်းပြထားပါတယ်ဗျ 🔗 #WebDev #TechTalk #DigitalMyanmar

WhatsApp က Status နဲ့ Channel Catalog တွေမှာ ကြော်ငြာတွေ ထည့်သွင်းလိုက်ပါပြီ — ဒါဟာ platformရဲ့ ပထမဆုံး အကြီးစား ငွေရှာမှု ဖြစ်ပါတယ်။ အခုဆိုရင် စီးပွားရေး ကြော်ငြာတွေ နဲ့ Channel တွေကို မြှင့်တင်လို့ရပါပြီ။Telegram လိုပဲ အထူးလုပ်ဆောင်ချက်တွေပါတဲ့ ငွေပေးချေစနစ် (Paid Subscriptions) ကိုပါ ထည့်သွင်းပေးထားပါတယ်။ ကြော်ငြာတွေဟာ personal chats နဲ့ ဖုန်းခေါ်ဆိုမှုတွေကို မထိခိုက်ပါဘူး — ဒါတွေက"Updates" section မှာပဲ ပေါ်ပါတယ်။ ဘာသာစကား၊ ဒေသ၊ Status ထဲက အပြုအမူတွေနဲ့ Channel Subscription တွေကို အခြေခံပြီး Target ချပေးထားပါတယ်။ ပထမနှစ်မှာ Paid Subscription တွေကို Commission မယူပေမယ့်၊ နောက်ပိုင်းမှာ ၁၀% အထိကောက်ခံနိုင်ပါတယ်။ 🌐📲 @tech4umm

🚀 TypeScript 5.7 ထွက်ရှိပြီ! ဘာ Features တွေအသစ်ပါလဲ? 🎉 👉 ဒီနေရာကိုနှိပ်ပြီး အပြည့်အစုံဖတ်နိုင်ပါတယ်ဗျ။ #TypeScript #Programming #WebDevelopment #Tech4U #MyanmarTech

🖥 Server အမျိုးအစားများ ✨Server တစ်ခုချင်းစီရဲ့ အလုပ်လုပ်ပုံ၊ ဘယ်လိုအသုံးဝင်တယ်ဆိုတာ ဒီ Post မှာ အလွယ်တကူ နားလည်အောင် ရှင်းပြပေးထားပါတယ်! 👉 ဒီနေရာကိုနှိပ်ပြီး အပြည့်အစုံဖတ်နိုင်ပါတယ်ဗျ။ #ServerTypes #WebDevelopment #Networking #TechBurmese #DigitalInfrastructure

Programming Language Fundamental မှာဘာတွေလေ့လာဖို့ လိုအပ်မလဲ? ဒီမှာအသေးစိတ် tree နဲ့ပြထားပါတယ်။👇 👉 Programming Tree #MyanmarTech #Programming

🎨 အသုံးဝင်စေမယ့် CSS Filters များ ✨ CSS Filter က အရောင်ပြောင်းခြင်း၊ မှုန်ဝါးခြင်း၊ အလင်းအမှောင်ပြုပြင်ခြင်း စတဲ့ အလှဆင်မူတွေ ကို ဓာတ်ပုံ (image) နဲ့ HTML element တွေမှာ ထည့်သွင်းအသုံးပြုနိုင်ပါတယ်။ 👉 ဒီနေရာကိုနှိပ်ပြီး အပြည့်အစုံဖတ်နိုင်ပါတယ်ဗျ။ #CSS #CSSFilters #WebDesign #Frontend #MyanmarWebDev

🌐 Web Development Learning Series - အပိုင်း (၄) Frontend Technologies (HTML, CSS, JS အခြေခံများ) --- 🧱 Frontend Development စတင်ရန် Website တစ်ခုတည်ဆောက်ရာတွင် HTML, CSS နှင့် JavaScript သည် အခြေခံအုတ်မြစ်ဖြစ်ပါတယ်။ --- 🔹 ၁။ HTML (HyperText Markup Language) - The Structure HTML သည် Webpage ၏Structure ဖြစ်ပြီး မည်သည့်အရာများပါဝင်သည်ကို သတ်မှတ်ပေးပါတယ်။ အသုံးများသော HTML Elements • Headings (<h1> to <h6>) • Paragraphs (<p>) • Images (<img>) • Links (<a href="">) • Lists (<ul>, <ol>, <li>) • Forms, buttons, inputs 📌 Example: <h1>Header</h1> <p>Paragraphs</p> <a href="https://example.com">link</a> <img src="image.jpg" alt="image"> <ul> <li>list 1</li> <li>list 2</li> </ul> --- 🔹 ၂။ CSS (Cascading Style Sheets) - The Style CSS က Webpage ရဲ့အလှအပနှင့် အပြင်အဆင်ကို ထိန်းချုပ်ပေးပါတယ်။ CSS ရဲ့အဓိကလုပ်ဆောင်ချက်များ • Colors • Fonts • Layouts • Spacing • Responsiveness CSS အသုံးပြုနည်း (၃) မျိုး 1️⃣ Inline CSS <h1 style="color: red;">red header</h1> 2️⃣ Internal CSS <head> <style> h1 { color: blue; text-align: center; } </style> </head> 3️⃣ External CSS <link rel="stylesheet" href="styles.css"> --- 🔹 ၃။ JavaScript (JS) - The Interactivity JavaScript က Website ကို အပြန်အလှန်လုပ်ဆောင်နိုင်စေရန် ပြုလုပ်ပေးပါတယ်။ JavaScript ရဲ့အဓိကလုပ်ဆောင်ချက်များ • Respond to button clicks • Show/hide elements • Validate form inputs • Make API calls 📌 Example: <button onclick="alert('မင်္ဂလာပါ!')">နှိပ်ပါ</button> <script> document.getElementById("demo").innerHTML = "Hello JavaScript!"; </script> --- 💡 Frontend Flow Summary: - HTML → အိမ်ရဲ့ Structure နဲ့တူပါတယ်။ - CSS → အိမ်ကိုအလှဆင်ခြင်း (ဆေးသုတ်ခြင်း၊ အလှဆင်ခြင်း) - JavaScript → အိမ်ကိုစမတ်ဖြစ်စေခြင်း (အလိုအလျောက်မီးဖွင့်ခြင်း၊ လုံခြုံရေးစနစ်) 📌 အပိုင်း (၃) ဖတ်ရန်။ (https://t.me/tech4UMM/434) #MyanmarTech #MyanmarDevs #WebDevelopment #Programming #HTMLCSS

Operating Systems တွေရဲ့သက်တမ်းတွေပါ။👨🏻‍💻😎 📂 Windows 11 (3 years old) 🪟 Windows 10 (8 years old) 🍎 macOS Yosemite (10 years old) 🐉 Kali Linux (11 years old) 💻 Windows 8 (12 years old) 🌐 Manjaro (11 years old) 💻 Windows 7 (14 years old) 🖥 Windows Vista (17 years old) 🌿 Linux Mint (18 years old) 🐧 Ubuntu (20 years old) ⚙️ Fedora (20 years old) 🔧 OpenSUSE (20 years old) ⚙️ CentOS (20 years old) 🐧 Arch Linux (22 years old) 🍏 macOS (22 years old) 💻 Windows XP (23 years old) 🖥 Windows 2000 (24 years old) 📱 Windows 98 (25 years old) 🌍 Windows 95 (28 years old) 💻 Windows 3.1 (29 years old) 🖥 OS/2 (32 years old) 🐧 Debian (31 years old) 🔴 Red Hat Linux (30 years old) 🎮 AmigaOS (34 years old) 🖥 Xenix (40 years old) 📀 VMS (44 years old) 💾 MS-DOS (42 years old) 💾 CP/M (49 years old) 🖥 Unix (54 years old) #MyanmarTech #tech4umm #OS #age

🔐 JSON Web Token (JWT) ဆိုတာဘာလဲ? JWT ဆိုတာ အင်တာနက်မှာ လုံခြုံစွာ အချက်အလက်ဖလှယ်ဖို့သုံးတဲ့ Token တစ်မျိုးပါ။ JWT ကို စနစ်တကျအသုံးပြုခြင်းဖြင့် Web/Mobile App တွေကို လုံခြုံစေပါစေတယ်။ 🔐 JWT အကြောင်းကို ပိုပြီသိချင်ရင်တော့ ဒီနေရာကိုနှိပ်ပြီးအပြည့်အစုံဖတ်လို့ရပါတယ်ဗျ၊ #JWT #WebSecurity #API #Authentication #Programming #MyanmarTech

Computer Networking Notes 🔥 အပိုင်း (၂) 🔗 Note အပြည့်အစုံကို ရယူရန်၊ 🔗 PDF ဖိုင်ရန် ရယူရန်၊ 📌 အပိုင်း (၁) ဖတ်ရန်။ #NetworkingBasics #TechMyanmar #ITStudents

🌐 Web Development Learning Series - အပိုင်း (၃) "Website တစ်ခု အလုပ်လုပ်ပုံ (Client-Server Model ရှင်းလင်းချက်)" --- 🔹 အခြေခံအလုပ်လုပ်ပုံ သင့်အနေနဲ့ www.google.com ကိုရိုက်ထည့်လိုက်တဲ့အခါ နောက်ကွယ်မှာ ဘာတွေဖြစ်သွားလဲ? 1️⃣ သင့် Browser (Client) က Website လိပ်စာကို Server ဆီ Request ပို့ပေးတယ် 2️⃣ Server က Request ကိုလက်ခံပြီး Process လုပ်တယ် 3️⃣ HTML, CSS, JavaScript File တွေကို ပြန်ပို့ပေးတယ် 4️⃣ Browser က ဒီ File တွေကိုအသုံးပြုပြီး Website ကိုပြသပေးတယ် --- 🔹 အရေးကြီးသော Key Terms များ Client - Chrome, Firefox ကဲ့သို့သော Browser (Request ပို့သူ) Server - Website Data များကို သိမ်းဆည်းထားသော Computer (Response ပြန်ပို့သူ) HTTP/HTTPS - Client-Server အကြား Data ပို့ဆောင်ရာတွင် အသုံးပြုသော Protocol DNS Domain Name (google.com) ကို IP Address အဖြစ် ပြောင်းပေးသော System --- 🍽 Real-Life Analogy : လက်တွေ့နမူနာ (စားသောက်ဆိုင်) - သင့် (Client) = စားပွဲထိုးကို အစာမှာတယ် - စားပွဲထိုး (Browser) = မီးဖိုချောင်ကို အကြောင်းကြားတယ် - မီးဖိုချောင် (Server) = အစာပြင်ဆင်ပြီး သင့်ထံပို့ပေးတယ် ရလဒ်: သင့်ရှေ့မှာ ပူပူနွေးနွေး အစားအစာရောက်လာခြင်း (Website Load ဖြစ်ခြင်းနှင့်အတူတူပါပဲ!) --- 🔹 Technical အဆင့်ဆင့် (Amazon.com ကိုဝင်ကြည့်သည့်အခါ) 1️⃣ Browser က DNS ကိုသုံးပြီး amazon.com ၏ IP Address ကိုရှာတယ် 2️⃣ Amazon Server ဆီ HTTP GET Request ပို့တယ် 3️⃣ Server က HTML File ကိုပြန်ပို့တယ် 4️⃣ Browser က HTML ကိုဖတ်ပြီး CSS, JS File တွေကိုအလိုအလျောက်တောင်းယူတယ် 5️⃣ ရလဒ်: Amazon ၏ ပြည့်စုံသော Website ပေါ်လာတယ် --- 💡 Developer Tools အသုံးပြုနည်း 1. Browser မှာ F12 နှိပ်ပါ (Chrome/Firefox) 2. Network Tab ကိုရွေးပါ 3. Page ကို Refresh လုပ်ပြီး File တွေဘယ်လိုတောင်းယူထားလဲ ကြည့်နိုင်တယ် 📌 အပိုင်း (၂) ဖတ်ရန်။ #MyanmarTech #MyanmarDevs #WebDevelopment #Programming #HTMLCSS