الفرونت ايند Front End.

دعون نتكلم عن مطور الفرونت ايند (Frontent developer)، مسؤولياته، الطريق الصحيح لكي تصبح Frontend developer، أهمية دراسة أساسيات البرمجة قبل الدخول بالمجال ومصادر التعلم.

أولاً: ما الذي يقوم به ال Frontend developer ؟
يقوم مطور الفرونت ايند بتحويل التصاميم الغرافيكية (الرسومية) إلى واجهات يمكن أن يستخدمها المستخدم العادي و التي نتعامل معها في كل موقع نراه، كما يطلب منه القدرة على التواصل مع الباك ايند وذلك من خلال التقنيات التي ستذكر تباعاً.

ثانياً: الطريق الصحيح لتصبح Frontend developer :
بهالفقرة لن نتكلم عن كل تقنية لوحدها و ربما نقوم بذلك في بوست لاحق، سنركز أكثر على الطريق، و ربما يمكنك القيام بالبحث عن كل تقنية و أهميتها و استخدامها.
1. الأساسيات (و يشمل Html, Css, Javascript) :
تستخدم Html و Css في هيكلة الصفحة و تنسيق شكلها بينما تستخدم Javascript وهي اللغة البرمجية المستخدمة في إضافة التفاعلية و تنفيذ الوظائف البرمجية بالإضافة إلى الاتصال مع الباك ايند للحصول على البيانات.
2. المكتبات و أطر العمل :
بهي الخطوة بتنتقل من كتابة كل شي بيدك إلى استخدام تنسيقات ودوال جاهزة مكتوبة من قبل مطورين هي المكتبات و أطر العمل.
بيوفر هالشي عليك الوقت و بيساعدك تنجز مشاريع أكبر.

مكتبات Css لازم تتعلم إحداها :

• Bootstrap
• Tailwind

مكتبات و أطر عمل Javascript لازم تتعلم إحداها :

• React (library)
• Vue (framework)
• Angular (framework)

3. مهارات إضافية مهمة :
بعد ما تعلمت هالأشياء صرت مخلص قسم كبير من الطريق
هلق بتقدر تتعلم مهارات إضافية أهمها :
– التعامل مع ال API يعني إرسال و استقبال البيانات من السيرفر والتعامل مع ال Json objects
– ال Css preprocessors
و هي فيك تعتبرها دوال إضافية على لغة Css بتخلي كتابة Css أكثر متعة و أقل تكرارية وأشهرها Sass
– التعامل مع git & github لأنك لازم تحفظ مشاريعك يلي بتشتغلها بمكان آمن و ما تكون عرضة للضياع

باختصار شديد الطريق كالتالي :

– Html, Css, Javascript
– Bootstrap / Tailwind
– Vue / React / Angular
– Sass
– Dealing with API and JSON
– git & github

ثالثاً : ما أهمية دراسة الأساسيات قبل البدء في الويب ؟

هي الخطوة بنصح فيها الناس لأني ندمت أني ما عملتها
بالمختصر المفيد لغات البرمجة فيها أمور عامة موجودة بكل اللغات و منهم JavaScript
بس لغة Javascript فيها بعض الأمور المختلفة عن باقي اللغات. وهالشي بيخليك تخربط مستقبلاً و إذا قررت الانتقال من مجال الويب إلى مجال برمجي آخر.
شكراً لوصولك إلى هنا بالقراءة، إذا كان لديك أي سؤال فأنا متواجد للرد دائماً.

رابعاً: مصادر التعلم

دائماً بفضل الدراسة اونلاين لأنها أقل تكلفة و أنسب من الخروج بهالأجواء.
بالنسبة للمرحلة الأولى مرحلة الأساسيات أنصح بكورسات Elzero web school إذا كنت بتفضل اللغة العربية
بعدها يفضل تتجه للمحتوى الأجنبي و من القنوات الحلوة يلي بتقدر تتابعها هي
NetNinja, Codevolution, Code with Mosh, web dev simplified
و في كتير غيرهن.