انتقل إلى الدروس
LEARN BY BUILDING
شروحات كلوز تاجمبتدئ

تعلّم جافا سكريبت.

افهم الأساس. وابنِ عليه.

دروس مرتّبة، شرح واضح، وخطوات صغيرة تصنع فرقًا. ابدأ من الأساسيات، وتقدّم في تعلّم جافا سكريبت على مهلك.

محتوى مجاني بالكاملتعلّم على مهلك

دروس مرتّبة
146
فصل تعليمي
21
لغة الشرح
عربي
مشاهدة للمادة
596,762

البداية اللي تبني عليها

خطوتك الجاية في جافا سكريبت

تركز مادة JavaScript على تعلم كيفية عمل صفحات ويب ديناميكية تتفاعل مع المستخدم، كما يمكن استخدامها لإضافة تأثيرات حية لصفحات الويب مثل: التحقق من البيانات التي يدخلها المستخدم؛ فمن أهم ما يميز لغة JavaScript هو القدرة على استخدامها لبناء صفحات ويب متقدمة ومتعددة الوظائف.

من المعرفة للتطبيق

ماذا ستتعلّم في جافا سكريبت؟

مهارات بتكبر مع كل درس
  • ستتعلم أساسيات لغة JavaScript لبناء صفحات ويب تفاعلية.
  • ستتعلم كيفية إنشاء الدوال في JavaScript وكيفية استخدامها.
  • ستتعلم كيفية استخدام الشروط والمتغيرات في لغة JavaScript.
  • ستتعلم كيفية التعامل مع البيانات والكائنات والمصفوفات في JavaScript.
  • ستتعلم كيفية بناء وتطوير تطبيقات الويب الديناميكية والتي تتفاعل مع المستخدم.

جهّز نفسك

قبل ما تبدأ

  • الالتزام بالمهام المطلوبة.
  • إتمام مادة CSS بشكل كامل.

خطوتك لقدّام

هدفك بعد المادة

  • استخدام لغة JavaScript لتحسين تجربة المستخدم.
  • تطوير القدرة على التفكير الإبداعي وحل المشكلات باستخدام البرمجة.
  • تزويد الطلاب بفهم عميق لأساسيات بناء وتطوير مواقع وتطبيقات الويب.
  • تزويد الطلاب بالمهارات البرمجية اللازمة التي تساعدهم في بناء تطبيقات ويب متقدمة.
  • القدرة على دمج لغة JavaScript مع HTML وCSS لبناء مواقع، وتطبيقات ويب ديناميكية، وتفاعلية.

خريطة تعلّمك

محتوى المادة

ابدأ بالترتيب، أو اختَر الدرس اللي محتاجه.

21فصل 146درس

01

بنية JavaScript

5 دروس
  1. 01 مقدمة في لغة جافا سكريبتJavaScript Introduction ابدأ الدرس
  2. 02 أين تُكتب أكواد جافا سكريبتJavaScript Where To ابدأ الدرس
  3. 03 إخراج البيانات في جافا سكريبتJavaScript Output ابدأ الدرس
  4. 04 قواعد كتابة كود جافا سكريبتJavaScript Syntax ابدأ الدرس
  5. 05 التعليقات في لغة جافا سكريبتJavaScript Comments ابدأ الدرس
02

تخزين البيانات في JavaScript

4 دروس
  1. 06 المتغيرات في لغة جافا سكريبت باستخدام var keywordJS var Variables ابدأ الدرس
  2. 07 الثوابت في لغة جافا سكريبتJavaScript Constants ابدأ الدرس
  3. 08 المتغيرات في لغة جافا سكريبت باستخدام let keywordJavaScript let Variables ابدأ الدرس
  4. 09 أنواع البيانات في لغة الجافا سكريبتJS Data Types ابدأ الدرس
03

العوامل في JavaScript

9 دروس
  1. 10 العوامل الحسابية في لغة جافا سكريبتJS Arithmetic Operators ابدأ الدرس
  2. 11 عوامل الزيادة والنقصان في لغة الجافا سكريبتIncrement & Decrement ابدأ الدرس
  3. 12 العوامل الاحادية في لغة جافا سكريبتJS Unary Operators ابدأ الدرس
  4. 13 الاسبقيات في العمليات الحسابية في لغة جافا سكريبتJS Operator Precedence ابدأ الدرس
  5. 14 عوامل التعيين (اعادة تعريف القيم ) في لغة جافا سكريبتJS Assignment Operators ابدأ الدرس
  6. 15 عوامل المقارنة في لغة جافا سكريبتJavaScript Comparison ابدأ الدرس
  7. 16 العوامل المنطقية في لغة جافا سكريبتJS Logical Operators ابدأ الدرس
  8. 17 عوامل تشغيل Bitwise أحادية في لغة جافا سكريبتJS Bitwise Operators ابدأ الدرس
  9. 18 العوامل في لغة جافا سكريبتJS Operators ابدأ الدرس
04

مصفوفات JavaScript

5 دروس
  1. 19 المصفوفات في لغة الجافا سكريبتJavaScript Arrays ابدأ الدرس
  2. 20 طباعة المصفوفات وعناصر المصفوفات بلغة جافا سكريبتJS print array ابدأ الدرس
  3. 21 عناصر المصفوفة في لغة الجافا سكريبتJS Array Elements ابدأ الدرس
  4. 22 دوال المصفوفات في لغة الجافا سكريبتJS Array Methods ابدأ الدرس
  5. 23 المصفوفات متعدده الأبعاد في لغة جافا سكريبتjs Multidimensional Array ابدأ الدرس
05

كائنات JavaScript

4 دروس
  1. 24 الكائنات في لغة الجافا سكريبتJavaScript Objects ابدأ الدرس
  2. 25 طباعة الكائنات في لغة جافا سكريبتJS Print Object ابدأ الدرس
  3. 26 دوال الكائنات في لغة جافا سكريبتJS Object Methods ابدأ الدرس
  4. 27 الكائنات والمصفوفات في لغة جافا سكريبتjs Object vs Array ابدأ الدرس
06

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

3 دروس
  1. 28 القواعد الشرطية في لغة جافا سكريبتJavaScript Conditions ابدأ الدرس
  2. 29 قاعدة if الشرطية مع المعامل الثلاثي في جافا سكريبتJS Ternary Operator ابدأ الدرس
  3. 30 قاعدة Switch الشرطية في لغة جافا سكريبتJavaScript Switch ابدأ الدرس
07

حلقات JavaScript

5 دروس
  1. 31 حلقات التكرار loops - جُملة for في لغة جافا سكريبتJavaScript For Loop ابدأ الدرس
  2. 32 حلقات التكرار loops - جُملة while في لغة جافا سكريبتJavaScript While Loop ابدأ الدرس
  3. 33 حلقات التكرار forEach Loop في لغة جافا سكريبتJavaScript forEach Loop ابدأ الدرس
  4. 34 JS for OF ابدأ الدرس
  5. 35 Js Break and Continue ابدأ الدرس
08

دوال JavaScript

10 دروس
  1. 36 الدوال في لغة جافا سكريبتJavaScript Functions ابدأ الدرس
  2. 37 تعريف الدالة في لغة جافا سكريبتJS Function Definitions ابدأ الدرس
  3. 38 عوامل أو معطيات الدوال في لغة جافا سكريبتJS Function Parameters ابدأ الدرس
  4. 39 خاصية call مع الدوال في لغة جافا سكريبتJS Function Call ابدأ الدرس
  5. 40 إستدعاء الدالة في لغة جافا سكريبتJS Function Invocation ابدأ الدرس
  6. 41 خاصية Apply في لغة جافا سكريبت مع الدوالJS Function Apply ابدأ الدرس
  7. 42 عبارة الكُتل البرمجية في لغة جافا سكريبتJS Block statement ابدأ الدرس
  8. 43 عمليات الإغلاق مع الدوال في لغة جافا سكريبتJS Function Closures ابدأ الدرس
  9. 44 النطاق في لغة جافا سكريبتJavaScript Scope ابدأ الدرس
  10. 45 JS Events ابدأ الدرس
09

أساسيات DOM في JavaScript

9 دروس
  1. 46 نموذج كائن المستند في لغة جافا سكريبتJavaScript DOM ابدأ الدرس
  2. 47 البحث علي عنصر داخل صفحة HTML في لغة جافا سكريبتDOM Get ابدأ الدرس
  3. 48 تعديل العناصر في صفحة HTML بلغة جافا سكريبتDOM Set ابدأ الدرس
  4. 49 التعامل مع خصائص العناصر في صفحة HTML عن طريق الجافا سكريبتDOM Attributes ابدأ الدرس
  5. 50 انشاء عناصر جديدة داخل صفحة HTML بلغة جافا سكريبتDOM Create ابدأ الدرس
  6. 51 طرق وأساليب حذف من شجرة DOM في لغة جافا سكريبتDOM Remove ابدأ الدرس
  7. 52 تعديل وإضافة style علي عناصر HTML في لغة جافا سكريبتDOM CSS ابدأ الدرس
  8. 53 دالة ClassList مع DOM في لغة جافا سكريبتDOM ClassList ابدأ الدرس
  9. 54 كائنات جاهزة في لغة جافا سكريبت لبعض العناصرDOM Collections ابدأ الدرس
10

أحداث JavaScript

6 دروس
  1. 55 الأحداث في لغة جافا سكريبتDOM Events ابدأ الدرس
  2. 56 دوال EventListener في لغة جافا سكريبتDOM EventListener ابدأ الدرس
  3. 57 حدث click في لغة جافا سكريبتClick Event ابدأ الدرس
  4. 58 أحداث واجهة المستخدم في لغة جافا سكريبتUI Events ابدأ الدرس
  5. 59 أحداث mouse في لغة جافا سكريبتMouse Events ابدأ الدرس
  6. 60 أحداث form في لغة جافا سكريبتForm Events ابدأ الدرس
11

التنقل في JavaScript

10 دروس
  1. 61 التنقل داخل شجرة DOM في لغة جافا سكريبتDOM Navigation ابدأ الدرس
  2. 62 دالة parentNode في لغة جافا سكريبتparentNode Method ابدأ الدرس
  3. 63 دالة childNodes في لغة جافا سكريبتchildNodes Method ابدأ الدرس
  4. 64 دالة firstChild في لغة جافا سكريبتfirstChild Method ابدأ الدرس
  5. 65 دالة lastChild في لغة جافا سكريبتlastChild Method ابدأ الدرس
  6. 66 دالة nextSibling في لغة جافا سكريبتnextSibling Method ابدأ الدرس
  7. 67 دالة previousSibling في لغة جافا سكريبتpreviousSibling ابدأ الدرس
  8. 68 دالة parentElement في لغة جافا سكريبتparentElement ابدأ الدرس
  9. 69 دالة nextElementSibling في لغة جافا سكريبتnextElementSibling ابدأ الدرس
  10. 70 دالة previousElementSibling في لغة جافا سكريبتpreviousElementSibling ابدأ الدرس
12

BOM المتصفح في JavaScript

12 درس
  1. 71 مقدمة في نموذج كائن المستند في لغة جافا سكريبتBOM Introduction ابدأ الدرس
  2. 72 كائن Window في لغة جافا سكريبتJavaScript Window ابدأ الدرس
  3. 73 دالة window open في لغة جافا سكريبتWindow Open ابدأ الدرس
  4. 74 دالة window close في لغة جافا سكريبتWindow Close ابدأ الدرس
  5. 75 خاصية screen مع كائن window في لغة جافا سكريبتWindow Screen ابدأ الدرس
  6. 76 خاصية location مع كائن window في لغة جافا سكريبتWindow Location ابدأ الدرس
  7. 77 كائن Window History في لغة جافا سكريبتWindow History ابدأ الدرس
  8. 78 خاصية State مع كائن Window History في لغة جافا سكريبتHistory State ابدأ الدرس
  9. 79 دالة pushState مع كائن History في لغة جافا سكريبتHistory pushState ابدأ الدرس
  10. 80 تطبيق ذو الصفحة الواحدة في لغة جافا سكريبتJavaScript SPA ابدأ الدرس
  11. 81 كائن Window Navigator في لغة جافا سكريبتWindow Navigator ابدأ الدرس
  12. 82 تنفيذ أوامر برمجية بعد وقت محدد في لغة جافا سكريبتJavaScript Timing ابدأ الدرس
13

إصدار ES6 من JavaScript

8 دروس
  1. 83 Arrow Function ابدأ الدرس
  2. 84 JavaScript Cookies ابدأ الدرس
  3. 85 JavaScript Classes ابدأ الدرس
  4. 86 Math Methods ابدأ الدرس
  5. 87 Number functions ابدأ الدرس
  6. 88 String Functions ابدأ الدرس
  7. 89 JavaScript Sets ابدأ الدرس
  8. 90 Maps ابدأ الدرس
14

الكائنات المتقدمة

10 دروس
  1. 91 Object Definition ابدأ الدرس
  2. 92 Object Properties ابدأ الدرس
  3. 93 Object Methods ابدأ الدرس
  4. 94 Display Objects ابدأ الدرس
  5. 95 Object Accessors ابدأ الدرس
  6. 96 Object Constructors ابدأ الدرس
  7. 97 Object Prototypes ابدأ الدرس
  8. 98 Object Iterables ابدأ الدرس
  9. 99 Object Sets ابدأ الدرس
  10. 100 Object Maps ابدأ الدرس
15

أصناف JavaScript

3 دروس
  1. 101 Class Intro ابدأ الدرس
  2. 102 Class Inheritance ابدأ الدرس
  3. 103 Static Methods ابدأ الدرس
16

JavaScript غير المتزامن

4 دروس
  1. 104 JS Callbacks ابدأ الدرس
  2. 105 JS Asynchronous ابدأ الدرس
  3. 106 JS Promises ابدأ الدرس
  4. 107 JS Async/Await ابدأ الدرس
17

واجهات Web API في JavaScript

7 دروس
  1. 108 Web API Intro ابدأ الدرس
  2. 109 Web Forms API ابدأ الدرس
  3. 110 Web Storage API ابدأ الدرس
  4. 111 Web History API ابدأ الدرس
  5. 112 Web Workers API ابدأ الدرس
  6. 113 Web Fetch API ابدأ الدرس
  7. 114 Web Geolocation API ابدأ الدرس
18

AJAX في JavaScript

6 دروس
  1. 115 AJAX Introduction ابدأ الدرس
  2. 116 AJAX XMLHttp ابدأ الدرس
  3. 117 AJAX Request ابدأ الدرس
  4. 118 AJAX Response ابدأ الدرس
  5. 119 AJAX XML File ابدأ الدرس
  6. 120 AJAX PHP ابدأ الدرس
19

JSON في JavaScript

11 درس
  1. 121 JSON Intro ابدأ الدرس
  2. 122 JSON Syntax ابدأ الدرس
  3. 123 JSON vs XML ابدأ الدرس
  4. 124 JSON Data Types ابدأ الدرس
  5. 125 JSON Parse ابدأ الدرس
  6. 126 JSON Stringify ابدأ الدرس
  7. 127 JSON Object ابدأ الدرس
  8. 128 JSON Array ابدأ الدرس
  9. 129 JSON Server ابدأ الدرس
  10. 130 JSON PHP ابدأ الدرس
  11. 131 JSON HTML ابدأ الدرس
20

موضوعات أخرى

3 دروس
  1. 132 دوال المصفوفات متقدمة في لغة جافا سكريبتJs Advanced Methods ابدأ الدرس
  2. 133 العُقد مع DOM في لغة جافا سكريبتJS DOM Nodes ابدأ الدرس
  3. 134 JS DOM Nodes ابدأ الدرس
21

DOM المتقدم في JavaScript

12 درس
  1. 135 Creation Methods ابدأ الدرس
  2. 136 JS DOM Animation ابدأ الدرس
  3. 137 DOM Document ابدأ الدرس
  4. 138 Add elements ابدأ الدرس
  5. 139 Child Elements ابدأ الدرس
  6. 140 Class Elements ابدأ الدرس
  7. 141 Client Properties ابدأ الدرس
  8. 142 has properties ابدأ الدرس
  9. 143 خصائص للأدخالinsert Properties ابدأ الدرس
  10. 144 Scroll Properties ابدأ الدرس
  11. 145 IS Methods x ابدأ الدرس
  12. 146 Offset Prosperities ابدأ الدرس

خطوة صغيرة كل يوم. فرق كبير مع الوقت.

جاهز تبدأ؟

تعلّم جافا سكريبت خطوة بخطوة من أول درس.

ابدأ بالدرس الأول المتاح وطبّق كل فكرة بنفسك، وبعدها كمّل المسار في معسكرات كلوز تاج.