كيف أتعلم ال frontend من الصفر ؟

بالنسبة إلى الكورسات المجانية يمكنك أن تجد الكثير من قوائم التشغيل التي تشرح أساسيات Front End مثل لغات HTML , CSS ، كما يمكنك أن تجد الكثير من الشروحات  المفيدة على موسوعة حسوب ويمكنك أن تطلع على المقالات الخاصة في البرمجة في أكاديمية حاسوب من هنا .

أما بخصوص النصائح :- 

• في البداية عند البدء في تعلم اللغات يجب عليك الإنتاء من اللغة وبعدها الإنتقال إلى اللغة التانية ، المقصود هنا أنه عندما تنتهي وتعلمك HTML يمكنك الإنتقال إلى CSS  .
• ثم يمكنك تطوير نفسك في HTML , CSS وبناء بعض النماذج والتطبيقات العملية . 
• بعد التأكد من أنك متقن HTML , CSS يمكنك الإنتقال إلى تعمل لفة جافا سكربت وإضافة إلى النماذج التي قمت بتنفيذها . 
• والأهم هو عدم اليأس والإستمرار في التعلم .  
• أيضاً يمكنك الإنضمام إلى المجتمع الذي ينتمي إليه مبرمجين Front End في منصات التواصل الإجتماعي ورؤية تجاربهم والتعلم منهم  . 

يجب عليك أولاً معرفة المسار المتبع لتصبح مطور واجهات أمامية frontend ومن خلال هذه المقالة ستجد جميع المهارات المطلوبة في هذا المجال 

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

وبدلاً من التكرار يمكنك أن تجد نصائح مفيدة في إجابات هذا السؤال 

ولكن تبقى النصيحة الأهم في تعلم البرمجة هي التطبيق هو ما يجعل محترف في هذا المجال أو غيره 

في البداية أنصحك بمشاهدة هذا الفيديو.

وهذه المقالة توضح الطريق بالتفصيل.

وهذة المقالة مفيدة جداً في مجال البرمجة بشكل عام.

هناك العديد من المواقع والمصادر التي تقدم دورات تعليمية مجانية لتعلم الـ Frontend بمهارة وإحترافية، ومن أهم هذه المواقع:

• اليوتيوب : يوجد في اليوتيوب العديد من القنوات العربية التي تشرح مسار الـ Frontend بالكامل مثل قناة "Elzero Web School".

وهذه بعض النصائح:

أولاً -  يجب أن تتقن لغات البرمجة الأساسية لل frontend وهي HTML و CSS و JavaScript. هذه اللغات تمكنك من إنشاء وتصميم وتفاعل مواقع الويب بشكل جذاب. 

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

ثالثاً -  يجب أن تتعلم المهارات المتقدمة لل frontend development وهي استخدام أطر العمل (frameworks) والمكتبات (libraries) والأدوات (tools) التي تسهل عليك عملية التطوير وتزيد من إنتاجيتك. بعض هذه المهارات هي:

• تعلم لغة SASS، وهي لغة تضيف مزايا لغات البرمجة في ال code الخاص بك في لغة CSS لتوفير الوقت والإحتراف.
•  تعلم Pug.js، وهي template engine تحصل على مميزات لغات البرمجة أثناء كتابة HTML code.
• تعلم Gulp.js، وهي أداة تقوم بعمل مهامك المتكررة بالنيابة عنك وبشكل تلقائي.
• تعلم Bootstrap أو Tailwind، وهما من أشهر اطر العمل لتصميم صفحات الويب.

رابعاً - لا تتوقف عن التعلّم، نجحت هذه المجالات من تقنياتٍ معينة، ولكن هناك العديد من التقنيات الجديدة التي يمكنك تحسين مهاراتك بها. 

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

لذلك تفقد الوظائف الخاصة بمستوى Junior أو Entry Level وقم بكتابة المهارات المطلوبة في ملف نصي وتعلم تلك المهارات، ولكن تأكد من كتابة المهارات الأكثر طلبًا.

فمثلاً في أغلب البلدان العربية ستجد المطلوب هو PHP ولارافيل ثم Angular و ASP.NET.

وبالطبع بالنسبة لمسار Front-End فأنت بحاجة إلى تعلم HTML,CSS,JS بدون أدنى شك، بعد ذلك ستختار ما تتعلمه مما سبق أو المهارات التي تناسب سوق العمل لديك، فمثلاً البعض يطلب React والبعض بحاجة إلى لارافيل و Vue.js.

لذلك ركز على الأساسيات أولاً وخصوصًا أساسيات جافاسكريبت لا تهملها أبدًا، طالما أنك ستعمل كـ Front-End.

وبخصوص المدة الواقعية لتعلم أحد مسارات البرمجة فقد قمت بالإجابة على ذلك سابقًا.

وإليك بعض النقاشات التي أنصحك بشدة بقرائتها.