Forntend الواجهة الأمـــامية للمواقع – Twice

Forntend

الforntend أو الواجهة الأمـــامية للالمستخدم هي الشكـــل الجمـــالي للالموقع الالكتروني أو الشكـــل المميز لكـــل الموقع الالكتروني عن الآخر ويحصل تنفــيذ forntend بناء عل علــى ui,ux 

 

Uxهي user experience أو تجربة الالمستخدمين وهي تضمـــن أنه الالمستخدمين يظل أطول فترة ممكنة فــي الويب سايت بدون الخروج مـــنه .

Uiهي user interface وهي الواجهة الخارجية التــي تتضمـــن التصميم الالوان وتكـــلفة التفاعلــىة بين الالمستخدمين والمواقع .

 

استخدام forntend

هـــو تصميم الواجهة الخارجية أو الأمـــامية للالموقع الالكتروني التــي تظهر للالمستخدم فــي الويب سايت مـــن ازرار والوان وتخطيط للالموقع الالكتروني وتكـــلفةات والخطوط .

 

١-Html

هـــو أول لغة برمجة ضروري تتعلمها مـــن أجل وضع الخطوط الرئيسية للالموقع الالكتروني  وهي لغة Hyper text markup language لغة ترميز النص تستخدم فــي إنشــاء وتصميم صفحات مواقع الويب وتعتبر هذه اللغة مـــن أقدم اللغات واوسعها استخدامها فــي تصميم وتخطيط صفحات الويب .

 

2-CSS

وهي ثاني لغة ضروري تتعلمها لمجال forntend وهي تهتم بالتنسيقات الخطوط والازرار والصور والأشكال المتحركة cascading style sheets  عبارة عن لغة تنسيق تستخدم لتنسيق العناصر التــي تعرض علــى صفحات الويب وإختيار طرق واشكال ظهـــورها والتصميم الــذي ستظهر فــي المستعرض ، اي انها تستخدم لإختيار الوان وأبالعودة العناصر و حدودها .

 

3-javascript

وهي اللغة الكائينية المتحركة التــي تضيف الحياة للالموقع الالكتروني مـــن خــلال العمليات والربط بين صفحات الويب سايت .

لغة برمجة يستخدمها المطورين فــي بناء صفحات ويب تفاعلــىة ،بداية مـــن تفعيل حواجز الوسائط الاجتمـــاعية وحتي عرض تكـــلفة المتحركة والخرائط التفاعلــىة ،يمكن لوظائف javascriptأنه احسن تجربة المستخدم  الموقع الالكتروني الويب ، ونظرا لأنه لغة برمجة نصية مـــن طرف العميل ، فإنها تعد واحدة مـــن التقنيات الأساسية  فــي شبكة الويب العالمية .

4-bootstrap

هي احدي مكتبات لغة css و هـــو إطار عمل متكامل مبني علــى css, javascript يستخدم  لتنسيق صفحات الويب واكسابهـــا نواحي جمـــفيه ببدون الحاجة الي استخدام تنسيقات معقدة مـــن css ،يدعم بوتستراب مبدأ تنسيق الأجهزة المحمولة اولا mobile first style وهذا يعني توافقية عفيه مع الأجهزة المحمولة ذات الشاشات الصغيرة .

 

5-sass

هي امتداد للغة cssإذا تضيف قوة وأنهاقة الي اللغة الاصلية وتسمح لك يتم استخدام المتغيرات والقواعد المتشبعة والمخاليط (mixins) والاستيراد المدرج (inline imports ) وبغير ذلك ، مع توافق كامل مع صياغة css.تساعد sassعلــى تنظيم ملفات الأنهمـــاط العديدة تنظيمـــا متميزا ، وتجعل ملفات الأنهمـــاط الصغيرة جاهز الاستعمـــال فــي أسرع ظل ، لاسيمـــا بمقاعد مكتبة compass 

مميزاتها 

• – توافق تام مع css
• -توسيع لغة cssمثل بالبالاضافة لذلك المتغيرات والتشغيل والمخاليط
• -وجود العديد مـــن الدوال المفــيدة لمعالجة الالوان وبغيرها مـــن القيم
• -التحــقق مميزاتها متقدمة مثل واجهات التحكم
• -مـــنسقة متميزا مع امكانية تخصيص المخرجات .

Forntend

هـــو الجزء الامـــامي الــذي يحصل التعامل معه المواقع والتطبيقات المعلنـــة بالويب يتم استخدام لغات HTML, css ,javascript PHP, ASP.NET 

أو هـــو المسؤول عن تنسيق العناصر التــي وضعت بواسطة HTML وبعض اللغات الاخري 

 

مسار لتتعلم forntend

-Html ,css

-#c

-javascript ,jquery 

-bootstrap

-database ,Enity framework 

-Asp.net mvc5

-deployment