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

Computer Networking Notes 🔥 အပိုင်း (၂)

🔗 Note အပြည့်အစုံကို ရယူရန်၊
🔗 PDF ဖိုင်ရန် ရယူရန်၊

📌 အပိုင်း (၁) ဖတ်ရန်။

#NetworkingBasics
#TechMyanmar
#ITStudents

❤2

1.95K viewsedited 11:23

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

🔐 JSON Web Token (JWT) ဆိုတာဘာလဲ?

JWT ဆိုတာ အင်တာနက်မှာ လုံခြုံစွာ အချက်အလက်ဖလှယ်ဖို့သုံးတဲ့ Token တစ်မျိုးပါ။
JWT ကို စနစ်တကျအသုံးပြုခြင်းဖြင့် Web/Mobile App တွေကို လုံခြုံစေပါစေတယ်။ 🔐

JWT အကြောင်းကို ပိုပြီသိချင်ရင်တော့ ဒီနေရာကိုနှိပ်ပြီးအပြည့်အစုံဖတ်လို့ရပါတယ်ဗျ၊

#JWT
#WebSecurity
#API
#Authentication
#Programming
#MyanmarTech

❤1

1.76K viewsedited 11:06

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

Operating Systems တွေရဲ့သက်တမ်းတွေပါ။👨🏻‍💻

ဘယ် OS ကကိုယ့်ထက်အသက်ကြီးနေလဲ သိရအောင်ပါ။ 😁😎

📂 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

❤12

1.96K viewsedited 11:19

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

1.56K views11:30

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

🌐 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:

 html
<button onclick="alert('မင်္ဂလာပါ!')">နှိပ်ပါ</button>


<script>
  document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

---
💡 Frontend Flow Summary:
- HTML → အိမ်ရဲ့ Structure နဲ့တူပါတယ်။
- CSS → အိမ်ကိုအလှဆင်ခြင်း (ဆေးသုတ်ခြင်း၊ အလှဆင်ခြင်း)
- JavaScript → အိမ်ကိုစမတ်ဖြစ်စေခြင်း (အလိုအလျောက်မီးဖွင့်ခြင်း၊ လုံခြုံရေးစနစ်)

📌 အပိုင်း (၃) ဖတ်ရန်။

#MyanmarTech
#MyanmarDevs
#WebDevelopment
#Programming
#HTMLCSS

𝗧𝗲𝗰𝗵𝟰𝗨

🌐 Web Development Learning Series - အပိုင်း (၃)
"Website တစ်ခု အလုပ်လုပ်ပုံ (Client-Server Model ရှင်းလင်းချက်)"

---
🔹 အခြေခံအလုပ်လုပ်ပုံ
သင့်အနေနဲ့ www.google.com ကိုရိုက်ထည့်လိုက်တဲ့အခါ နောက်ကွယ်မှာ ဘာတွေဖြစ်သွားလဲ?

1️⃣ သင့် Browser (Client) က Website…

❤4

1.75K viewsedited 11:30

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

🎨 အသုံးဝင်စေမယ့် CSS Filters များ

✨ CSS Filter က အရောင်ပြောင်းခြင်း၊ မှုန်ဝါးခြင်း၊ အလင်းအမှောင်ပြုပြင်ခြင်း စတဲ့ အလှဆင်မူတွေ ကို ဓာတ်ပုံ (image) နဲ့ HTML element တွေမှာ ထည့်သွင်းအသုံးပြုနိုင်ပါတယ်။

👉 ဒီနေရာကိုနှိပ်ပြီး အပြည့်အစုံဖတ်နိုင်ပါတယ်ဗျ။

#CSS
#CSSFilters
#WebDesign
#Frontend
#MyanmarWebDev

❤4

1.77K viewsedited 11:35

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

Programming Language Fundamental မှာဘာတွေလေ့လာဖို့ လိုအပ်မလဲ?

ဒီမှာအသေးစိတ် tree နဲ့ပြထားပါတယ်။👇

👉 Programming Tree

#MyanmarTech
#Programming

❤5⚡1

1.78K views11:52

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

🖥 Server အမျိုးအစားများ

✨Server တစ်ခုချင်းစီရဲ့ အလုပ်လုပ်ပုံ၊ ဘယ်လိုအသုံးဝင်တယ်ဆိုတာ ဒီ Post မှာ အလွယ်တကူ နားလည်အောင် ရှင်းပြပေးထားပါတယ်!

👉 ဒီနေရာကိုနှိပ်ပြီး အပြည့်အစုံဖတ်နိုင်ပါတယ်ဗျ။

#ServerTypes
#WebDevelopment
#Networking
#TechBurmese
#DigitalInfrastructure

❤3

1.71K viewsedited 11:06

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

🚀 TypeScript 5.7 ထွက်ရှိပြီ! ဘာ Features တွေအသစ်ပါလဲ? 🎉

👉 ဒီနေရာကိုနှိပ်ပြီး အပြည့်အစုံဖတ်နိုင်ပါတယ်ဗျ။

#TypeScript
#Programming
#WebDevelopment
#Tech4U
#MyanmarTech

❤3

1.91K viewsedited 11:08

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

WhatsApp က Status နဲ့ Channel Catalog တွေမှာ ကြော်ငြာတွေ ထည့်သွင်းလိုက်ပါပြီ — ဒါဟာ platformရဲ့ ပထမဆုံး အကြီးစား ငွေရှာမှု ဖြစ်ပါတယ်။ အခုဆိုရင် စီးပွားရေး ကြော်ငြာတွေ နဲ့ Channel တွေကို မြှင့်တင်လို့ရပါပြီ။Telegram လိုပဲ အထူးလုပ်ဆောင်ချက်တွေပါတဲ့ ငွေပေးချေစနစ် (Paid Subscriptions) ကိုပါ ထည့်သွင်းပေးထားပါတယ်။

ကြော်ငြာတွေဟာ personal chats နဲ့ ဖုန်းခေါ်ဆိုမှုတွေကို မထိခိုက်ပါဘူး — ဒါတွေက"Updates" section မှာပဲ ပေါ်ပါတယ်။ ဘာသာစကား၊ ဒေသ၊ Status ထဲက အပြုအမူတွေနဲ့ Channel Subscription တွေကို အခြေခံပြီး Target ချပေးထားပါတယ်။ ပထမနှစ်မှာ Paid Subscription တွေကို Commission မယူပေမယ့်၊ နောက်ပိုင်းမှာ ၁၀% အထိကောက်ခံနိုင်ပါတယ်။

🌐📲 @tech4umm

❤7

2.2K views11:21

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

🌐 Website နဲ့ Web Application (Web App) တွေဘယ်လိုကွာလဲ?

👉 ဒီမှာရှင်းပြထားပါတယ်ဗျ
🔗 ဒီနေရာကို နှိပ်ပါ

#WebDev
#TechTalk
#DigitalMyanmar

❤4⚡1

1.89K viewsedited 10:48

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

🚀 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

❤6⚡1

2.38K views10:58

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

Computer Networking Notes 🔥 အပိုင်း (၃)

🔗 Note အပြည့်အစုံကို ရယူရန်၊
🔗 PDF ဖိုင်ရန် ရယူရန်၊

📌 အပိုင်း (၂) ဖတ်ရန်။

#NetworkingBasics
#TechMyanmar
#ITStudents

❤4

1.99K viewsedited 11:36

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

JavaScript Fundamental Lesson-2 — Variables & Values

📁 Lesson - 2 Resource ရယူရန် Click Here
▶️ YouTube Link

#MyanmarTech
#MyanmarDevs
#JavaScript
#Programming

❤3

2.09K viewsedited 11:04

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

JavaScript Fundamental Lesson-1 — Variables & Values

📁 Lesson - 1 Resource ရယူရန် Click Here
▶️ YouTube Link

#MyanmarTech
#MyanmarDevs
#JavaScript
#Programming

❤5👍1

2.1K viewsedited 11:06

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

🌐 Web Development Learning Series - အပိုင်း (၅)

📁 Resources Link
▶️ YouTube Link

📌 အပိုင်း (၄) ဖတ်ရန်။

#MyanmarTech
#MyanmarDevs
#WebDevelopment
#Programming
#HTMLCSS

❤1

1.65K viewsedited 11:09

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

🌐 Web Development Learning Series - အပိုင်း (၆) Resources

▶️ YouTube Link

📁 Source Code File
📁 Lesson Note

#MyanmarTech
#MyanmarDevs
#WebDevelopment
#Programming
#HTMLCSS

❤1

2.36K viewsedited 11:17

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

2.01K views12:00

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

🚀 Software တွေရဲ့ အလွှာ ၅ မျိုး – Developer တိုင်း သိထားသင့်တဲ့ အခြေခံများ! 💻

သင်အသုံးပြုနေတဲ့ App တွေကို ဘယ်လိုတည်ဆောက်ထားလဲ သိချင်ပါသလား? 🤔 ဒီ Software တွေရဲ့ အလွှာ ၅ မျိုးကို နားလည်ရင် သိသွားပါလိမ့်မယ်!

---
1️⃣ UI (User Interface) – App ရဲ့ အပြင်မျက်နှာ
🖥 သုံးစွဲသူတွေ မြင်ရတဲ့ အပိုင်းဖြစ်ပါတယ်
🔹 HTML, CSS, JavaScript နဲ့ ရေးသားကြပါတယ်
🔹 React, Tailwind လို Framework တွေနဲ့ လှပပြီး အဆင်ပြေအောင် လုပ်ဆောင်ကြတယ်။
✅ ဒီအလွှာကို ကောင်းကောင်းလုပ်နိုင်ရင် သုံးစွဲသူတွေ ပျော်ရွှင်မှာဖြစ်ပါတယ်! 😍

---
2️⃣ API (Application Programming Interface) – အချက်အလက် ပို့ဆောင်သူ
📡 Frontend နဲ့ Backend ကို ချိတ်ဆက်ပေးတဲ့ အလွှာ ဖြစ်ပါတယ်။
🔹 REST, GraphQL, gRPC, WebSockets တို့ကို အသုံးပြုပါတယ်။
🔹 "ဒီ User ရဲ့ Data လိုချင်တယ်" ဆိုတာကို Backend ကို ပြောပြီး Backend ကနေ Data ပြန်ပို့ပေးပါတယ်
💡 ဆော့ဖ်ဝဲလ်တွေရဲ့ ဘာသာပြန်လို့ မှတ်ထားပါ!

---
3️⃣ Logic (Business Logic) – App ရဲ့ ဦးနှောက်
🧠 App ရဲ့ အရေးကြီးဆုံး လုပ်ဆောင်ချက်တွေ ပါဝင် ပါတယ်
🔹 "ငွေမရှိရင် ဝယ်လို့မရဘူး" လိုမျိုး Rule တွေ သတ်မှတ်သလိုမျိုးပါ။
🔹 Java, Python, C#, Spring Boot, .NET တို့နဲ့ ရေးကြပါတယ်။
⚠️ Bug တွေအများဆုံးတွေ့ရတဲ့အလွှာပါ – သေချာ Test လုပ်ရပါတယ်! �

---
4️⃣ DB (Database) – App ရဲ့ မှတ်ဉာဏ်
🗄 User Data, Product Info စတဲ့ အချက်အလက်တွေ သိမ်းဆည်းပါတယ်
🔹 SQL (PostgreSQL, MySQL) သို့မဟုတ် NoSQL (MongoDB, CouchDB)
🔹 Data ကို လွယ်လွယ်ကူကူ သုံးနိုင်အောင် စနစ်တကျ ဒီဇိုင်းဆွဲရပါတယ်။
🔥 အရေးကြီးတဲ့ အချက် – Index နဲ့ Backup လုပ်ရပါတယ်! မဟုတ်ရင် နောင်တရပါမယ် 😅

---
5️⃣ Hosting (Infrastructure) – App ရဲ့ အိမ်
☁️ App ကို Internet ပေါ်မှာ အလုပ်လုပ်စေတဲ့နေရာပါ။
🔹 AWS, Azure, Google Cloud လို Cloud Service တွေကို အသုံးပြုပါတယ်
🔹 Docker & Kubernetes တို့နဲ့ App ကို ချဲ့ထွင်နိုင်တယ်
🚀 Traffic များလာရင် App တွေ crashes ဖြစ်စေတာ ဒီအလွှာမှာပါ!

---
🎯 သိထားသင့်တဲ့ အချက်
ဒီ အလွှာ ၅ ခု (UI, API, Logic, DB, Hosting) ကို နားလည်ရင် အားကောင်းပြီး သုံးရလွယ်တဲ့ App တွေ တည်ဆောက်နိုင်မယ်! 🏗

💬 Poll: သင်အကြိုက်ဆုံး အလွှာက ဘယ်ဟာလဲ?
✅ Frontend (UI)
✅ Backend (API/Logic/DB)
✅ Full-Stack
✅ DevOps (Hosting)

အောက်မှာ Vote လေးပေးပေးပါအုံးဗျ! ⬇️

#SoftwareEngineering
#FullStack
#WebDev
#Coding
#TechExplained
#DeveloperLife
#Tech4umm

❤5

2.67K views12:00

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

💬 Poll: သင်အကြိုက်ဆုံး အလွှာက ဘယ်ဟာလဲ?

Anonymous Poll