"الواجهة الأمامية للموقع FRONT END "ما يراه المستخدم بشكل مباشر من خلال متصفح الإنترنت

 
🔹️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، ⬅️التعامل مع المشروع البرمجي بإحترافية من أجل تمكين مشاركته او العمل عليه في إطار مجموعة لا الفرد،⬅️ بعض التقنيات الأخرى التي قد تساعدك على تطوير قدراتك