متدفعش جنيه في كورس قبل ما تخلّص المصادر المجانية دي.
دي اللينكات اللي في الفيديو، بنفس الترتيب. كلهم تقدر تبدأ فيهم ببلاش، ومع كل واحد هتلاقي هو إيه بالظبط، وإمتى ترجعله.
المصادر بالترتيب
- 1. Elzero Web School (بيفتح في تاب جديدة)قناة يوتيوب بالعربي، فيها playlist لكل واحدة من HTML و CSS و JavaScript من الصفر: دوّر على Learn HTML In Arabic 2021 و Learn CSS In Arabic 2021 و Learn JavaScript in Arabic 2021. ابدأ بيها لو لسه بتبدأ وعايز حد يشرحلك الفكرة بالعربي.
- 2. MDN Web Docs (بيفتح في تاب جديدة)موقع Mozilla اللي بيوثّق HTML و CSS و JavaScript. أي tag أو property أو function ليها صفحة فيها شرح وأمثلة، وكتير منها فيه مثال تعدّل فيه وتجربه في نفس الصفحة. ده المرجع اللي هترجعله طول عمرك، كل ما تحتاج تعرف حاجة بتشتغل إزاي. الموقع بالإنجليزي، ومفيهوش نسخة عربي.
- 3. javascript.info (بيفتح في تاب جديدة)شرح مكتوب لـ JavaScript من الأساسيات لحد المواضيع المتقدمة، ومع أغلب الدروس تمارين بحلولها. اللينك ده للنسخة العربي: أغلب دروس الجزء الأول (اللغة نفسها) مترجمة، لكن لسه فيه دروس كتير بالإنجليزي، خصوصًا في جزء المتصفح والمقالات الإضافية، والأصل على javascript.info. ارجعله لما توصل لـ JavaScript وعايز تفهمها بالتفصيل.
- 4. Frontend Mentor (بيفتح في تاب جديدة)تاخد تصميم جاهز لصفحة أو component وتحوّله لكود بإيدك، وتقدر تشوف حلول ناس تانية لنفس التحدي. أكتر من نص التحديات مجاني، والتحدي المجاني بينزل معاه صور التصميم وملف فيه الألوان والخطوط. الباقي Premium ومحتاج اشتراك Pro. ابدأ بمستوى newbie أول ما تخلّص أساسيات HTML و CSS.
- 5. The Odin Project (بيفتح في تاب جديدة)مسار Full Stack كامل، ومجاني بالكامل: تبدأ بـ Foundations، وبعدها تختار Full Stack JavaScript أو Full Stack Ruby on Rails، وتمشي في الكورسات بالترتيب. بيجمعلك شروحات مكتوبة من على النت (بالإنجليزي)، وفيه مشاريع تبنيها بنفسك من أول مرحلة، زي Landing Page و Calculator. استخدمه لو عايز طريق مترتب من الأول للآخر بدل ما تجمّع المصادر بنفسك.
اتفرّج بالعربي، واقرا التوثيق بالإنجليزي
دي أهم نصيحة في الفيديو. الفيديو بالعربي بيسهّل عليك الفكرة في الأول، لكن المرجع اللي هتفضل ترجعله، زي MDN، بالإنجليزي. فعوّد نفسك تقراه من بدري.
وده مش رأيي لوحدي: في استبيان Stack Overflow للمطورين 2025، التوثيق التقني كان أكتر مصدر الناس اتعلمت منه، وحوالي 68% من اللي جاوبوا على السؤال ده قالوا إنهم اتعلموا منه في السنة اللي فاتت.
احفظ الصفحة دي، وابدأ بأول مصدر النهارده.