حامد رضائي
المرحلة 1: الأساسيات (4 إلى 6 أسابيع)
HTML
لغة هيكل الصفحة: العناوين، الفقرات، الصور، الروابط، القوائم، النماذج. تعلم كتابة HTML نظيف ودلالي، لأنه أساس السيو وإمكانية الوصول.
CSS
لغة التنسيق: الألوان، الخطوط، المسافات، والتخطيط باستخدام Flexbox وGrid. ركّز على التصميم المتجاوب الذي يعمل على الموبايل أولاً.
دعم العربية RTL
تعلم مبكراً كيف تبني صفحات من اليمين لليسار، واستخدام الخصائص المنطقية في CSS مثل margin-inline-start. هذه مهارة مطلوبة كثيراً في السوق العربي.
المرحلة 2: التفاعل (6 إلى 8 أسابيع)
JavaScript
القوائم المنسدلة، النوافذ المنبثقة، التحقق من النماذج، وجلب البيانات من الخادم. لا تبدأ بالأطر قبل فهم أساسيات اللغة جيداً.
Git وGitHub
لحفظ نسخ عملك ومشاركته وبناء معرض أعمال يراه أصحاب العمل.
المرحلة 3: التصميم وتجربة المستخدم (3 إلى 4 أسابيع)
- أساسيات التصميم: التباين، المحاذاة، التسلسل البصري، المسافات
- استخدام أداة تصميم مثل Figma
- اختيار الخطوط العربية المناسبة للويب
- مبادئ تجربة المستخدم وسهولة الاستخدام
المرحلة 4: الأدوات العملية (4 أسابيع)
- ووردبريس: أكثر منصة مستخدمة لمواقع الشركات والمتاجر
- ووكومرس: لبناء المتاجر الإلكترونية
- أساسيات السيو: العناوين، الوصف، السرعة، البيانات المنظمة
- أدوات قياس الأداء: PageSpeed Insights وSearch Console
المرحلة 5: التخصص
بعد الأساسيات اختر مساراً:
| المسار | ماذا تتعلم |
|---|---|
| مطور واجهات أمامية | React أو Vue وأدوات البناء الحديثة |
| مطور ووردبريس | القوالب والإضافات المخصصة بلغة PHP |
| مصمم واجهات UI/UX | البحث مع المستخدمين والنماذج التفاعلية |
| مطور متكامل Full-stack | قواعد البيانات ولغة خادم مثل PHP أو Node.js |
مشاريع عملية تبني معرض أعمالك
- صفحة هبوط لمنتج أو خدمة
- موقع تعريفي لمطعم أو عيادة من 5 صفحات
- مدونة على ووردبريس
- متجر صغير على ووكومرس
- إعادة تصميم موقع محلي قديم كمشروع تدريبي
نصائح للاستمرار
خصص ساعة إلى ساعتين يومياً بانتظام، وابنِ مشروعاً صغيراً بعد كل مرحلة، واقرأ كود الآخرين، وانضم إلى مجتمعات المطورين العرب. التعلم بالمشاريع أسرع بكثير من مشاهدة الدورات فقط.
من التعلم إلى العمل
ابدأ بمشاريع صغيرة لأقارب ومعارف أو كعمل حر بأسعار مناسبة، ثم ارفع أسعارك مع نمو معرض أعمالك. الشركات تهتم بما بنيته فعلاً أكثر من الشهادات.
الأدوات التي تحتاجها في رحلة التعلم
| الغرض | الأداة |
|---|---|
| كتابة الكود | محرر VS Code |
| التصميم | Figma |
| حفظ المشاريع ومشاركتها | Git وGitHub |
| اختبار الموقع | أدوات المطور في المتصفح |
| نشر المشاريع مجاناً | خدمات استضافة المواقع الثابتة المجانية |
كلها مجانية، فلا تحتاج ميزانية للبدء، فقط جهاز متوسط واتصال إنترنت.
أول عمل مدفوع: كيف تسعّر نفسك؟
في البداية، اعمل على مشروعين أو ثلاثة لمعارف أو جهات خيرية بسعر رمزي مقابل حقك في عرضها. بعدها احسب سعرك بالساعات الفعلية: كم ساعة يحتاج الموقع التعريفي؟ واضربها في أجر ساعة معقول لمستواك. اكتب عرضاً واضحاً بما هو مشمول، وحدد جولات التعديل، واطلب دفعة مقدمة. ارفع سعرك تدريجياً مع كل مشروع ناجح ومعرض أعمال أقوى.