المطور الذي يجمع بين فني التصميم والبرمجة، ماهي مسؤوليات مطور الفرونت ايند وما هو طريق التعلم الخاص بهذه المهنة ؟
نتحدث في هذا المقال عن المهام التي يقوم بها مطور الفرونت ايند وعن التقنيات التي تحتاجها والطريق الصحيح لتعلم تلك التقنيات.
ما الذي يقوم به ال Frontend developer ؟
يقوم مطور الفرونت ايند بتحويل التصاميم الغرافيكية (الرسومية) إلى واجهات يمكن أن يستخدمها المستخدم العادي و التي نتعامل معها في كل موقع نراه، كما يطلب منه القدرة على التواصل والربط مع الباك ايند.
كيف أصبح مطور فرونت ايند ؟
سأركز في هذه الفقرة على طريق التعلم والتقنيات اللازمة تاركاً التعمق في تفاصيل تلك التقنيات إلى مقالات لاحقة.
1. الأساسيات (و يشمل Html, Css, Javascript)
تستخدم Html و Css في هيكلة الصفحة و تنسيق شكلها بينما تستخدم Javascript وهي اللغة البرمجية المستخدمة في إضافة التفاعلية و تنفيذ الوظائف البرمجية بالإضافة إلى الاتصال مع الباك ايند للحصول على البيانات.
2. المكتبات و أطر العمل
تنتقل في هذه الخطوة من كتابة وبرمجة كل شيء بيدك إلى استخدام الأدوات والتنسيقات المبرمجة مسبقاً لخدمة المطورين المنتجين أمثالك. يساعد ذلك في توفير الوقت وإنجاز مشاريع أكبر وأكثر تعقيداً.
أشهر أطر عمل لغة Css : Bootstrap, Tailwind أشهر أطر عمل لغة Javascript : Angular, Vue, React, Svelte
مهارات إضافية مهمة
- التعامل مع ال API : أي إرسال واستقبال البيانات من وإلى السيرفر.
- Css preprocessor : طريقة مختلفة لكتابة كود Css تمنحها أدوات لغات البرمجة كالشروط والتوابع والحلقات.
- التعامل مع git & github : لأن لديك مشاريع مميزة ومهمة يجب أن تحتفظ بها في مكان آمن وتنشرها إلى العالم.
مصادر التعلم
إن كنت تفضل التعلم الذاتي فأحمل لك خبراً ساراً، لا تحتاج أي دورة مدفوعة للبدء بل وحتى الاحتراف في هذا المجال كون الدروس التعليمية فيه تملأ الانترنت. أذكر من المصادر العربية في هذا المجال قناة الزيرو ويب سكول . وفي المحتوى الأجنبي ستجد الكثير من القنوات المفيدة أرشح منها : NetNinja, Codevolution, Code with Mosh, Web dev simplified, Fireship.
شارك المقال مع صديقك الذي يريد أن يصبح مطور فرونت ايند !