JavaScript - Fundamentals تعلم الأساسيات

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


✅ JavaScript - Fundamentals تعلم الأساسيات

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

  • 1.1 JS - Introduction مقدمة  link
  • 1.2 JS - Where To مكان الأكواد  link
  • 1.3 JS - Output المخرجات  link
  • 1.4 JS - Statements الجملة  link
  • 1.5 JS - Syntax شكل الجملة  link
  • 1.6 JS - Comments التعليقات  link
  • 1.7 JS - Variables المتغيرات  link
  • 1.8 JS - Let الكلمة المفتاحية  link
  • 1.9 JS - Const الكلمة المفتاحية  link
  • 1.10 JS - Operators المعاملات  link
  • 1.11 JS - Arithmetic المعاملات الحسابية  link
  • 1.12 JS - Assignment  التخصيص  link
  • 1.13 JS - Data Types أنواع البيانات  link
  • 1.14 JS - Functions الدوال  link
  • 1.15 JS - Objects الكائنات  link
  • 1.16 JS - Events الأحداث  link

🔹 Section 2: التحكم بالتدفق (Flow Control)

  • 2.1 JS - If Else  link
  • 2.2 JS - Switch  link
  • 2.3 JS - Loop For  link
  • 2.4 JS - Loop For In  link
  • 2.5 JS - Loop For Of  link
  • 2.6 JS - While Loop  link
  • 2.7 JS - Break  link
  • 2.8 JS - Iterables  link
  • 2.9 JS - Sets  link
  • 2.10 JS - Maps  link

    🔹 Section 3: الأنواع والتحويل (Types & Conversion)

    • 3.1 JS - Type Conversion  تحويل الأنواع  link
    • 3.2 JS - Booleans القيم المنطقية  link
    • 3.3 JS - Comparisons المقارنات  link
    • 3.4 JS - Conditions الشروط  link
    • 3.5 JS - Nullish Coalescing  link
    • 3.6 JS - Ternary Operator المعامل الثلاثي  link
    • 3.7 JS - typeof  link

    🔹 Section 4: الدوال (Functions)

    • 4.1 JS - Functions الدوال  link
    • 4.2 JS - Function Parameters معاملات الدوال  link
    • 4.3 JS - Function Return إرجاع القيمة من الدالة  link
    • 4.4 JS - Arrow Function الدوال السهمية  link
    • 4.5 JS - Function Expressions تعبيرات الدوال  link
    • 4.6 JS - Callbacks الدوال الراجعة  link

    🔹 Section 5: الكائنات (Objects)

    • 5.1 JS Objects الكائنات  link
    • 5.2 JS Object Properties خصائص الكائنات  link
    • 5.3 JS Object Methods دوال الكائنات  link
    • 5.4 JS Object Display عرض الكائن  link
    • 5.5 JS Object Accessors الخصائص المقيدة  link
    • 5.6 JS Object Constructors الدوال البانية  link
    • 5.7 JS Object Iterables الكائنات القابلة للتكرار  link  
    • 5.8 JS Object Sets & Maps المجموعات والخرائط  link


    🔹 Section 6: المصفوفات (Arrays)

    • 6.1 JS Arrays المصفوفات  link
    • 6.2 JS Array Methods دوال المصفوفات  link
    • 6.3 JS Array Sort ترتيب المصفوفات  link
    • 6.4 JS Array Iteration التكرار على المصفوفات  link
    • 6.5 JS Array Const  link

    🔹 Section 7: السلاسل النصية (Strings & Date & Math)

    • 7.1 JS Strings  link
    • 7.2 JS String Methods  link
    • 7.3 JS String Search  link
    • 7.4 JS String Templates  link
    • 7.5 JS Dates  link
    • 7.6 JS Date Formats  link
    • 7.7 JS Date Get Methods  link
    • 7.8 JS Date Set Methods  link
    • 7.9 JS Math  link
    • 7.10 JS Random  link
    • 7.11 JS Number Properties  link
    • 7.12 JS Number Methods  link


    🔹 Section 8: التحقق والمعالجة (Validation & Errors)

    • 8.1 JS Errors  link
    • 8.2 JS Debugging  link
    • 8.7 JS Let  link
    • 8.8 JS Const  link

    🔹 Section 9: DOM وواجهة المتصفح (Browser & DOM)

    • 9.1 JS HTML DOM  link
    • 9.2 JS DOM Methods  link
    • 9.3 JS DOM Document  link
    • 9.4 JS DOM Elements  link
    • 9.5 JS DOM HTML  link
    • 9.6 JS DOM Forms  link
    • 9.7 JS DOM CSS  link
    • 9.8 JS DOM Animations  link
    • 9.9 JS DOM Events  link
    • 9.10 JS BOM (Browser Object Model)  link
    • 9.11 JS Window  link
    • 9.12 JS Screen  link
    • 9.13 JS Location  link
    • 9.14 JS History  link
    • 9.15 JS Navigator  link
    • 9.16 JS Popup Boxes  link
    • 9.17 JS Timing Events  link


    🔹 Section 10: الويب الحديث (Modern JavaScript)

    • 10.1 JS JSON  link
    • 10.2 JS Asynchronous  link
    • 10.3 JS Callbacks  link
    • 10.4 JS Promises  link
    • 10.6 JS Modules  link


    🔹 Section 11: التخزين المحلي (Storage)

    • 11.1 JS Web Storage  link
    • 11.2 JS localStorage  link
    • 11.3 JS sessionStorage  link


    🔹 Section 12: AJAX

    • 12.1 JS AJAX Intro  link
    • 12.2 JS AJAX XMLHttp  link
    • 12.3 JS AJAX Request  link
    • 12.4 JS AJAX Response  link
    • 12.5 JS AJAX XML File  link

    🔹 Section 13: APIs وواجهة المتصفح

    • 13.1 JS API Intro  link
    • 13.2 JS Fetch API  link
    • 13.3 JS Geolocation  link
    • 13.4 JS Web History API  link
    • 13.5 JS Web Storage API  link

    🔹 Section 14: Advanced Concepts مفاهيم متقدمة

    • 14.1 JS Hoisting  link
    • 14.2 JS Strict Mode  link
    • 14.3 JS This Keyword  link
    • 14.4 JS Scope  link
    • 14.5 JS - Closures الإغلاق  link
    • 14.6 JS - IIFE الدوال المنفذة فورًا  link
    • 14.7 JS Object Prototypes النموذج الأولي  link
    • 14.8 JS Async/Await  link


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

    C# - Arrays

    C# - المصفوفات (Arrays) المصفوفة (Array) هي بنية بيانات تُستخدم لتخزين مجموعة من القيم من نفس النوع في مكان واحد بالذاكرة، ويتم الوصول إلى العناصر باستخدام رقم الفهرس (Index). 🔹 كيفية تعريف مصفوفة: // تعريف مصفوفة وتعيين قيم ابتدائية int[] numbers = { 1, 2, 3, 4, 5 }; // الوصول إلى العنصر الأول Console.WriteLine(numbers[0]); // النتيجة: 1 💡 ملاحظات: الفهرس يبدأ من 0، أي أول عنصر هو numbers[0] . يمكنك استخدام حلقة for أو foreach للتكرار على المصفوفة. يجب تحديد نوع البيانات التي ستحتويها المصفوفة. 🧪 مثال آخر: string[] fruits = new string[3]; fruits[0] = \"تفاح\"; fruits[1] = \"موز\"; fruits[2] = \"عنب\"; foreach (string fruit in fruits) { Console.WriteLine(fruit); } 📌 في هذا المثال، أنشأنا مصفوفة من ثلاث عناصر ومررنا عليها باستخدام foreach .
    قراءة المزيد

    Entity Framework - ما هو ORM؟ ونبذة عن Dapper وNHibernate

    Entity Framework - ما هو ORM؟ ونبذة عن Dapper وNHibernate ORM هي اختصار لـ Object-Relational Mapping ، وتعني "الربط الكائني العلاقي". ببساطة، هي تقنية تُستخدم لربط الكائنات (Objects) في الكود مع الجداول (Tables) في قاعدة البيانات. 🔹 لماذا نحتاج إلى ORM؟ بدون ORM، نحتاج إلى كتابة استعلامات SQL يدوية والتعامل مع الكائنات بأنفسنا. بينما ORM توفر لنا طبقة وسيطة تقوم بتحويل الكود الكائني إلى استعلامات SQL تلقائيًا، والعكس أيضًا. 🔹 مزايا ORM تسريع التطوير. تقليل كمية الكود المكتوب. سهولة التعامل مع البيانات بشكل كائني. دعم التحقق من النوع (Type Checking) في وقت البرمجة. 🔹 عيوب ORM أداء أقل من SQL اليدوي في العمليات المعقدة. بعض المرونة تضيع بسبب التجريد العالي. 🔸 مقارنة بين EF Core وDapper وNHibernate التقنية النوع السهولة الأداء الدعم والانتشار Entity Framework Core ORM كامل سهل ومتكامل مع .NET متوسط مرتفع (مدعوم من Microsoft) ...
    قراءة المزيد

    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، احتاجت مايكروسوفت إلى نسخة خفيفة وعصرية م...
    قراءة المزيد