أساسيات تطوير الويب | HTML | CSS | JavaScript

الخطوات الأولى في التطوير:

• أمر الطباعة console.log

• تعريف متغير من نوع var

• دمج المتغيرات مع console.log

العمليات الحسابية الأساسية:

• تعريف متغيرات الأعداد

• العمليات الحسابية - الجمع، الطرح، الضرب، والقسمة

• استخدام console.log مع العمليات الحسابية

السلاسل النصية:

• ما هو string

• تعريف متغيرات string

• فهم فهرسة السلاسل النصية

• استخدام عامل الأقواس المربعة []

الشروط والمتغيرات البوليانية:

• فهم شرط if

• عملية أكبر من

• عملية أصغر من

• عملية المساواة

• عملية عدم المساواة (غير متساوي)

• عملية أكبر من أو يساوي

• عملية أصغر من أو يساوي

• استخدام الشروط البسيطة

شروط متقدمة:

• شروط متقدمة ومعاملات منطقية (&& و ||)

• استخدام if و else

• استخدام شروط معقدة مع else if

عملية الباقي:

• استخدام عملية الباقي (%) لحساب الباقي

• استخدام طريقة لحساب عدد الأرقام في رقم

• استخدام parseInt لتقريب نتيجة رقم

حلقات While:

• كيفية كتابة حلقة while

• فهم مفهوم الفهرس واستخداماته

حلقات التكرار For:

• تعريف حلقة التكرار for واستخداماتها

• فهم تهيئة الحلقة والزيادة والإنهاء

مواضيع متقدمة في Modulo:

• استخدام modulo لمهام أكثر تعقيدا

• كيفية حساب مجموع أرقام الأعداد

المصفوفات:

• تعريف مصفوفة

• فهم مفهوم الفهرس في المصفوفة واستخداماته

• التكرار على المصفوفات باستخدام الحلقات

الكائنات:

• تعريف كائن فارغ

• تهيئة المفاتيح في كائن

• الوصول إلى المفاتيح باستخدام عامل النقطة

• الوصول إلى المفاتيح بشكل ديناميكي

مواضيع متقدمة في الكائنات:

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

• استخدام حلقة للتكرار على مصفوفة الكائنات

• طريقة Object.keys

• طريقة Object.values

• طريقة JSON.stringify

• طريقة JSON.parse

الجزء الأول من الدوال:

• تعريف الدوال

• تعريف معاملات لدالة

• قيم الإرجاع لدالة

• كتابة دوال أكثر تعقيدًا

الجزء ب من الدوال:

• استدعاء عدة دوال

• استدعاء دالة داخل دالة أخرى.

• تسلسل الدوال

حلقات For المتداخلة:

• تعريف حلقات For المتداخلة

• الاستخدام الصحيح للفهارس

• أمثلة معقدة مع arrays

بناء عنصر باستخدام الكود:

• دمج عوالم HTML، CSS، و JavaScript معًا

• فهم الـ DOM (نموذج كائن المستند)

• إنشاء عنصر HTML بسيط باستخدام الكود

• استخدام innerText و classList

• استخدام دالة appendChild

بناء قائمة باستخدام حلقة تكرار:

• إنشاء عنصر ul ديناميكي

• إنشاء عناصر li ديناميكية

• استخدام الدوال للإنشاء الديناميكي

استرجاع العناصر من الصفحة:

• فهم وظيفة getElementById للاسترجاع

• فهم وظيفة getElementsByClassName للاسترجاع

• فهم وظيفة getElementsByTagName للاسترجاع

• فهم وظيفة querySelectorAll للاسترجاع

• فهم وظيفة querySelector للاسترجاع

• فهم وظيفة createElement للإنشاء

بناء جدول ديناميكي:

• إنشاء عنصر جدول بشكل ديناميكي

• استخدام arrays و functions لبناء الجدول

الأحداث الجزء أ:

• ربط حدث النقر بزر

• استخدام addEventListener

• إدراج محتوى ديناميكياً في الصفحة بعد حدث مع المستخدم

الجزء ب من الأحداث:

• استخدام الإدخالات والأحداث

• تكامل العناصر الديناميكية

• أمثلة أكثر تعقيدا

وظائف الرجوع:

• ما هي وظيفة الرجوع

• متى يتم استخدامها

• كيفية تمرير الوسائط

• كيفية التحقق من صحة الكود

المؤقتات:

• فهم وظيفة setTimeout

• فهم وظيفة setInterval

• فهم الطبيعة الغير متزامنة في اللغة

التواصل مع الخادم الجزء أ:

• فهم كائن xmlHttpRequest

• إنشاء تواصل مع خادم حقيقي لجلب البيانات

• بناء عناصر ديناميكية على الصفحة

التواصل مع الخادم الجزء ب:

• استخدام الأحداث والتواصل

• إنشاء تدفق معقد لصفحة ديناميكية تتفاعل مع الخادم

• فهم السلوك غير المتزامن في JavaScript

استخدام Promises:

• فهم كائن Promise

• استخدام then و catch

• إنشاء التواصل باستخدام Promises

• إنشاء تدفق معقد باستخدام Promises

كلمات الختام