LEARN BY BUILDING
شروحات كلوز تاجمبتدئ
تعلّم جافا سكريبت.
افهم الأساس. وابنِ عليه.
دروس مرتّبة، شرح واضح، وخطوات صغيرة تصنع فرقًا. ابدأ من الأساسيات، وتقدّم في تعلّم جافا سكريبت على مهلك.
محتوى مجاني بالكاملتعلّم على مهلك
- دروس مرتّبة
- 146
- فصل تعليمي
- 21
- لغة الشرح
- عربي
- مشاهدة للمادة
- 596,762
البداية اللي تبني عليها
خطوتك الجاية في جافا سكريبت
تركز مادة JavaScript على تعلم كيفية عمل صفحات ويب ديناميكية تتفاعل مع المستخدم، كما يمكن استخدامها لإضافة تأثيرات حية لصفحات الويب مثل: التحقق من البيانات التي يدخلها المستخدم؛ فمن أهم ما يميز لغة JavaScript هو القدرة على استخدامها لبناء صفحات ويب متقدمة ومتعددة الوظائف.
من المعرفة للتطبيق
ماذا ستتعلّم في جافا سكريبت؟
- ستتعلم أساسيات لغة JavaScript لبناء صفحات ويب تفاعلية.
- ستتعلم كيفية إنشاء الدوال في JavaScript وكيفية استخدامها.
- ستتعلم كيفية استخدام الشروط والمتغيرات في لغة JavaScript.
- ستتعلم كيفية التعامل مع البيانات والكائنات والمصفوفات في JavaScript.
- ستتعلم كيفية بناء وتطوير تطبيقات الويب الديناميكية والتي تتفاعل مع المستخدم.
جهّز نفسك
قبل ما تبدأ
- الالتزام بالمهام المطلوبة.
- إتمام مادة CSS بشكل كامل.
خطوتك لقدّام
هدفك بعد المادة
- استخدام لغة JavaScript لتحسين تجربة المستخدم.
- تطوير القدرة على التفكير الإبداعي وحل المشكلات باستخدام البرمجة.
- تزويد الطلاب بفهم عميق لأساسيات بناء وتطوير مواقع وتطبيقات الويب.
- تزويد الطلاب بالمهارات البرمجية اللازمة التي تساعدهم في بناء تطبيقات ويب متقدمة.
- القدرة على دمج لغة JavaScript مع HTML وCSS لبناء مواقع، وتطبيقات ويب ديناميكية، وتفاعلية.
خريطة تعلّمك
محتوى المادة
ابدأ بالترتيب، أو اختَر الدرس اللي محتاجه.
01
بنية JavaScript
5 دروس
- 01 مقدمة في لغة جافا سكريبتJavaScript Introduction ابدأ الدرس
- 02 أين تُكتب أكواد جافا سكريبتJavaScript Where To ابدأ الدرس
- 03 إخراج البيانات في جافا سكريبتJavaScript Output ابدأ الدرس
- 04 قواعد كتابة كود جافا سكريبتJavaScript Syntax ابدأ الدرس
- 05 التعليقات في لغة جافا سكريبتJavaScript Comments ابدأ الدرس
02
تخزين البيانات في JavaScript
4 دروس
03
العوامل في JavaScript
9 دروس
- 10 العوامل الحسابية في لغة جافا سكريبتJS Arithmetic Operators ابدأ الدرس
- 11 عوامل الزيادة والنقصان في لغة الجافا سكريبتIncrement & Decrement ابدأ الدرس
- 12 العوامل الاحادية في لغة جافا سكريبتJS Unary Operators ابدأ الدرس
- 13 الاسبقيات في العمليات الحسابية في لغة جافا سكريبتJS Operator Precedence ابدأ الدرس
- 14 عوامل التعيين (اعادة تعريف القيم ) في لغة جافا سكريبتJS Assignment Operators ابدأ الدرس
- 15 عوامل المقارنة في لغة جافا سكريبتJavaScript Comparison ابدأ الدرس
- 16 العوامل المنطقية في لغة جافا سكريبتJS Logical Operators ابدأ الدرس
- 17 عوامل تشغيل Bitwise أحادية في لغة جافا سكريبتJS Bitwise Operators ابدأ الدرس
- 18 العوامل في لغة جافا سكريبتJS Operators ابدأ الدرس
04
مصفوفات JavaScript
5 دروس
- 19 المصفوفات في لغة الجافا سكريبتJavaScript Arrays ابدأ الدرس
- 20 طباعة المصفوفات وعناصر المصفوفات بلغة جافا سكريبتJS print array ابدأ الدرس
- 21 عناصر المصفوفة في لغة الجافا سكريبتJS Array Elements ابدأ الدرس
- 22 دوال المصفوفات في لغة الجافا سكريبتJS Array Methods ابدأ الدرس
- 23 المصفوفات متعدده الأبعاد في لغة جافا سكريبتjs Multidimensional Array ابدأ الدرس
05
كائنات JavaScript
4 دروس
06
تدفق التحكم في JavaScript
3 دروس
07
حلقات JavaScript
5 دروس
- 31 حلقات التكرار loops - جُملة for في لغة جافا سكريبتJavaScript For Loop ابدأ الدرس
- 32 حلقات التكرار loops - جُملة while في لغة جافا سكريبتJavaScript While Loop ابدأ الدرس
- 33 حلقات التكرار forEach Loop في لغة جافا سكريبتJavaScript forEach Loop ابدأ الدرس
- 34 JS for OF ابدأ الدرس
- 35 Js Break and Continue ابدأ الدرس
08
دوال JavaScript
10 دروس
- 36 الدوال في لغة جافا سكريبتJavaScript Functions ابدأ الدرس
- 37 تعريف الدالة في لغة جافا سكريبتJS Function Definitions ابدأ الدرس
- 38 عوامل أو معطيات الدوال في لغة جافا سكريبتJS Function Parameters ابدأ الدرس
- 39 خاصية call مع الدوال في لغة جافا سكريبتJS Function Call ابدأ الدرس
- 40 إستدعاء الدالة في لغة جافا سكريبتJS Function Invocation ابدأ الدرس
- 41 خاصية Apply في لغة جافا سكريبت مع الدوالJS Function Apply ابدأ الدرس
- 42 عبارة الكُتل البرمجية في لغة جافا سكريبتJS Block statement ابدأ الدرس
- 43 عمليات الإغلاق مع الدوال في لغة جافا سكريبتJS Function Closures ابدأ الدرس
- 44 النطاق في لغة جافا سكريبتJavaScript Scope ابدأ الدرس
- 45 JS Events ابدأ الدرس
09
أساسيات DOM في JavaScript
9 دروس
- 46 نموذج كائن المستند في لغة جافا سكريبتJavaScript DOM ابدأ الدرس
- 47 البحث علي عنصر داخل صفحة HTML في لغة جافا سكريبتDOM Get ابدأ الدرس
- 48 تعديل العناصر في صفحة HTML بلغة جافا سكريبتDOM Set ابدأ الدرس
- 49 التعامل مع خصائص العناصر في صفحة HTML عن طريق الجافا سكريبتDOM Attributes ابدأ الدرس
- 50 انشاء عناصر جديدة داخل صفحة HTML بلغة جافا سكريبتDOM Create ابدأ الدرس
- 51 طرق وأساليب حذف من شجرة DOM في لغة جافا سكريبتDOM Remove ابدأ الدرس
- 52 تعديل وإضافة style علي عناصر HTML في لغة جافا سكريبتDOM CSS ابدأ الدرس
- 53 دالة ClassList مع DOM في لغة جافا سكريبتDOM ClassList ابدأ الدرس
- 54 كائنات جاهزة في لغة جافا سكريبت لبعض العناصرDOM Collections ابدأ الدرس
10
أحداث JavaScript
6 دروس
- 55 الأحداث في لغة جافا سكريبتDOM Events ابدأ الدرس
- 56 دوال EventListener في لغة جافا سكريبتDOM EventListener ابدأ الدرس
- 57 حدث click في لغة جافا سكريبتClick Event ابدأ الدرس
- 58 أحداث واجهة المستخدم في لغة جافا سكريبتUI Events ابدأ الدرس
- 59 أحداث mouse في لغة جافا سكريبتMouse Events ابدأ الدرس
- 60 أحداث form في لغة جافا سكريبتForm Events ابدأ الدرس
11
التنقل في JavaScript
10 دروس
- 61 التنقل داخل شجرة DOM في لغة جافا سكريبتDOM Navigation ابدأ الدرس
- 62 دالة parentNode في لغة جافا سكريبتparentNode Method ابدأ الدرس
- 63 دالة childNodes في لغة جافا سكريبتchildNodes Method ابدأ الدرس
- 64 دالة firstChild في لغة جافا سكريبتfirstChild Method ابدأ الدرس
- 65 دالة lastChild في لغة جافا سكريبتlastChild Method ابدأ الدرس
- 66 دالة nextSibling في لغة جافا سكريبتnextSibling Method ابدأ الدرس
- 67 دالة previousSibling في لغة جافا سكريبتpreviousSibling ابدأ الدرس
- 68 دالة parentElement في لغة جافا سكريبتparentElement ابدأ الدرس
- 69 دالة nextElementSibling في لغة جافا سكريبتnextElementSibling ابدأ الدرس
- 70 دالة previousElementSibling في لغة جافا سكريبتpreviousElementSibling ابدأ الدرس
12
BOM المتصفح في JavaScript
12 درس
- 71 مقدمة في نموذج كائن المستند في لغة جافا سكريبتBOM Introduction ابدأ الدرس
- 72 كائن Window في لغة جافا سكريبتJavaScript Window ابدأ الدرس
- 73 دالة window open في لغة جافا سكريبتWindow Open ابدأ الدرس
- 74 دالة window close في لغة جافا سكريبتWindow Close ابدأ الدرس
- 75 خاصية screen مع كائن window في لغة جافا سكريبتWindow Screen ابدأ الدرس
- 76 خاصية location مع كائن window في لغة جافا سكريبتWindow Location ابدأ الدرس
- 77 كائن Window History في لغة جافا سكريبتWindow History ابدأ الدرس
- 78 خاصية State مع كائن Window History في لغة جافا سكريبتHistory State ابدأ الدرس
- 79 دالة pushState مع كائن History في لغة جافا سكريبتHistory pushState ابدأ الدرس
- 80 تطبيق ذو الصفحة الواحدة في لغة جافا سكريبتJavaScript SPA ابدأ الدرس
- 81 كائن Window Navigator في لغة جافا سكريبتWindow Navigator ابدأ الدرس
- 82 تنفيذ أوامر برمجية بعد وقت محدد في لغة جافا سكريبتJavaScript Timing ابدأ الدرس
13
إصدار ES6 من JavaScript
8 دروس
14
الكائنات المتقدمة
10 دروس
- 91 Object Definition ابدأ الدرس
- 92 Object Properties ابدأ الدرس
- 93 Object Methods ابدأ الدرس
- 94 Display Objects ابدأ الدرس
- 95 Object Accessors ابدأ الدرس
- 96 Object Constructors ابدأ الدرس
- 97 Object Prototypes ابدأ الدرس
- 98 Object Iterables ابدأ الدرس
- 99 Object Sets ابدأ الدرس
- 100 Object Maps ابدأ الدرس
15
أصناف JavaScript
3 دروس
16
JavaScript غير المتزامن
4 دروس
17
واجهات Web API في JavaScript
7 دروس
18
AJAX في JavaScript
6 دروس
19
JSON في JavaScript
11 درس
20
موضوعات أخرى
3 دروس
21
DOM المتقدم في JavaScript
12 درس
- 135 Creation Methods ابدأ الدرس
- 136 JS DOM Animation ابدأ الدرس
- 137 DOM Document ابدأ الدرس
- 138 Add elements ابدأ الدرس
- 139 Child Elements ابدأ الدرس
- 140 Class Elements ابدأ الدرس
- 141 Client Properties ابدأ الدرس
- 142 has properties ابدأ الدرس
- 143 خصائص للأدخالinsert Properties ابدأ الدرس
- 144 Scroll Properties ابدأ الدرس
- 145 IS Methods x ابدأ الدرس
- 146 Offset Prosperities ابدأ الدرس
مفيش درس بالاسم ده.
جرّب كلمة تانية، أو ارجع لكل الدروس.
خطوة صغيرة كل يوم. فرق كبير مع الوقت.
جاهز تبدأ؟
تعلّم جافا سكريبت خطوة بخطوة من أول درس.
ابدأ بالدرس الأول المتاح وطبّق كل فكرة بنفسك، وبعدها كمّل المسار في معسكرات كلوز تاج.