ما هو ال Front End وكيف يعمل (شرح كامل) ?❤

-

-------------------------------

مقدمة ?

الواجهة الأمامية Front End هي مصطلحٌ يتضمن بناء صفحات الويب وواجهات المستخدم لتطبيقات الويب، حيث يشمل هذا المصطلح كلّ شيءٍ نراه على الشاشة بما في https://t.co/JrXAUPhdsJ

ذلك التصاميم البيانية والأشكال والرسومات عند فتح مواقع الويب أو تطبيقات الويب على هواتفنا الذكية.

-------------------

1 - لغات البرمجة المستخدمة في تطوير Front End

يستخدم مطورو الواجهة الأمامية ثلاث لغاتٍ برمجيةٍ أساسيةٍ لتصميم المواقع وتطبيقات الويب هي:

HTML

CSS

JavaScript

-------------------------------

2 - التركيز على طرق الإخراج أو الـ Layout في الـ CSS، ويتضمن ذلك:

معرفة أشكال التخطيط أوالـ Layout الممكنة لصفحات الويب وعلى رأسها التخطيط المتجاوب أو الـ Responsive Design.

تعلم وإتقان استخدام تقنيات الـ Flexbox و Grid.

-

3- الإلمام بأحد أطر العمل الشهيرة للأنماط المتتالية الـ CSS Frameworks مثل الـ Bootstrap أو الـ Tailwind CSS و الـ Bulma.

تساعد أطر العمل الخاصة بالأنماط المتتالية على توفير الوقت في تطوير الصفحات واختيار النمط البصري الخاص بها، وهي توفر عددًا كبيرًا من المكونات الجاهزة التي

يمكن استخدامها بسهولة، فمثلاً قد ترغب بظهور التنبيهات بداخل إطار أحمر وعوضًا عن العمل على الـ CSS من البداية بالإمكان إضافة فئات جاهزة أو Classes تؤدي الغرض بسرعة.

-------------------------------