تعلم البرمجة من الصفر — خطة 30 يوماً نحو أول 100 دولار، تنتهي بأول صفحة هبوط جاهزة للتسليم
أربعة أسابيع، ساعتان باليوم، وكل يوم مهمة وحدة واضحة: من تثبيت المحرر حتى أول عرض بتبعته لصاحب مشروع. خطة لمن بدأ للتو ويبي صفحات ويب حقيقية بدل الدوران بالدروس.
100 دولار بالبرمجة: هدف تمرين… مو وعد
اقرأ هالسطر قبل أي شي: رقم 100 دولار هون هدف تمرين نقيس فيه إذا حلقة البرمجة الصغيرة اشتغلت كاملة: صفحة تبنيها، عرض تقدمه، تسليم، ثم قبض. مو وعد بدخل ولا رقم مضمون. من يبدأ بالبرمجة من الصفر يحتاج غالباً من 3 لـ9 أشهر لأول دخل منتظم، وهذا اللي بنقوله بصفحة خارطة أول 100 دولار. وإن لم تصل بالثلاثين يوماً فعندك الآن صفحات منجزة تثبت أنك تتقدم.
الخطة مبنية على نوع واحد من الشغل: صفحات الويب الصغيرة (صفحة هبوط، موقع تعريفي لمحل، تعديلات على موقع جاهز). مو تطبيقات ولا أنظمة. السبب أن هالنوع هو الأقرب لأول دولار عند مبتدئ، وأدواته كلها مجانية وخفيفة. إذا بدك الصورة الأوسع للمسار ومراحله الست، ابدأ من مسار البرمجة.
افترض أنك ما تعرف شي. الساعتان اليوميتان: ساعة تعلّم وساعة بناء. وإذا انقطعت الكهرباء، سجّل بدفتر وين وقفت وكمّل من نفس النقطة لأن كل مهمة صغيرة ومستقلة. خلال الأسابيع الثلاثة الأولى ما في تقديم على أي منصة: أنت عم تصنع الإثبات أولاً.
عدّتك للثلاثين يوم: خمس أدوات وبس
كل شي هون مجاني ويشتغل على جهاز بذاكرة 4 غيغا. ما تثبّت أكتر من هيك قبل ما تحتاج.
| الأداة | شو بتعمل فيها بهالخطة | ملاحظة |
|---|---|---|
| VS Code | كتابة كل الصفحات | إذا الجهاز ثقيل عليه، استخدم محرراً أخف للأسبوع الأول |
| GitHub | حفظ المشاريع ونشرها بـGitHub Pages | رابط واحد يفتح بثانيتين: هو معرض أعمالك |
| أدوات المطور بالمتصفح (DevTools) | فحص الصفحة وتجريب الموبايل | مدمجة بكروم وفايرفوكس بلا تنزيل |
| freeCodeCamp | منهج HTML وCSS وجافاسكربت بالتسلسل | حمّل الدروس وقت توفر النت وكمّل أوفلاين من الملاحظات |
| Frontend Mentor | تحديات تصميم جاهزة بمستوى مبتدئ | اختر التحديات المجانية فقط |
| MDN Web Docs | المرجع عند أي سؤال | ابحث فيه قبل ما تسأل أي حدا |
الأسبوع الأول: أساس الصفحة بـHTML وCSS
الهدف: صفحتان تنفتحان برابط عام. ما في داعي تفهم كل شي، بس لازم تنهي كل مهمة بشي ظاهر على الشاشة.
| اليوم | المهمة المحددة |
|---|---|
| اليوم 1 | ثبّت VS Code وافتح حساب GitHub بباسمك الحقيقي. أنشئ مجلداً للمشروع وصفحة فيها عنوان وفقرة وصورة. أول 45 دقيقة للتجهيز فقط. |
| اليوم 2 | أنهِ قسم HTML الأساسي (العناوين، الروابط، القوائم) من freeCodeCamp وابنِ صفحة «من أنا» بخمسة عناصر مختلفة. |
| اليوم 3 | CSS: الألوان والخطوط والمسافات. حوّل صفحة «من أنا» لتصميم مرتب بخط عربي من Google Fonts، وأضف dir="rtl" وافحص اتجاه النص. |
| اليوم 4 | صفحة تعريفية لمقهى متخيّل: ترويسة، قائمة أصناف بأسعار وهمية معلَّمة «نموذج»، وزر تواصل برابط وهمي. لا تكتب أي رقم هاتف حقيقي. |
| اليوم 5 | Flexbox: ثلاث بطاقات للأصناف بصف واحد، وتمرّن على المحاذاة والمسافات حتى تصير الصفحة مرتبة بلا تقطيع. |
| اليوم 6 | Git: أول commit ورفعه لمستودع GitHub، وفعّل GitHub Pages وتأكد أن الرابط يفتح على موبايلك الحقيقي. |
| اليوم 7 | مراجعة: أعد كتابة صفحة المقهى من الصفر بلا نظر للكود القديم. الأخطاء اللي طلعت هي «قائمة أخطائك» للأسبوع الجاي. |
مخرجات نهاية الأسبوع الأول:
- صفحتان منشورتان على GitHub Pages (من أنا + المقهى)
- مستودع فيه 6 commits على الأقل
- قائمة أخطاء شخصية من خمسة بنود
الأسبوع الثاني: التجاوب مع الموبايل وأول جافاسكربت
الهدف: صفحات بتنفتح صح على الموبايل، وزر أو نموذج بيتفاعل. أغلب زوار مواقع المحلات من الموبايل، فهالأسبوع هو اللي بيفرق بين شغل بيينقبل وشغل بيرجع.
| اليوم | المهمة المحددة |
|---|---|
| اليوم 8 | Media queries: خلّي صفحة المقهى عموداً واحداً على الموبايل. جرّب بمحاكي المتصفح ثم على موبايلك. |
| اليوم 9 | Grid: صفحة معرض من ست بطاقات بتصير ثلاثة أعمدة ثم عمودين ثم عموداً واحداً حسب عرض الشاشة. |
| اليوم 10 | جافاسكربت الأساسية: المتغيرات والدوال. اعمل زراً يبدّل النص وآخر يبدّل الوضع الداكن. |
| اليوم 11 | نموذج تواصل: تحقق من الحقول (الاسم، البريد، الرسالة) بالجافاسكربت مع رسائل خطأ بالعربي واضحة. |
| اليوم 12 | نفّذ تحدياً مجانياً بمستوى مبتدئ من Frontend Mentor حسب التصميم المرفق، وقارنه بالأصل جنباً لجنب. |
| اليوم 13 | اقرأ حلاً مجتمعياً لتحدٍ ثانٍ، واكتب خمسة أسطر عمّا تعلمته، ثم حسّن حلك بما أخذته. |
| اليوم 14 | تدقيق السرعة: ضغط الصور وإبقاء الصفحة تحت ميغابايت واحد، وراقب تبويب الشبكة بأدوات المطور. |
مخرجات نهاية الأسبوع الثاني:
- ثلاث صفحات متجاوبة
- نموذج يتحقق من المدخلات
- تحدٍ منفّذ مع لقطة مقارنة بالأصل
الأسبوع الثالث: ثلاثة نماذج للمعرض وعمل تجريبي حقيقي
الهدف: معرض أعمال بثلاثة نماذج، وعمل واحد تجريبي لصاحب مشروع حقيقي. أول مرة بتتعامل فيها مع «عميل»، حتى لو ما دفع.
| اليوم | المهمة المحددة |
|---|---|
| اليوم 15 | حدد نماذجك الثلاثة: صفحة هبوط لمتجر، صفحة مطعم أو مقهى (محسّنة من الأسبوع الأول)، وصفحة لخدمة محلية. اكتب لكل نموذج سطراً عن المشكلة اللي بيحلها. |
| اليوم 16 | صفحة هبوط لمتجر ملابس متخيّل: بطل، ثلاث مزايا، قسم آراء معلَّم «نموذج»، وزر طلب برابط تجريبي. |
| اليوم 17 | النموذج الثالث: صفحة نجّار أو مصوّر بمعرض صور وقسم أسعار تقريبية وزر تواصل. |
| اليوم 18 | ابحث عن صاحب مشروع صغير له صفحة فيسبوك أو إنستغرام بلا موقع، واقترح عليه صفحة بسيطة مقابل شهادة مكتوبة. مشروع تجريبي واحد، وسمّه تجريبياً بصدق. |
| اليوم 19 | نفّذ النسخة الأولى وأرسلها للمراجعة، وسجّل التعديلات المطلوبة مثل أي عميل. |
| اليوم 20 | لمّع المعرض: ملف README لكل مشروع (الهدف، الأدوات، الرابط الحي) وصفحة رئيسية تجمعها. |
| اليوم 21 | اكتب نسختين من العرض: واحدة لخدمة على خمسات (من قوالب عناوين الخدمات) وواحدة لمشروع على مستقل (من قالب أول تواصل). |
مخرجات نهاية الأسبوع الثالث:
- ثلاثة نماذج حيّة برابط
- ملاحظة أو شهادة مكتوبة من صاحب المشروع التجريبي
- نسختا عرض جاهزتان للتعديل
الأسبوع الرابع: التقديم والتسليم والجرد
الهدف: ثمانية عروض على الأقل، ومتابعة منظّمة. هالأسبوع بيحدد إذا الحلقة اكتملت: بتقدّم، بتتفاوض، بتسلّم، بتقبض.
| اليوم | المهمة المحددة |
|---|---|
| اليوم 22 | افتح حسابك على خمسات باسمك الحقيقي وبلا VPN، وانشر خدمة «صفحة هبوط من صفحة واحدة» بثلاث باقات واضحة. |
| اليوم 23 | افتح حسابك على مستقل، واقرأ عشرين مشروعاً منشوراً بفئة تطوير المواقع. سجّل المتكرر منها: تعديل قالب، إصلاح عرض الموبايل، صفحة هبوط. |
| اليوم 24 | قدّم ثلاثة عروض مخصصة على مشاريع صغيرة جداً تناسب مستواك الآن، وكل عرض يذكر تفصيلاً من وصف المشروع نفسه. |
| اليوم 25 | أرسل خمس رسائل لأصحاب صفحات محلية بلا موقع (مطاعم، صالونات، محلات) مع رابط النموذج الأقرب لنشاطهم. رسالة قصيرة بلا إلحاح. |
| اليوم 26 | تابع الردود، وأرسل تذكيراً مهذباً لمن لم يرد بعد 48 ساعة. سجّل كل شي بجدول متابعة (متتبع المشاريع). |
| اليوم 27 | قدّم ثلاثة عروض إضافية، وعدّل صياغتك حسب أي رد وصلك، حتى الرفض بيعلّمك. |
| اليوم 28 | إذا وصلك رد إيجابي: اتفقوا كتابياً على النطاق وعدد التعديلات والمدة قبل أول سطر كود، ورتّب طريقة القبض. |
| اليوم 29 | سلّم العمل قبل الموعد بيوم، واطلب التقييم بجملة مباشرة. وإذا ما وصل عميل بعد، حسّن المعرض حسب الأسئلة اللي انطرحت عليك. |
| اليوم 30 | جرد اليوم الثلاثين: كم عرض أرسلت، كم رداً وصلك، كم تعديلاً طُلب، كم دخل (حتى لو صفر)، وخطة الشهر الجاي. |
مخرجات نهاية الأسبوع الرابع:
- ثمانية عروض مرسلة على الأقل مسجلة بجدول
- خدمة منشورة على خمسات
- تقرير الثلاثين يوماً بأرقامك أنت
وين تقدّم أول عرض لشغل الويب
الأولوية للمنصات العربية: خمسات ومستقل ونفذلي بيقبلوا التسجيل من داخل سوريا حسب صفحات الحالة. على خمسات انشر خدمة جاهزة، وعلى مستقل قدّم على مشاريع صغيرة تناسب مستواك، وهي غالباً تعديل قالب أو صفحة هبوط.
Upwork وFiverr مو خيار من داخل سوريا حالياً: الأولى ما تقبل التسجيل من الداخل والثانية الحسابات المنشأة من سوريا بتتقيّد عملياً (حسب صفحتي الحالة). وFreelancer.com حالته غير محسومة بالنسبة لنا، فلا تبنِ عليه خطتك قبل ما تتأكد من السحب. وإذا كنت مقيماً بالخارج فالصورة مختلفة، ولها خطة مستقلة بين خطط الوضع.
القناة الثالثة هي الشغل المحلي المباشر: محلات ومطاعم وصالونات عندها صفحات سوشال ميديا وما عندها موقع. ما في عمولة منصة هون، لكن ما في حماية منصة كمان، فاتفق كتابياً قبل أي سطر كود.
أحكام المنصات بهالخطة مرجعها صفحات الحالة بتاريخ 2 تشرين الأول 2026؛ ولأن السياسات بتتبدل، تأكد من صفحة المنصة قبل ما تصرف عليها ساعات.
كيف بتقبض أول مبلغ
الواقع الذي نوثّقه بصفحتي الحالة: خمسات ومستقل بيقبلوا التسجيل من داخل سوريا، لكن وسيلة السحب الرسمية عند خمسات هي PayPal، وهو لا يعمل بسوريا. أما مستقل فيحجز أرباح المشروع 14 يوماً قبل أن تُسحب، وله حد أدنى للسحب (25 دولاراً بحسب صفحة حالتنا). أي أن القبض يمر بطرف خارجي لا محالة.
الترتيب الشائع الذي يشرحه الدليل: انتبه: ما يلي مخالف في العادة لشروط المنصات، وقد ينتهي بتجميد الرصيد. تفاصيل المخاطر في الاستلام عبر قريب بالخارج، فاقرأها قبل أن توافق على أي ترتيب. حساب لقريب أو وسيط خارج سوريا يستقبل الأجر، ثم تصلك الأموال حوالةً أو بـUSDT. لا تبدأ أي مشروع قبل ما تعرف مين هالشخص وكم بياخد وبأي سعر صرف. بالمشاريع المحلية داخل سوريا، اتفق على العملة وطريقة الدفع مكتوبة، وخذ دفعة مقدمة قبل البدء.
المقارنة بين طرق القبض بالتفصيل عند دليل القبض بالدولار من سوريا، والتحديث الشهري في مرصد القبض. اتفق على طريقة القبض أولاً، ثم سلّم.
كيف ممكن توصل 100$ بحساب بسيط
هاد مثال حسابي واحد من احتمالات كتيرة، هدفه تفهم كم عرض بتحتاج وليس أن تلتزم بهالأرقام.
| البند | الحساب | الناتج |
|---|---|---|
| صفحة هبوط لمشروع محلي | 1 × 30$ | 30$ |
| إصلاح وتعديل موقع جاهز | 2 × 15$ | 30$ |
| خدمة الباقة الأساسية على خمسات | 2 × 20$ | 40$ |
| المجموع قبل عمولة المنصة | 100$ | |
| لو كانت العمولة 20% (النسبة التاريخية بخمسات) | 100 ÷ 0.8 | تحتاج 125$ إجمالياً حتى يصل 100$ صافياً |
الأرقام المكتوبة أعلاه تمرين حسابي ليس إلا، ولا تدل على دخل متوقع. لتحدّد سعرك بنفسك افتح حاسبة التسعير.
وإذا ما مشي الحال؟
- نهاية الأسبوع الأول: إذا ما نشرت صفحة على GitHub Pages، لا تنتقل. ارجع لمهمة اليوم السادس وأنهِها، لأن كل الأسابيع بعدها تعتمد على الرابط الحي.
- نهاية الأسبوع الثاني: إذا ما قدرت تعمل زراً بالجافاسكربت، خفّف الخطة: خلّي الجافاسكربت للأسبوع الثالث وركّز على صفحات HTML وCSS متجاوبة، لأن أغلب شغل المبتدئ تعديلات تصميم.
- إذا مضى الأسبوع الثالث من التقديم بلا أي رد: غالباً العروض عامة. اطلب من شخص ثانٍ يقرأ ثلاثة عروضك، وتأكد أن كل عرض يذكر تفصيلاً من المشروع ورابط نموذج قريب منه. وإذا كانت العروض مخصصة والرد ما وصل، اعمل مشروعاً رابعاً بالمجال الأكثر طلباً بالمشاريع اللي قرأتها.
- إذا مرّ الشهر بلا دخل: هاد طبيعي ومتوقع. كمّل بنفس الجدول شهراً تانياً، ولا تغيّر المسار قبل ما تكمّل 40 عرضاً.
صفحات بتسندك خلال الثلاثين يوم
- مسار البرمجة الكامل — المراحل الست والمصادر المجانية
- قائمة فحص البرمجة — تأكد قبل تسليم أي مشروع
- أخطاء البرمجة القاتلة — لا تقع بالفخاخ المعروفة
- قالب أول تواصل مع عميل — جاهز للتعديل
- بورتفوليو بلا خبرة — كيف تعرض مشاريعك التدريبية بصدق
وجاهز تثبّت اللي تعلمته؟ جرّب اختبار الإتمام: الشهادة موثّقة برمز تحقق QR.
أسئلة بتوصلنا عن خطة البرمجة
ثلاثين يوم تكفي لأتعلم البرمجة؟
لا تكفي لتصير مبرمجاً. بتكفي لتبني صفحات ويب بسيطة وتجرّب سوق العروض. المسار الكامل بمراحله الست بياخد شهوراً، وفيه توضيح بصفحة المسار.
وإذا ما عندي لابتوب قوي؟
المحرر والمتصفح بيشتغلوا على ذاكرة 4 غيغا. ما بتحتاج جهازاً قوياً لصفحات الويب، لكن بتحتاج كهرباء منتظمة. اكتب بدفتر ورقي ما وقفت عليه وكمّل.
أبيع قوالب جاهزة بدل ما أبرمج من الصفر؟
تعديل القوالب مقبول إذا كنت صريحاً مع العميل، وتفهم اللي عدّلته. بس لا تبدأ منه: ابنِ الأساس بنفسك أولاً حتى تعرف تصلح لما ينكسر القالب.
من وين أخدنا المعلومات
- صفحة المسار على موقعنا: مسار البرمجة (آب–أيلول 2026): ما ذُكر من أدوات وروابط تعليمية مصدره هذه الصفحة والمواقع الرسمية للأدوات.
- صفحات حالة المنصات على موقعنا: خمسات ومستقل ونفذلي (آخر تحقق: آب 2026، وشروطها الرسمية لم نتحقق منها)، وUpwork وFiverr (آب 2026)، وأعدنا فحص الكلام بتاريخ 2 تشرين الأول 2026.
- دليل القبض بالدولار من سوريا ومرصد القبض الشهري (آخر تحقق: 2 تشرين الأول 2026).
- خارطة أول 100 دولار على موقعنا: التقدير الواقعي لأول دخل: من 3 إلى 9 أشهر بحسب صفحة الخارطة (آب 2026).
- الأدوات: freeCodeCamp، MDN Web Docs، Frontend Mentor، GitHub (مواقعها الرسمية).
كتب هالصفحة فريق مهارات سوريا. تاريخ الكتابة والتحقق: 2 تشرين الأول 2026.
← كل صفحات القسم: خطط 30 يوماً
الخطة أسهل لما تمشي فيها مع ناس
القناة فيها متابعة أسبوعية وأسئلة وأجوبة من ناس بنفس خطوتك.