جافاسكريبت للمبتدئين

جافاسكريبت هي لغة الويب من جانب المتصفح، وأيضًا لغة خادم منتشرة جدًا (Node.js). إنها لغة ثانية جيدة، ومرحلة لا بد منها لكل ما هو تفاعلي في صفحة ويب.

يفترض هذا الدليل معرفة أساسيات HTML/CSS؛ وإلا فابدأ بـ HTML وCSS: الأساسيات.

01 — أين يعمل

المتصفح والخادم

في المتصفح، تستجيب جافاسكريبت للنقرات، وتعدّل الصفحة، وتستدعي واجهات API. مع Node.js، تعمل من جانب الخادم لأدوات وواجهات API ونصوص برمجية. اللغة واحدة، والبيئة تتغيّر.

02 — الأساسيات

ما يجب معرفته قبل كل شيء

• المتغيرات (let، const)، الأنواع، العوامل.
• الشروط، الحلقات، الدوال (بما فيها الدوال السهمية).
• المصفوفات والدوال (map، filter، reduce)، الكائنات.
• البرمجة غير المتزامنة: الوعود وasync/await.

03 — DOM

التأثير على الصفحة

اختيار العناصر، والاستماع للأحداث، وتعديل المحتوى والفئات. هذا ما يجعل الصفحة حيّة. احذر الأخطاء الشائعة: نسيان إزالة مستمع حدث، أو التلاعب بـ DOM قبل جاهزيته.

04 — أول مشروع

صغير، مكتمل، تفاعلي

قائمة مهام، اختبار، محوّل، لعبة صغيرة، أو صفحة تستهلك واجهة API عامة باستخدام fetch. انشرها. إنها دليلك.

05 — الخطوة التالية

اختيار إطار عمل لاحقًا

بعد إتقان اللغة، يصبح إطار العمل (React، Vue، Svelte) مفيدًا. اعتماده مبكرًا جدًا يخفي أساسيات ستفتقدها لاحقًا.

06 — أسئلة شائعة

أسئلة شائعة

جافاسكريبت أم بايثون أولاً؟

للويب التفاعلي، جافاسكريبت. للبيانات والأتمتة والذكاء الاصطناعي، بايثون. اللغتان تتكاملان.

هل يجب تعلّم React مباشرة؟

لا. أولاً أساسيات اللغة وDOM؛ ثم React لاحقًا، عندما تصبح مزاياه واضحة.

متى وقت TypeScript؟

بعد أن تصبح مرتاحًا مع جافاسكريبت. تضيف TypeScript أنواعًا مفيدة مع نمو المشاريع.

07 — الموارد والروابط

إلى أين تذهب، بشكل عملي