Blazor Tutorial - Fundamentals

 Back | فهرس المواضيع


✅ Blazor Tutorial - Fundamentals تعلم الأساسيات

🔹 Section 1: مقدمة وأساسيات Blazor 

  • 1.1 Blazor - Introduction مقدمة  link
  • 1.2 Blazor - الفرق بين Blazor Server و Blazor WebAssembly  link
  • 1.3 Blazor -  مميزات وعيوب Blazor Server  link
  • 1.4 Blazor -  كيف يعمل Blazor Server (SignalR)  link


🔹 Section 2: إنشاء مشروع Blazor Server

  • 2.1 Blazor -  إنشاء مشروع جديد Blazor Server خطوة بخطوة  link
  • 2.2 Blazor -  هيكل المشروع Folder Structure  link
  • 2.3 Blazor -  شرح ملف Program.cs و Startup (في .NET 5 أو 6)  link

🔹 Section 3: أساسيات Blazor Components

  • 3.1 Blazor -  ما هو الـ Component؟  link
  • 3.2 Blazor -  إنشاء أول Component  link
  • 3.3 Blazor -  تمرير المعطيات (Parameters)  link
  • 3.4 Blazor -  التعامل مع الأحداث (Event Handling)  link
  • 3.5 Blazor -  دورة حياة الـ Component (Lifecycle Methods)  link

🔹 Section 4: التفاعل مع الواجهة (UI Interaction)

  • 4.1 Blazor -  ربط البيانات (Data Binding)  link
  • 4.2 Blazor -  توجيه الصفحات (Routing)  link
  • 4.3 Blazor -  التعامل مع النماذج (Forms) والتحقق من المدخلات (Validation)  link
  • 4.4 Blazor -  استخدام الموجهات (NavigationManager)  link

🔹 Section 5: التعامل مع البيانات (Data Access)

  • 5.1 Blazor - الاتصال بـ API خارجي باستخدام HttpClient  link
  • 5.2 Blazor - الاتصال بقاعدة بيانات عبر Entity Framework Core  link
  • 5.3 Blazor - تنفيذ العمليات الأساسية (CRUD)  link

🔹 Section 6: مكونات متقدمة (Advanced Components)

  • 6.1 Blazor - التعامل مع RenderFragment  link
  • 6.2 Blazor - إعادة استخدام المكونات (Component Reusability)  link
  • 6.3 Blazor -  الفرق بين Parameters و RenderFragment  link
  • 6.4 Blazor - إنشاء مكونات ديناميكية (Dynamic Components)  link

🔹 Section 7: إدارة الحالة (State Management)

  • 7.1 Blazor - الطرق البسيطة لإدارة الحالة (في الذاكرة)  link
  • 7.2 Blazor - استخدام Singleton Services  link
  • 7.3 Blazor - استخدام Protected Browser Storage  link

🔹 Section 8: استدعاء JavaScript داخل Blazor

  • 8.1 Blazor - مقدمة في JavaScript Interop  link
  • 8.2 Blazor -تنفيذ دوال JavaScript من Blazor  link
  • 8.3 Blazor - تنفيذ دوال Blazor من JavaScript  link

🔹 Section 9: Layout

  • 9.1 Blazor - إنشاء Layout عام للتطبيق  link
  • 9.2 Blazor - تخصيص Layout لأجزاء مختلفة من التطبيق  link
  • 9.3 Blazor - استخدام Layout داخل Layout آخر (Nested Layouts)  link

🔹 Section 10: Errors

  • 10.1 Blazor - إنشاء صفحة خطأ 404 مخصصة   link
  • 10.2 Blazor - التعامل مع أخطاء التنفيذ (Runtime Errors)  link

🔹 Section 11: Forms & Validation

  • 11.1 Blazor - استخدام Forms و EditForm للتعامل مع المدخلات   link
  • 11.2 Blazor - التحقق من صحة الحقول وعرض الرسائل  link
  • 11.3 Blazor - التعامل مع InputText و InputSelect و InputDate  link
  • 11.4 Blazor - إنشاء نموذج ديناميكي باستخدام Loop و Binding  link
  • 11.5 Blazor - التحقق من صحة أكثر من نموذج (Multiple Forms)
  • 11.6 Blazor - التعامل مع ملفات (File Upload)
  • 11.7 Blazor - حفظ النموذج إلى قاعدة البيانات


🔹 Section 12: المصادقة والصلاحيات (Authentication & Authorization)

  • 9.1 Blazor - إعداد المصادقة (Authentication) الأساسية  link
  • 9.2 Blazor - استخدام AuthorizeView
  • 9.3 Blazor - حماية الصفحات بناءً على الدور (Role-based Authorization)

🔹 Section 13: تحسين الأداء في Blazor Server

  • 10.1 Blazor - فهم جلسات SignalR وكيفية تحسين الأداء
  • 10.2 Blazor - تحسين تحميل البيانات (Lazy Loading)
  • 10.3 Blazor - التعامل مع المشاكل المتعلقة بالاتصال (Connection Management)

🔹 Section 14: نشر تطبيق Blazor Server

  • 11.1 Blazor - نشر على خادم IIS
  • 11.2 Blazor - نشر على Azure App Service
  • 11.3 Blazor - نصائح مهمة بعد النشر

🔹 Section 15: مواضيع إضافية (Extras)

  • 12.1 Blazor - استخدام مكتبات طرف ثالث (مثلا: MudBlazor, Blazorise)
  • 12.2 Blazor - إنشاء تطبيقات Real-Time باستخدام Blazor Server
  • 12.3 Blazor - أفضل ممارسات كتابة الكود في Blazor
  • 12.4 Blazor - التعامل مع الأخطاء (Global Error Handling)


✅ المواضيع المتبقية المقترحة في سلسلة Blazor التعليمية:


🔹 12. تحسين الأداء (Performance Optimization)

  • 12.1 Blazor - استخدام ShouldRender لتقليل إعادة التصيير

  • 12.2 Blazor - التعامل مع RenderTree بذكاء

  • 12.3 Blazor - استخدام Virtualization لعناصر القائمة الطويلة

🔹 13. ممارسات احترافية (Best Practices)

  • 13.1 Blazor - هيكلة المشروع بشكل نظيف (Clean Architecture)

  • 13.2 Blazor - تنظيم المكونات ومجلدات المشروع

  • 13.3 Blazor - التعامل مع الخدمات والـ Dependency Injection بطريقة فعالة

  • 13.4 Blazor - التعامل مع الحالات الخاصة والسيناريوهات المعقدة

🔹 14. النشر والتوزيع (Deployment)

  • 14.1 Blazor - تجهيز المشروع للنشر

  • 14.2 Blazor - النشر على IIS

  • 14.3 Blazor - النشر على Azure

  • 14.4 Blazor - دعم PWA (تطبيق ويب يشبه الموبايل)

🔹 15. إضافات متقدمة (Extra Topics)

  • 15.1 Blazor - التكامل مع JavaScript Libraries مثل Chart.js / SweetAlert

  • 15.2 Blazor - دعم الوضع الليلي والداكن

  • 15.3 Blazor - التعامل مع استجابة الهاتف (Responsive Design)

  • 15.4 Blazor - إنشاء لوحة تحكم Dashboard متقدمة












تعليقات

إرسال تعليق

المشاركات الشائعة من هذه المدونة

HTML - Text Formatting تنسيقات النص

تنسيقات النص في HTML (HTML Text Formatting) توفر HTML مجموعة من الوسوم الخاصة بتنسيق النصوص، مثل جعل النص عريض (Bold)، مائل (Italic)، تحته خط، مشطوب، وغيرها. ✅ أشهر وسوم التنسيق: الوسم الوصف <b> لجعل النص عريض بدون أهمية معنوية <strong> لجعل النص عريض مع دلالة على الأهمية <i> لجعل النص مائل بدون أهمية معنوية <em> لجعل النص مائل مع دلالة على التأكيد <mark> لتمييز النص بخلفية صفراء مثل التظليل <small> لجعل النص بحجم أصغر <del> لنص مشطوب <ins> لنص مضاف حديثًا <sub> لنص سفلي (H 2 O) <sup> لنص علوي (x 2 ) 🧪 أمثلة على تنسيق النصوص: <p>هذا نص <b>عريض</b> باستخدام وسم <b>.</p> <p>هذا نص <strong...
قراءة المزيد

1.1 SQL Introduction

SQL Introduction – مقدمة في SQL  ما هي SQL؟ SQL هي اختصار لـ Structured Query Language (لغة الاستعلام البنيوية). SQL تُستخدم للوصول إلى قواعد البيانات والتحكم فيها ( access and manipulate databases ). SQL تعتبر معيارًا معتمدًا من ANSI (المعهد القومي الأمريكي للمعايير).  ماذا يمكن أن تفعل SQL؟ SQL يمكنها تنفيذ الاستعلامات على قاعدة البيانات ( execute queries against a database ). SQL يمكنها استرجاع البيانات من قاعدة البيانات ( retrieve data from a database ). SQL يمكنها إدخال سجلات في قاعدة البيانات ( insert records in a database ). SQL يمكنها تحديث السجلات في قاعدة البيانات ( update records in a database ). SQL يمكنها حذف السجلات من قاعدة البيانات ( delete records from a database ). SQL يمكنها إنشاء قواعد بيانات جديدة ( create new databases ). SQL يمكنها إنشاء جداول جديدة داخل قاعدة البيانات ( create new tables in a database ). SQL يمكنها إنشاء إجراءات مخزنة ( stored procedures ) داخل قاعدة البيانات. SQL يمكنها إنشاء عروض...
قراءة المزيد

Entity Framework - مقدمة عن Entity Framework

مقدمة عن Entity Framework 📜 لمحة تاريخية عن Entity Framework - أول إصدار من Entity Framework ظهر سنة 2008 كجزء من .NET Framework. - كان اسمه الرسمي ببساطة "Entity Framework"، ويعمل على ربط التطبيقات مع قواعد بيانات SQL بطريقة برمجية. - Entity Framework وفر وقتها أسلوبين رئيسيين للعمل: Database First ➔ إنشاء الكود انطلاقًا من قاعدة بيانات موجودة. Model First ➔ إنشاء قاعدة البيانات انطلاقًا من نموذج (Model) مرسوم. ✅ مع الوقت تطورت EF وتم إضافة أسلوب جديد يسمى Code First الذي أصبح من أكثر الطرق استخدامًا اليوم. 🔗 إصدارات Entity Framework قبل EF Core Entity Framework 1.0 (2008) - الإصدار الأول وكان محدود الإمكانيات. Entity Framework 4.0 (2010) - تحسينات كبيرة ودعم أفضل لـ POCO classes. Entity Framework 5.0 و6.0 (2012-2013) - دعم مميزات متقدمة مثل Migrations وتحسين الأداء. 💡 ملاحظة: لم يكن هناك EF 2.0 أو EF 3.0 رسميًا. 🚀 لماذا تم تطوير Entity Framework Core؟ مع ظهور .NET Core، احتاجت مايكروسوفت إلى نسخة خفيفة وعصرية م...
قراءة المزيد