أساسيات JavaScript — من الصفر إلى صفحة ويب حقيقية

عن الدورة

JavaScript هي لغة الويب — كل صفحة تفاعلية وكل إطار عمل أمامي يبدأ من هنا. نمشي في الأساسيات الحديثة (let/const، الدوال السهمية، fetch، DOM) بالإضافة إلى الأنماط التي تُبنى عليها الأُطُر. مع اللقاء الثامن تكون قد نشرت تطبيقًا تفاعليًا صغيرًا — متعقّب عادات أو قائمة مهام أو ودجت طقس — حيًّا على GitHub Pages برابطك للمشاركة.

ما ستتعلّمه

• 1

  إعداد VS Code وكونسول المتصفح وأول سكربت لك

  VS Code و DevTools و'Hello world' تعمل في المتصفح.

• 2

  المتغيرات والأنواع والصياغة الحديثة

  let و const. السلاسل والأرقام والمصفوفات. القوالب.

• 3

  الدوال والدوال السهمية

  كود قابل لإعادة الاستخدام. اختصار السهم. العودة مقابل الآثار الجانبية.

• 4

  الحلقات والشروط ودوال المصفوفات

  if/else و for و while. الثلاثي map/filter/reduce الذي يحرّك الويب الحديث.

• 5

  DOM — تحريك الصفحة

  querySelector و addEventListener و classList. ابنِ عدّاد نقرات.

• 6

  fetch و APIs

  استدعِ API حقيقي (طقس، نكت). الـ promises، async/await، معالجة الأخطاء.

• 7

  Local storage وهيكل المشروع

  احفظ البيانات دون خادم. جهّز مشروعك النهائي.

• 8

  انشره — GitHub Pages ورابط حي

  ادفع إلى GitHub. فعّل Pages. شارك رابطك.

المهارات اللي هتبنيها

• JavaScript
• ES2024
• DOM
• fetch
• async/await
• VS Code
• GitHub Pages
• الواجهة الأمامية