DevGuide
Відкрити в Telegram
Level up daily with insider dev hacks, smart career tips, and real talk! 🚀 ⚡️ Stay connected with me: linktr.ee/AliSamir
Показати більше📈 Аналітичний огляд Telegram-каналу DevGuide
Канал DevGuide (@the_developer_guide) є активним учасником. На даний момент спільнота об'єднує 10 937 підписників, посідаючи 11 275 місце в категорії Технології та додатки та 10 678 місце у регіоні Ірак.
📊 Показники аудиторії та динаміка
З моменту свого створення невідомо, проект продемонстрував стрімке зростання, зібравши аудиторію у 10 937 підписників.
За останніми даними від 27 жовтня, 2026, канал демонструє стабільну активність. Хоча за останні 30 днів спостерігається зміна кількості учасників на -27, а за останні 24 години на 0, загальне охоплення залишається високим.
- Статус верифікації: Не верифікований
- Рівень залученості (ER): Середній показник залученості аудиторії становить 8.43%. Протягом перших 24 годин після публікації контент зазвичай збирає 2.63% реакцій від загальної кількості підписників.
- Охоплення публікацій: В середньому кожен допис отримує 922 переглядів. Протягом першої доби публікація в середньому набирає 288 переглядів.
- Реакції та взаємодія: Аудиторія активно підтримує контент: середня кількість реакцій на один пост – 3.
- Тематичні інтереси: Контент зосереджений навколо ключових тем, таких як مَشرُوع, حَاجَة, بَيَان, جِدّ, طَلَب.
📝 Опис та контентна політика
Автор описує ресурс як майданчик для висловлення суб'єктивної думки:
“Level up daily with insider dev hacks, smart career tips, and real talk! 🚀
⚡️ Stay connected with me: linktr.ee/AliSamir”
Завдяки високій частоті оновлень (останні дані отримано 28 жовтня, 2026), канал підтримує актуальність та високий рівень охоплення публікацій. Аналітика показує, що аудиторія активно взаємодіє з контентом, що робить його важливою точкою впливу в категорії Технології та додатки.
10 937
Підписники
Немає даних24 години
-77 днів
-2730 днів
Завантажуємо дані
Схожі канали
Хмара тегів
Вхідні та вихідні згадування
---
---
---
---
---
---
Залучення підписників
жовтень '26жовт '26
жовтень '26
+37
в 2 каналах
вересень '26
+38
в 1 каналах
Get PRO
серпень '26
+48
в 0 каналах
Get PRO
липень '26
+58
в 0 каналах
Get PRO
червень '26
+27
в 0 каналах
Get PRO
травень '26
+78
в 0 каналах
Get PRO
квітень '26
+46
в 0 каналах
Get PRO
березень '26
+45
в 0 каналах
Get PRO
лютий '26
+77
в 0 каналах
Get PRO
січень '26
+78
в 0 каналах
Get PRO
грудень '25
+92
в 0 каналах
Get PRO
листопад '25
+91
в 1 каналах
Get PRO
жовтень '25
+149
в 1 каналах
Get PRO
вересень '25
+96
в 0 каналах
Get PRO
серпень '25
+42
в 0 каналах
Get PRO
липень '25
+36
в 0 каналах
Get PRO
червень '25
+115
в 0 каналах
Get PRO
травень '25
+92
в 1 каналах
Get PRO
квітень '25
+186
в 2 каналах
Get PRO
березень '25
+100
в 0 каналах
Get PRO
лютий '25
+181
в 2 каналах
Get PRO
січень '25
+355
в 0 каналах
Get PRO
грудень '24
+145
в 0 каналах
Get PRO
листопад '24
+127
в 1 каналах
Get PRO
жовтень '24
+283
в 0 каналах
Get PRO
вересень '24
+238
в 0 каналах
Get PRO
серпень '24
+323
в 1 каналах
Get PRO
липень '24
+455
в 0 каналах
Get PRO
червень '24
+703
в 2 каналах
Get PRO
травень '24
+829
в 4 каналах
Get PRO
квітень '24
+583
в 2 каналах
Get PRO
березень '24
+438
в 1 каналах
Get PRO
лютий '24
+702
в 1 каналах
Get PRO
січень '24
+679
в 2 каналах
Get PRO
грудень '23
+624
в 2 каналах
Get PRO
листопад '23
+246
в 1 каналах
Get PRO
жовтень '23
+292
в 1 каналах
Get PRO
вересень '23
+202
в 0 каналах
Get PRO
серпень '23
+270
в 0 каналах
Get PRO
липень '23
+184
в 0 каналах
Get PRO
червень '23
+258
в 0 каналах
Get PRO
травень '23
+327
в 0 каналах
Get PRO
квітень '23
+161
в 0 каналах
Get PRO
березень '23
+521
в 0 каналах
Get PRO
лютий '23
+863
в 0 каналах
Get PRO
січень '23
+1 491
в 0 каналах
Get PRO
грудень '22
+82
в 0 каналах
Get PRO
листопад '22
+41
в 0 каналах
Get PRO
жовтень '22
+50
в 0 каналах
Get PRO
вересень '22
+288
в 0 каналах
| Дата | Залучення підписників | Згадування | Канали | |
| 28 жовтня | 0 | |||
| 27 жовтня | +2 | |||
| 26 жовтня | +1 | |||
| 25 жовтня | +6 | |||
| 24 жовтня | 0 | |||
| 23 жовтня | +2 | |||
| 22 жовтня | 0 | |||
| 21 жовтня | 0 | |||
| 20 жовтня | 0 | |||
| 19 жовтня | +2 | |||
| 18 жовтня | +3 | |||
| 17 жовтня | +2 | |||
| 16 жовтня | +2 | |||
| 15 жовтня | 0 | |||
| 14 жовтня | 0 | |||
| 13 жовтня | 0 | |||
| 12 жовтня | 0 | |||
| 11 жовтня | 0 | |||
| 10 жовтня | 0 | |||
| 09 жовтня | +1 | |||
| 08 жовтня | +4 | |||
| 07 жовтня | 0 | |||
| 06 жовтня | +1 | |||
| 05 жовтня | +1 | |||
| 04 жовтня | +4 | |||
| 03 жовтня | +2 | |||
| 02 жовтня | +4 | |||
| 01 жовтня | 0 |
Дописи каналу
| 2 | AWS Cloud Training Full Course for Beginners (Better Than Any Bootcamp)
.
.
- AWS First Principles
- Cloud Architecture Fundamentals
- Cloud Infrastructure Fundamentals
- AWS Case Studies
- Cursor & AI Agents AWS
- Cloud Security Q&A
- Jobs & Careers with Gaz
- Interviews & Career Q&A
———
📌 Course Link:
https://youtu.be/EHUCb92gUg0
———
#devops | 409 |
| 3 | ![The Complete Backend Developer Roadmap [2026] 🚀 https://substack.com/@arslanah/note/p-179838506 . . #backend](data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAcACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDNSN3BKjOOtP8As8v9w8U2GF55AkYyTU8VvPl0EakxnnNAmR/Z3/55tTfs8v8AcNSgSCHzdibfp+FDwysyJ5abmOBj19KAu+xA8TxjLqRn1opZYnhk2P168UUDEjkaJw6Ehh3FXDFcRhCJ+bg4PNUaXJOASeOntQBd+zymX7J5vyY3f5FIsM7lz53MBOCD6VT3Nu3bju9c80AnkAnnr70ALJI0jl3JLHvRTaKAP//Z){kind=small} The Complete Backend Developer Roadmap [2026] 🚀
https://substack.com/@arslanah/note/p-179838506
.
.
#backend | 833 |
| 4 |  أهم 10 مهارات لمهندس DevOps في 2026
https://cloudnativebasecamp.com/feed/devops-engineer-skills-2026 | 510 |
| 5 |  How SSH works? | 532 |
| 6 |  أتفق 💯 | 927 |
| 7 | Software Development Life Cycle (SDLC)
.
.
#software_development | 1 058 |
| 8 | #git | 795 |
| 9 | https://substack.com/@arslanah/note/p-181018230?r=3n4kar | 1 086 |
| 10 |  +4Top 5 System Design Algorithms 💯
.
.
#system_design | 1 279 |
| 11 | 📌 FTP Server
ده سيرفر بيدعم بروتوكول FTP (File Transfer Protocol)، اللي بيُستخدم لنقل الملفات بين الأجهزة والسيرفرات.
ممكن تستخدمه لرفع أو تحميل ملفات، ولسه موجود في بعض الأنظمة والشركات، رغم إن بروتوكولات أحدث وأكثر أمانًا بقت شائعة.
أمثلة:
- vsftpd
- FileZilla Server
ملحوظة: FTP التقليدي مش بيشفّر البيانات، بما فيها بيانات تسجيل الدخول، علشان كده SFTP أو FTPS بيكونوا أنسب لما تحتاج نقل ملفات بشكل آمن.
———
📌 Virtual Servers & Cloud Servers
بدل ما تشتري أجهزة فعلية وتديرها بنفسك، تقدر تستخدم Virtual Machines أو تستأجر موارد حوسبة من Cloud Providers زي:
- AWS
- Microsoft Azure
- Google Cloud
الـ Virtual Server بيكون بيئة افتراضية بتشتغل على موارد جهاز فعلي، أما الـ Cloud Server فهو سيرفر متاح من خلال منصة سحابية، وغالبًا بيكون مبني على تقنيات الـ Virtualization.
الميزة إنك تقدر تزود أو تقلل الموارد حسب احتياجك، وفي بعض الأنظمة تقدر تفعّل Auto Scaling علشان الموارد تزيد أو تقل تلقائيًا حسب الترافيك.
لكن الـ Scaling مش دايمًا تلقائي أو سهل؛ ده بيعتمد على تصميم التطبيق وإعدادات البنية التحتية والتكلفة.
والأهم إن الأنواع دي مش بديلة للأنواع اللي فوق؛ لأن السيرفر السحابي نفسه ممكن يكون Web Server أو Database Server أو Application Server أو غيره.
———
#backend | 781 |
| 12 | دردشة سريعة عن أنواع السيرفرات 💯
.
.
أغلبنا أول ما بيسمع كلمة Server بييجي في باله جهاز كبير في غرفة مكيفة، شغال 24 ساعة ومليان لمبات بتنور...
بس الحقيقة إن السيرفر مش لازم يكون جهاز ضخم… ممكن يكون مجرد Software أو Virtual Machine بيقدّم خدمة معينة.
الـ Server ببساطة هو جهاز (أو برنامج) بيستقبل Requests من أجهزة تانية اسمها Clients، وبيرد عليها بـ Responses.
زي ما الـ Browser بيبعت Request لموقع معين، والسيرفر بيرد عليه بالصفحة المطلوبة.
لكن السيرفرات مش كلها زي بعض… كل نوع له وظيفة مختلفة حسب الـ Use Case بتاعته.
———
📌 Web Server
ده من أشهر أنواع السيرفرات، وهو اللي بيستقبل HTTP Requests، وبيقدّم ملفات زي HTML, CSS, JavaScript، أو بيمرّر Requests للـ Application Server اللي ممكن يرجّع Responses بصيغة JSON للـ APIs.
أشهر الأمثلة:
- Apache
- Nginx
- Microsoft IIS
باختصار: الـ Web Server مسؤول عن استقبال طلبات HTTP والتعامل معاها، سواء بتقديم المحتوى مباشرة أو بتمرير الطلبات لخدمات تانية.
———
📌 Database Server
ده السيرفر المسؤول عن تخزين البيانات وإدارتها وإتاحتها للتطبيقات عند الحاجة.
سواء عندك Web App أو Mobile App، غالبًا هتحتاج Database تحفظ فيها البيانات وتسترجعها وقت الطلب.
أشهر الأمثلة:
- MySQL Server
- PostgreSQL
- MongoDB
- Microsoft SQL Server
الـ App بيبعت Query، والـ Database Server بينفّذها ويرجّع النتيجة حسب نوع قاعدة البيانات والعملية المطلوبة.
———
📌 File Server
دوره تخزين الملفات وتنظيمها ومشاركتها بين المستخدمين والأجهزة، مع إمكانية تحديد Access Control وPermissions علشان كل مستخدم يوصل للملفات المسموح له بيها فقط.
زي إنك ترفع صور أو ملفات PDF أو Videos وتسمح لمستخدمين معينين بالوصول ليها.
أمثلة:
- Windows File Server
- Samba
- خدمات تخزين ومشاركة الملفات زي Google Drive وDropbox، واللي بتعتمد على بنية تخزين وخدمات متعددة، مش مجرد File Server تقليدي.
———
📌 Mail Server
ده المسؤول عن إرسال واستقبال الإيميلات وتوجيهها بين أنظمة البريد الإلكتروني.
لو بعت إيميل من Gmail أو من دومين شركتك، فالعملية بتتم من خلال Mail Servers وبروتوكولات مختلفة.
أهم البروتوكولات:
- الـ SMTP: لإرسال الإيميلات ونقلها بين خوادم البريد.
- الـ IMAP: للوصول للإيميلات ومزامنتها مع السيرفر.
- الـ POP3: لاسترجاع الإيميلات من السيرفر.
أمثلة:
- Microsoft Exchange Server
- Postfix
- Exim
———
📌 Application Server
ده اللي بيشغّل الـ Business Logic الخاصة بالتطبيق، وبيعالج الطلبات وينفّذ العمليات المطلوبة، وممكن يتواصل مع Database أو خدمات خارجية.
لو عندك React Frontend وNode.js Backend، فالـ Backend ممكن يشتغل كـ Application Server، وينفّذ الـ Business Logic ويرجّع البيانات للـ Frontend.
أمثلة وتقنيات ممكن تُستخدم في بناء Application Servers:
- Node.js
- Java with Apache Tomcat
- Python with Django
- ASP.NET Core
ملحوظة: Express.js وDjango Frameworks بتساعدك تبني تطبيقات Backend، لكنها مش سيرفرات مستقلة بحد ذاتها.
———
📌 DNS Server
ده المسؤول عن التعامل مع استفسارات DNS، اللي بتساعد في تحويل أسماء الدومينات (زي google.com) إلى IP Addresses، علشان الأجهزة تقدر توصل للخدمات المطلوبة.
من أشهر الخدمات:
- Google Public DNS
- Cloudflare DNS
- OpenDNS
الخدمات دي بتعمل دور DNS Resolvers، يعني بتساعد جهازك في الوصول للـ IP المرتبط بالدومين عن طريق الاستعلام عن سجلات DNS.
وفيه كمان Authoritative DNS Servers، ودي المسؤولة عن تقديم سجلات الدومين الأصلية، زي سجلات الـ A وMX.
من غير DNS، كان هيبقى الوصول للمواقع أصعب بكتير، لأنك هتحتاج تعرف عناوين IP بدل أسماء الدومينات في الحالات اللي بتعتمد على DNS.
———
📌 Proxy Server
ده سيرفر وسيط بين الـ Client والوجهة اللي بيحاول يوصل ليها.
فيه نوعين أساسيين:
- الـ Forward Proxy: بيشتغل نيابةً عن الـ Clients، وممكن يُستخدم للتحكم في الوصول للإنترنت أو تطبيق سياسات الأمان.
- الـ Reverse Proxy: بيستقبل الطلبات نيابةً عن الـ Backend Servers، وممكن يوزّع الترافيك بينها، ويعمل Caching، وينفّذ بعض وظائف الحماية.
ومن أشهر استخداماته تحسين الأمان والأداء وإدارة حركة المرور.
———
#backend
[ بقية المنشور 👇🏻 ] | 663 |
| 13 | https://youtu.be/t_ERk5s5ML8 | 546 |
| 14 | https://designgurus.substack.com/p/15-system-design-principles-to-remember
#system_design | 671 |
| 15 |  Немає тексту... | 925 |
| 16 | دردشة سريعة عن الـ RFC 💯
.
.
لو عندك تغيير كبير في الـArchitecture، أو تحسين في الأداء، أو Refactoring، أو Feature جديدة، القرار مش بيبدأ بالتنفيذ وكتابة الكود علطول.
الموضوع بيبدأ بفهم المشكلة، مناقشة الحلول الممكنة، ومراجعة الـTrade-offs مع التيم.
وهنا بييجي دور الـRFC.
———
📌 يعني إيه RFC؟
الـRFC عبارة عن مستند مكتوب بيشرح فيه صاحب الفكرة كل حاجة عن الـFeature أو التغيير اللي عايز يعمله:
من الـContext، والـProblem اللي بيحاول يحلها، لحد الـProposed Solution، والـAlternatives، والـTrade-offs.
الهدف إنك تشارك طريقة تفكيرك مع التيم، علشان الكل يقدر يراجع الفكرة ويناقشها من وجهات نظر مختلفة قبل اتخاذ القرار.
———
📌 ليه مهم نكتب RFC؟
فيه 3 أسباب رئيسية بتخلي الـRFCs مهمة جدًا:
1- بتقلل القرارات الفردية غير المدروسة:
بدل ما يتاخد قرار تقني مهم بشكل فردي، الـRFC بتوفر مساحة منظمة لمراجعة الفكرة ومناقشة الـApproach قبل التنفيذ.
2- بتوثّق القرارات التقنية:
بعد 6 شهور لما حد يسأل:
“ليه اخترنا نستخدم Redis هنا؟”
تقدر ترجع للـRFC وتشوف الـReasoning والـTrade-offs اللي أدت للقرار، بدل ما تعتمد على الذاكرة.
3- بتحسّن التعاون بين الفرق:
الـFrontend و Backend و DevOps، وغيرهم يقدروا يفهموا التغيير المقترح، ويشاركوا بالـفيدباك قبل التنفيذ، خصوصًا لما القرار يكون له تأثير على أكتر من جزء في النظام.
———
📌 إزاي تكتب RFC محترم؟
الـStructure مش ثابت، وبيختلف من تيم للتاني، لكن فيه أقسام شائعة بتخلي الـRFC واضح ومنطقي.
📍 Title + Summary
ابدأ بعنوان بسيط وواضح يشرح هدف الـRFC.
مثلًا:
RFC: Introduce caching layer for product API
وبعدها اعمل Summary صغير بيشرح في جملة أو اتنين الفكرة العامة:
We propose adding a Redis-based caching layer to reduce response time for frequently accessed endpoints.
📍 Context / Background
احكي باختصار الـSituation الحالي وليه محتاجين التغيير.
مثلًا:
Currently, our product endpoints are hitting the database directly, leading to high latency during peak hours.
الفكرة إنك تدي القارئ صورة كاملة عن المشكلة قبل ما يدخل في الحل.
📍 Problem Statement
وضح المشكلة الأساسية اللي بتحاول تحلها، ويفضل تدعمها بالأرقام لو أمكن.
مثلًا:
Average response time increased from 300ms to 900ms under load.
ده بيخلي الـRFC مبني على Data، بدل ما يكون مجرد رأي أو افتراض.
📍 Proposed Solution
اشرح الـApproach اللي ناوي تستخدمه، ليه اخترته، وإزاي هيشتغل.
مثلًا:
We'll use Redis to cache product data for 5 minutes. The cache will be invalidated on product update events.
ممكن كمان تضيف Diagram بسيط أو Pseudo Code لو محتاج توضح Flow معين.
📍 Alternatives Considered
وضح الحلول البديلة اللي درستها وليه ما اخترتهاش.
مثلًا:
Considered using in-memory cache, but it doesn’t scale horizontally. Redis fits better for distributed systems.
ده بيوضح إن اختيار الحل كان مبني على مقارنة، مش قرار عشوائي.
📍 Trade-offs
قول بصراحة إيه المميزات اللي هتكسبها مقابل التكاليف أو التعقيدات اللي هتضيفها.
مثلًا:
Cache invalidation adds complexity and increases operational overhead.
———
📌 نصائح مهمة وأنت بتكتب RFC:
- خليك واضح وبسيط، بلاش مصطلحات تقيلة من غير داعي.
- استخدم Bullet Points علشان الناس تقرأ بسهولة.
- لو فيه Diagrams أو Code Snippets، ضيفهم علشان تسهّل الفهم.
- خليك مرن في النقاش... الهدف مش إن فكرتك تتنفذ، الهدف إن التيم يوصل لأفضل قرار ممكن.
———
مش مهم تكتب RFC مثالية من أول مرة، المهم إنك تبدأ، ومع الوقت هتتعلم إزاي توصل فكرتك بأوضح وأقوى طريقة ممكنة. | 741 |
| 17 | https://youtu.be/nqK3oJ682mQ?si=gl-NPGGHA4o3Yxk_
#kotlin | 894 |
| 18 | دردشة سريعة عن الـ WebRTC ⚡️
.
.
إزاي مكالمة فيديو بين شخصين في بلدين مختلفين بتحصل في أجزاء من الثانية، بالصوت والصورة في نفس اللحظة، رغم تعقيدات الإنترنت؟
إزاي الـ browser يقدر يلتقط الصوت والفيديو، ينقلهم للطرف الآخر، ويحافظ على تجربة Real-Time بأقل قدر ممكن من الـ latency؟
هنا بييجي دور الـ WebRTC.
تقنية مكّنت تطبيقات الويب من التواصل المباشر لحظيًا بالصوت والفيديو والبيانات، وخلّت الـ browser نفسه قادر يبني تجارب Real-Time من غير الحاجة لبنية تقليدية معقدة لكل حالة استخدام.
تعال ندردش شوية عن الـ WebRTC ونتعرف على أهم المكونات والآليات اللي بتخلي الـ Real-Time Communication ممكنة...
———
الـ WebRTC (Web Real-Time Communication) هي مجموعة من المعايير والـ APIs مفتوحة المصدر بتسمح لمتصفحات الويب والتطبيقات إنها تعمل مشاركة الصوت والصورة والبيانات بشكل Real-Time، وغالبًا بشكل Peer-to-Peer، من غير ما تحتاج سيرفر وسيط لنقل الـ media والـ data في الحالات اللي يكون فيها الاتصال المباشر ممكن.
لكن في بعض الحالات، زي وجود NAT أو Firewall يمنع الاتصال المباشر، ممكن نحتاج TURN Server يعمل كـ Relay وينقل البيانات بين الطرفين.
يعني ببساطة: المتصفح بتاعك يقدر يكلم متصفح شخص تاني بشكل مباشر كأنهم في مكالمة تليفون، لكن عن طريق الإنترنت.
———
📌 إزاي الـ WebRTC بيشتغل؟
الموضوع فيه شوية تفاصيل تقنية مهمة:
1- الـ Signaling
- قبل ما يحصل أي اتصال، المتصفحين لازم يتبادلوا المعلومات المطلوبة لإنشاء الاتصال، زي الـ SDP Offer/Answer وICE Candidates.
- وده بيتم من خلال أي وسيلة اتصال زي WebSocket أو HTTP.
- الـ WebRTC نفسه مش بيحدد أو يوفر طريقة الـ Signaling، أنت اللي بتبني الـ Signaling Layer.
دور الـ Signaling ببساطة هو مساعدة الطرفين على اكتشاف بعضهم وتبادل معلومات الـ negotiation قبل إنشاء الاتصال الفعلي.
2- الـ NAT Traversal
علشان فيه راوترات وFirewalls وNAT، فالـ Peer-to-Peer connection مش دايمًا بيكون ممكن بشكل مباشر.
وهنا بييجي دور STUN وTURN:
- الـ STUN: بيساعد الـ browser في معرفة الـ public IP/port الظاهرين له من خارج شبكة الـ NAT، واكتشاف إمكانية إنشاء اتصال مباشر.
- الـ TURN: لو الاتصال المباشر فشل، بيعمل Relay للـ traffic بين الطرفين.
والـ ICE هو اللي بيجمع ويفاضل بين طرق الاتصال المختلفة ويحاول اختيار الـ candidate pair المناسب لإنشاء الاتصال.
3- الـ Media & Data Channels
الـ WebRTC بيوفر طريقتين أساسيتين للتواصل:
- الـ MediaStream: بيمثل الـ audio/video tracks اللي بيتم التقاطها وإضافتها للـ "RTCPeerConnection" علشان يتم إرسالها واستقبالها.
- الـ RTCDataChannel: لنقل أي نوع من الـ real-time data بين الطرفين، زي الشات، الـ game state، أو الملفات.
4- الـ Protocols
الـ WebRTC بيعتمد على مجموعة من البروتوكولات والآليات المهمة، منها:
- الـ SRTP: لتأمين ونقل الـ audio/video.
- الـ DTLS: لتأمين الـ transport، وبيُستخدم مع الـ Data Channels.
- الـ ICE: لاكتشاف واختيار أفضل مسار ممكن للاتصال بين الطرفين، باستخدام STUN وTURN عند الحاجة.
———
واحدة من أقوى مميزات WebRTC إنه Secure by Default:
- الـ WebRTC components بتستخدم التشفير، والـ Data Channels مؤمّنة باستخدام DTLS.
- الـ Media يتم نقله باستخدام SRTP، وبالتالي الاتصالات مش بتعتمد على إرسال الـ audio/video كـ plain text عبر الشبكة.
———
📌 أمثلة عملية بتستخدم WebRTC
- مكالمات فيديو وصوت (Zoom, Google Meet, WhatsApp, Messenger).
- الـ P2P File Sharing ونقل الملفات مباشرة بين المستخدمين.
- الـ Online Gaming لتبادل الـ game state والـ real-time data بين اللاعبين.
- الـ Screen Sharing وRemote Collaboration.
- الـ Remote Desktop Applications.
———
📌 مميزات WebRTC
✅ تواصل Real-Time بزمن استجابة منخفض، حسب جودة الشبكة وظروف الاتصال.
✅ مفتوح المصدر ومدعوم على نطاق واسع في المتصفحات الحديثة مثل Chrome وFirefox وSafari وEdge.
✅ مناسب لمجموعة كبيرة من التطبيقات اللي محتاجة Real-Time Communication، سواء Audio/Video أو Data Sharing.
———
#frontend | 704 |
| 19 |  Viewport units in CSS
They are relative units that measure as a percentage of the browser's viewport dimensions.
---
#frontend | 597 |
| 20 | مصطلحات مهمة في عالم الـ System Design 💯 (١٣)
.
.
إزاي نتعامل مع ملايين أو مليارات الـRecords؟ وإزاي نحتفظ بتاريخ كل تغيير حصل على الـData؟ وإيه اللي بيحصل لما الـApplication نفسه يتوزع على أكتر من Server؟
———
📌 Data Partitioning
تخيل عندك Database فيها مليارات الـUsers.
لو كل الـData موجودة في مكان واحد، مع الوقت الـDatabase ممكن تبقى كبيرة جدًا، والـQueries عليها تبقى تقيلة، وحتى الـScaling يبقى أصعب.
هنا بييجي Data Partitioning.
الفكرة ببساطة إننا نقسم الـData لأجزاء أصغر، بحيث يمكن إدارتها أو تخزينها بشكل منفصل.
مثلًا، ممكن نقسم الـUsers حسب الـCountry:
Egypt → Partition 1
Saudi Arabia → Partition 2
UAE → Partition 3
أو نقسم الـOrders حسب السنة:
2024 → Partition 1
2025 → Partition 2
2026 → Partition 3
المهم إن اختيار طريقة التقسيم يكون مبني على طريقة استخدام الـData والـQueries اللي بننفذها عليها.
لأن اختيار الـPartition Key بشكل غير مناسب ممكن يؤدي إلى توزيع غير متوازن للـData والـLoad، وظهور مشاكل زي Hot Partitions.
وده ممكن يساعدنا في توزيع الـLoad، وتحسين بعض الـQueries، وإدارة الـData على نطاق أكبر.
لكن فيه نقطة مهمة:
الـData Partitioning هو مفهوم عام لتقسيم الـData إلى أجزاء أصغر.
أما Sharding اللي تكلمنا عنه قبل كده، فهو شكل من أشكال الـPartitioning، وغالبًا بيستخدم لتوزيع الـData على أكثر من Shard، وغالبًا على Nodes أو Databases مختلفة.
طيب، إحنا قسمنا الـData واتخزنت بشكل أفضل.
لكن فيه سؤال مختلف:
هل لازم الـDatabase تحتفظ فقط بالـCurrent State للـData؟
ولا ممكن نخزن كل التغييرات اللي حصلت عليها من البداية؟
———
📌 Event Sourcing
في الـSystems العادية، غالبًا بنخزن الـCurrent State.
مثلًا عندنا Account رصيده:
Balance = $500
إحنا بنخزن إن الرصيد الحالي هو $500.
لكن في Event Sourcing، بنفكر بطريقة مختلفة.
بدل ما نخزن النتيجة النهائية فقط، بنخزن كل الـEvents اللي أدت للنتيجة دي.
مثلًا:
Deposit $1000
Withdraw $300
Withdraw $200
ومن الـEvents دي نقدر نعرف إن الـCurrent Balance هو $500.
الميزة هنا إننا مش بس عارفين الحالة الحالية، لكن عندنا تاريخ كامل للتغييرات اللي حصلت.
وده مفيد جدًا في أنظمة محتاجة Audit Trail أو محتاجة نعرف إزاي الـData وصلت للحالة الحالية.
لكن طبعًا فيه Trade-offs.
تخزين كل الـEvents ممكن يخلي الـData تكبر جدًا، وكمان قراءة الـCurrent State ممكن تحتاج إعادة بناء الحالة من عدد كبير من الـEvents، لذلك الأنظمة اللي بتستخدم Event Sourcing ممكن تستخدم حلول إضافية زي Snapshots لتقليل تكلفة إعادة بناء الـState.
طيب، لحد هنا بنتكلم عن تقسيم الـData وتخزين التغييرات.
لكن إيه اللي هيحصل لو النظام نفسه بقى متوزع على أكتر من Server؟
———
📌 Distributed Systems
تخيل إن عندك Application شغال على Server واحد.
كل حاجة موجودة في مكان واحد:
Client → Server → Database
الموضوع بسيط نسبيًا.
لكن لما الـApplication يكبر، ممكن نبدأ نوزع أجزاء النظام على Servers مختلفة.
كل Service ممكن تكون شغالة على أكتر من Server، وممكن الـServers تكون موجودة في أماكن مختلفة.
هنا بقى عندنا Distributed System.
ببساطة، هو System مكوّن من أكتر من Computer أو Node، بيتعاونوا مع بعض علشان يقدّموا وظيفة واحدة للمستخدم.
وده ممكن يساعدنا في تحقيق Scalability و Availability بشكل أفضل، حسب تصميم النظام، لأننا مش بالضرورة معتمدين على Server واحد فقط.
لكن في المقابل، النظام بيبقى أصعب بكتير.
في النظام البسيط، لو Function استدعت Function تانية، أنت عارف إنها هترجعلك نتيجة.
لكن في الـDistributed System، ممكن الـRequest يتبعت لـService تانية، والـNetwork يحصل فيه مشكلة، أو الـServer يقع، أو الـResponse يتأخر.
وفوق ده كله، ممكن يكون عندك أكتر من Server وكل واحد عنده نسخة مختلفة من الـData في نفس اللحظة.
وده بيخلينا نواجه مشاكل جديدة زي:
- Consistency
- Failures
- Network Partitions
- Latency
- الـCoordination بين الـNodes
وده بالضبط اللي بيخلي Distributed Systems مجال مختلف وأصعب من مجرد تشغيل Application على أكتر من Server.
———
💡 الخلاصة
• الـData Partitioning: تقسيم الـData لأجزاء أصغر علشان نقدر نديرها ونخزنها ونوزعها بشكل أفضل.
• الـEvent Sourcing: تخزين الـEvents اللي حصلت بدل الاعتماد على الـCurrent State فقط.
• الـDistributed Systems: نظام مكوّن من Nodes متعددة بتتعاون مع بعض لتقديم وظيفة واحدة.
———
#system_design | 710 |
