Front End Developer

️هو شخص يختص فقط في تطوير الجانب الخاص بتفاعل المستخدم مع الموقع

يجيد هيكلة صفحات الويب، تنظيمها بطريقة تتوافق مع كل المتصفحات و كل مقاسات الشاشة

لكن عمله ️ليس مقتصراً فقط على التعامل مع المستخدم، بل ان يفهم تأثير المستخدم على صفحة الويب، كيف سيتفاعل المستخدم وهو ما يعرف ب UX ، في نفس إطار السيكولوجية على كل مجال موقع ان يتضمن ألوانا محددة متناسقة وتصاميم وهو ما يرمز له بال UI.

كمطور Front End، يجب عليك ان توفر مجموعة من النماذج الخاصة بمشروع الويب قبل البدئ ببرمجته، و هنا يتدخل صناعة الPrototype التي تساعدك على توفير نظرة حول البرمجية و الألوان و الأشكال قبل الشروع في تصميمها.

أي أثناء التصميم علينا ان نراجع العديد من القواعد الخاصة بال UI و الUX.

Experience Design(XD)

يقصد بها تهيئة الأماكن بشكل مناسب للمستخدم سبق و إعتاد عليها.

Customer Experiene (CX)

يقصد بها تتبع رحلة المستخدم طيلة إشتغاله على الصفحة.

يجد المستخدمين انه غير مريح لهم في الصفحة.

Interaction Design(IxD)

تفاعل المستخدم مع التصميم، اي ماذا سيحدث في حالة النقر هنا و هل هي أنسب في ذلك المكان او يمكن تهيئتها بطريقة اخرى!

CD,DD,SD

Design Development, Construction Document, Schematic Design

و هي ثلاثية يمر منها أي تصميم لصفحة ويب او أي UI من أجل وضعها في مكانها المناسب في الصفحة بشكل نسبي مع باقي عناصر الصفحة.

أهم لغتين:

لغةHTML إختصارHyperText Markup Language:تسمح بتحديد الهياكل الأساسية لصفحة الويب من تحديد الترويسات و القوائم العلوية، تحديد القوائم الجانبية، تحديد العناصر الأساسية في الصفحة، تحديد الـ Footer و تقريبا كل عنصر او هيكل من هياكل الصفحة كالعناوين و النصوص و الصور

لغة CSS إختصار Cascading StyleSheet تسمح لنا بتحريك تلك العناصر في ال HTML وإضافة ألوان او تعديل تموضعها و أيضا الأنيميشن و إضافة تقريبا أي زينة ممكنة لتلك العناصر

جافاسكربت Javascript

لغة برمجة نستطيع من خلالها التحكم في عناصر الDOM او Document Object Model أثناء إستخدام الصفحة، كتغيير الأسماء، الأزرار، الألوان إخفاء او إظهار عناصر و حتى القيام بالعمليات الحسابية

إطارات العمل الخاصة بالجافاسكربت (Javascript)

يوجد آلاف الإطارات التي يمكنك إستخدامها، لكن سنركز على الأكثر شهرة jQuery أولا كبداية لأنها تختصر عليك كتابة كود Javascript و تجعله أكثر تحسينا

بعدها يمكنك بتعلم إطار Angular او React او Vue لها كمية هائلة من الخواص و المميزات و كذلك المكتبات الوسطية التي ستمكنك من صناعة أي موقع ويب

بإحترافية

تسرع عمل موقعك

تجعله أكثر إتقانا

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