تعلم جافاسكربت في 2025 | كورس كامل + تطبيق عملي

• المدة 6:30 س
• الدروس 67

ماذا ستحصل عليه في هذه الدورة

حابب تتعلم JavaScript من البداية لحد ما تبني مشاريع حقيقية بنفسك؟ 👨‍💻
الكورس ده معمول مخصوص عشان ياخدك خطوة بخطوة بأسلوب عملي، واضح، ومن غير أي تعقيد.

هتتعلم:

• الأساسيات: المتغيرات، الأنواع، العمليات، الـ Functions.

• التكرار، الـ Conditions، والمصفوفات.

• الـ DOM: إزاي تتحكم في الصفحة وتغيّر المحتوى بالـ JavaScript.

• الأحداث (Events) والتعامل مع الـ Forms.

• الـ Asynchronous JavaScript: Promises و async/await.

• أهم مفاهيم زي الـ Hoisting، Scope، والـ Closures.

• وأخيرًا: مشاريع عملية تثبّت بيها كل اللي اتعلمته.

✨ الكورس مجاني بالكامل ومقسم لدروس قصيرة منظمة.
حتى لو إنت مبتدئ أو جاي من خلفية HTML وCSS بس، الكورس ده هيخليك فاهم إزاي تحوّل موقعك من صفحات ثابتة لتطبيقات تفاعلية كاملة.

🎯 ابدأ دلوقتي: JavaScript هي أهم لغة على الويب، وتعلّمها هيفتحلك أبواب ضخمة سواء في الـ Frontend أو الـ Backend.

محتوى الدورة

11 درس

الأساسيات

11 فيديو عرض الدروس

1 - مقدمة JavaScript – كل اللي محتاج تعرفه قبل ما تبدأ

مشاهدة

2 - ✔️ شغل أول كود JavaScript بنفسك في 5 دقايق بس | كورس جافا سكربت

مشاهدة

3 - إزاي تستخدم Console & DevTools كـ مبرمج محترف؟ | كورس جافا سكربت

مشاهدة

4 - الفرق بين var و let و const 👨‍💻 أيهم تستخدم؟ | كورس جافا سكربت

مشاهدة

5 - أفضل ممارسات تسمية المتغيرات في JavaScript | كورس جافا سكربت

مشاهدة

6 - أنواع البيانات في JavaScript ببساطة للمبتدئين | كورس جافا سكربت

مشاهدة

7 - ازاي تكتب نصوص أسهل وأوضح بـ Template Literals | كورس جافا سكربت

مشاهدة

8 - التحويل بين الأنواع في JavaScript (Type Conversion)

مشاهدة

9 - كل العمليات الحسابية اللي لازم تعرفها في JavaScript | كورس جافاسكربت

مشاهدة

10 - الفرق بين = و == و=== في JavaScript | كورس جافا سكربت

مشاهدة

11 - Operator Precedence | أولوية العمليات الحسابية في JavaScript

مشاهدة

5 درس

التحكم في التدفق

5 فيديو عرض الدروس

12 - if else | شرح if else في JavaScript

مشاهدة

13 - switch | شرح switch في JavaScript

مشاهدة

14 - for loop | شرح for loop في JavaScript

مشاهدة

15 - do while | شرح do while loop في JavaScript

مشاهدة

16 - break , continue | الفرق بين break و continue في JavaScript

مشاهدة

6 درس

الدوال والسكوب

6 فيديو عرض الدروس

17 - Functions | شرح الدوال في JavaScript

مشاهدة

18 - Parameters & Arguments & Default Values | باراميترز وقيم افتراضية في الدوال

مشاهدة

19 - Return Function | شرح return في JavaScript

مشاهدة

20 - Function Expressions | التعبيرات الدوالية في JavaScript

مشاهدة

21 - Arrow Functions | شرح Arrow Function في JavaScript

مشاهدة

22 - Variables Scope | مجال المتغيرات في JavaScript

مشاهدة

8 درس

المصفوفات والكائنات

8 فيديو عرض الدروس

23 - Array and Objects | شرح المصفوفات والكائنات في JavaScript

مشاهدة

24 - Objects | التعامل مع الكائنات في JavaScript

مشاهدة

25 - Push, Pop, Shift, Unshift | شرح أهم دوال المصفوفات

مشاهدة

26 - التكرار على المصفوفات في JavaScript | for, forEach, for…of

مشاهدة

27 - شرح map و filter في JavaScript

مشاهدة

28 - شرح reduce في JavaScript مع أمثلة للجمع والمتوسط

مشاهدة

29 - concat, slice, splice في JavaScript | دمج وتقطيع المصفوفات

مشاهدة

30 - Object.keys / values / entries في JavaScript

مشاهدة

1 درس

Console متقدم

1 فيديو عرض الدروس

31 - أساليب Console المتقدمة في JavaScript (table, time, warn)

مشاهدة

7 درس

DOM

7 فيديو عرض الدروس

32 - مقدمة عن DOM في JavaScript

مشاهدة

33 - طرق اختيار العناصر في DOM باستخدام JavaScript

مشاهدة

34 - تعديل المحتوى والخصائص في DOM باستخدام JavaScript

مشاهدة

35 - تغيير أنماط CSS من خلال JavaScript

مشاهدة

36 - إنشاء عناصر وإضافتها في JavaScript | Create & Append

مشاهدة

37 - إضافة مستمعي الأحداث في JavaScript | addEventListener

مشاهدة

38 - مشروع عملي: بناء ToDo List باستخدام JavaScript

مشاهدة

5 درس

التاريخ والوقت + التخزين

5 فيديو عرض الدروس

39 - كائن Date في JavaScript | إنشاء وتنسيق التواريخ

مشاهدة

40 - تنسيق وعرض التاريخ والوقت في JavaScript

مشاهدة

41 - شرح setTimeout و setInterval في JavaScript

مشاهدة

42 - localStorage و sessionStorage في JavaScript

مشاهدة

43 - JSON.stringify و JSON.parse في JavaScript

مشاهدة

2 درس

Async + Fetch

2 فيديو عرض الدروس

44 - التزامن واللا-تزامن في JavaScript | Synchronous vs Asynchronous

مشاهدة

45 - مشروع عملي: جلب البيانات من JSONPlaceholder باستخدام fetch في JavaScript

مشاهدة

22 درس

مشروع Blog

22 فيديو عرض الدروس

[JavaScript Blog Project V1] مقدمة المشروع | إزاي هنبني تطبيق تدوينات بالجافاسكربت

مشاهدة

[JavaScript Blog Project V2] شرح فكرة المشروع | تطبيق تدوينات بالجافاسكربت

مشاهدة

[JavaScript Blog Project V3] إضافة HTML للتدوينات | بداية تصميم التطبيق

مشاهدة

[JavaScript Blog Project V4] إضافة CSS لتصميم المدونة | جزء من مشروع الجافاسكربت

مشاهدة

[JavaScript Blog Project V5] تصميم كروت التدوينات | HTML + CSS لمشروع الجافاسكربت

مشاهدة

[JavaScript Blog Project V6] كتابة كود JavaScript لقراءة المدخلات

مشاهدة

[JavaScript Blog Project V7] التحقق من البيانات | JavaScript Validation (جزء 1)

مشاهدة

[JavaScript Blog Project V7] التحقق من البيانات | JavaScript Validation (جزء 1)

مشاهدة

[JavaScript Blog Project V8] التحقق من البيانات | JavaScript Validation (جزء 2)

مشاهدة

[JavaScript Blog Project V9] إنشاء كارت التدوينة ديناميكيًا بالجافاسكربت

مشاهدة

[JavaScript Blog Project V10] تعديل التدوينة وإعادة ضبط الفورم | JavaScript

مشاهدة

[JavaScript Blog Project V11] حذف التدوينات من الصفحة | JavaScript Project

مشاهدة

[JavaScript Blog Project V12] تفعيل أزرار الحذف للبوستات الجديدة | JavaScript Project

مشاهدة

[JavaScript Blog Project V13] شرح تعديل التدوينة وإدارة محتوى البوست

مشاهدة

[JavaScript Blog Project V14] تعديل التدوينة (الجزء 2) | ملء القيم في الفورم

مشاهدة

[JavaScript Blog Project V15] شرح فكرة تعديل التدوينات | JavaScript Project

مشاهدة

[JavaScript Blog Project V16] تحديث البيانات بعد التعديل | JavaScript

مشاهدة

[JavaScript Blog Project V17] حفظ بيانات التدوينات حتى بعد إعادة تحميل الصفحة

مشاهدة

[JavaScript Blog Project V18] عرض التدوينات المحفوظة من localStorage

مشاهدة

[JavaScript Blog Project V19] حذف التدوينة من البوستات المحفوظة | JavaScript Project

مشاهدة

[JavaScript Blog Project V20] حل مشكلة تحميل البيانات القديمة بشكل خاطئ

مشاهدة

[JavaScript Blog Project V21] حذف المشور نهائيا من الصفحة | ختام المشروع

مشاهدة

التقييمات