ما السبيل لتعلم تطوير موقع كامل من كل النواحي؟

ما تريده هو أن تصبح مطور Full-Stack بمعنى تطوير الواجهة الأمامية Front-End  والخلفية Back-End معًا، فالأمامية هي واجهة المستخدم التي تظهر في المتصفح، كواجهة أكاديمية حسوب هنا، بينما الواجهة الخلفية هو السيرفر الذي به قاعدة البيانات والمنطق الذي يقوم بمعالجة كل الطلبات من وإلى السيرفر.

أمامك خيارين الأول تعلم تقنيات MERN والثاني تعلم PHP ولارافل، والأمر يعتمد على ما تريده من وراء تعلم البرمجة هل تنوي إتخاذها كمسار مهني أم مجرد هواية لتنفيذ مشروع تريده مثلاً؟

ستجد هنا تفصيل وتوضيح لكل من:

• ما هي علوم تطوير الويب؟
• مجالات تطوير الويبالواجهات الأمامية Front-End
• لغات تطوير الواجهات الأمامية
• المكتبات وأطر العمل المتوفرة للواجهات الأمامية
• مصادر تعلم تطوير الواجهات الأمامية Front-End
• الواجهات الخلفية Back-End
• ما هي اللغات المتوفرة لبرمجة الواجهات الخلفية لمواقع الويب؟
• أطر العمل المتوفرة لبرمجة الواجهات الخلفية للويب
• ماذا سيمكنك أن تفعل بعد تعلم إحدى اللغات البرمجية؟
• مصادر لتعلم تطوير الواجهات الخلفية Back-End
• المطور الشامل Full-Stack
• ما هي فرص العمل بعد تعلم تطوير الويب؟
• كيف أختار مجال تطوير الويب المناسب لي؟

والفيديو التالي سيوضح الأمر لك أيضًا:

وعليكم السلام ورحمة الله وبركاته.

يمكنك العمل إن كمطور للواجهات الخلفيه فقط او كمطور للواجهات الأمامية فقط او الجمع بينهم معا والعمل ك Full Stack وأعتقد أن هذا ما تريده. ولكن يجب عليك اولا فهم ادوار كل منهم جيدا وتفهم الفرق بينهم ويمكنك في النهاية ان تقرر ما المجال الذي تريد أن تتعلمه :

تطوير الواجهة الأمامية (Front End) :

وهو بناء واجهة المستخدم والعناصر الرسومية لصفحة الويب. ويشمل كل ما يراه المستخدم ويتفاعل معه على الموقع أمامه.ويمكن أن يكون أي شيء بدءًا من أحجام الأزرار والألوان وحتى التخطيط والتصميم العام. ويتواصل مطور الواجهة الأمامية مع مطوري الواجهة الخلفية لجعل المواقع دايناميكية.

ويتطلب التطوير الجيد للواجهة الأمامية فهمًا قويا للغات مثل HTML و CSS و JavaScript ومبادئ التصميم الجيد.

بالإضافة إلى ذلك، يحتاج مطورو الواجهة الأمامية إلى فهم كيفية تفاعل المستخدمين مع مواقع الويب لإنشاء واجهة بديهية وسهلة الاستخدام. ويتميز تطوير الواجهات الأمامية بالتالي :

• التطوير السريع: عادة ما يكون تطوير الواجهة الأمامية أسرع من Full Stack والتطوير الواجهة الخلفيه. يوجد عدد أقل من الملفات التي يمكن العمل بها، وعادةً ما يكون الكود بسيطا.
• كود أبسط: عادة ما يكون كود الواجهة الأمامية أبسط من كود الواجهة الخلفية.و يمكنك فهمها بسهولة والبدء بتطوير الواجهة الأمامية إذا كنت جديدا في مجال البرمجة.

تطوير الواجهه الخلفيه (Back End) :

وهو إنشاء وإدارة التعليمات البرمجية والبنية التحتية التي تسمح لموقع الويب أو التطبيق بالعمل في الخلف. حيث يتضمن إنشاء قواعد البيانات وصيانتها وإنشاء طبقة منطق الأعمال وكتابة التعليمات البرمجية التي تتعامل مع إدخال المستخدم مثل إرسال النماذج وعرض الصفحات ديناميكيا وإستقبال الطلبات والرد عليها.

ومن لغات البرمجة للواجهات الخلفية PHP و Ruby on Rails و Java و Node.js ومن أنظمة قواعد البيانات مثل MySQL وMongoDB.

أما مطور (Full Stack) : فهو الشخص الذي يمتلك الخبرة والمعرفة في كل من تطوير الواجهة الخلفية والواجهة الأمامية معا ويعمل بهم ومن مزايا مطور ال (Full Stack) أنه لديه الخبرة في كلا الأمرين الواجهة الأمامية والواجهية الخلفية وهكذا لديه فرصة أكبر في الحصول على وظائف والعمل على مشاريع متنوعة ولكن من عيوبه أنه يأخذ وقتا أكثر للتعلم ويحتاج إلى الخبرة ومعرفة عميقة بالعديد من لغات البرمجة والأدوات .

لذلك يمكنك أولا تحديد أى مجال تريد العمل فيه ومن ثم يمكنك البحث عن التقنية أو لغة البرمجة التي تريد العمل بها ومن ثم التعمق فيها وإنشاء مشاريع تطبيقية عليها .

فمثلا إذا إخترت الواجهة الأمامية فيجب عليك تعلم اللغات الأساسية مثل:

• HTML لبناء هيكل الصفحة.
• CSS لتنسيق وتصميم الصفحة.
• JavaScript لإضافة التفاعل مثل الأزرار والقوائم المتحركة وتتبع المستخدم في الصفحة.

أيضا ستحتاح إلى تقنيات وأطر متقدمة مثل React وهو إطار عمل خاص بالواجهة الأمامية ويساعدك في ربط الواجهة الأمامية بالخلفية وإنشاء مواقع ديناميكية .

ولو إخترت الواجهة الخلفية فيجب عليك أولا تحديد لغة البرمجة التي تريد العمل عليها سواء PHP أو  JavaScript (node.js) أو Python أو Ruby on Rails أو حتى Java . ويمكنك البحث عن تلك اللغات ومعرفة الفروقات بينهم ومدى صعوبة كل منهم لتستطيع الإختيار بشكل أفضل بالنسبة لك . وبعدها يجب تعلم قواعد البيانات لحفظ وتخزين البيانات والتعامل معها . وأخيرا يمكنك البحث عن أطر عمل بالنسبة للغة التي إخترتها والتي ستساعدك بشكل كبير في إنشاء مواقع الويب . فمثلا في PHP يوجد إطار عمل Laravel و في node.js يوجد إطار عمل Express و في Python يوجد لديك Django و Flask .

وأخيرا كما وضحت لك يجب عليك تحديد المجال الذي تريد العمل فيه لو كنت تحب التصميم والتعامل مع العناصر والصفحات والمستخدم فالأفضل لك الواجهة الأمامية و أما إذا لم ترد التعامل مع التصميم وأردت التعامل مع البيانات وإنشاء الخوادم فالأفضل لك هو مجال الواجهة الخلفية . ولو أردت إنشاء مواقع كاملة أى واجهة أمامية وخلفية فيمكنك تعلمهم معا وتصبح full stack وأنصحك حينها أولا أن تبدأ بمجال الواجهة الخفلية ثم تعلم الواجهة الأمامية.