[fusion_builder_container hundred_percent=”no” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” overlay_color=”” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” padding_top=”” padding_bottom=”” padding_left=”” padding_right=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” border_position=”all” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” center_content=”no” last=”no” min_height=”” hover_type=”none” link=””][fusion_text columns=”” column_min_width=”” column_spacing=”” rule_style=”default” rule_size=”” rule_color=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=””]

Frontend

إذا كنت قد بدأت للتو في تعلم Web development ، فربما تكون قد سمعت الكثير من الحديث عن البرمجة الأمامية Frontend والبرمجة الخلفية Backend .

لكن ماذا نعني بهذا بالضبط؟ إذا كنت مبتدئًا في هذا المجال ، فيمكن أن يكون من الصعب معرفة ليس فقط ما هو ، بل وأيضًا ما يشمله كلاهما.

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

ما هو تطوير الواجهة الأمامية؟

الواجهة الأمامية لموقع الويب هي ما تشاهده وتتفاعل معه على متصفحك. يشار إليه أيضًا باسم “جانب العميل” ، وهو يتضمن كل شيء يواجهه المستخدم مباشرةً: من النص والألوان إلى الأزرار والصور وقوائم التنقل.

دعنا نقول أنك قررت بدء عمل تجاري, وتحتاج إلى موقع ويب احترافي لتقديم شركتك إلى العملاء وإخبارهم بمكان وجودك. ربما ستضم بعض الصور وبعض المعلومات حول منتجاتك. كل ما تحتاجه هو تقنيات الواجهة الأمامية لبناء موقع الويب الخاص بك.

ما هي لغات تطوير الواجهة الرئيسية؟

هذه اللغات الثلاث ستقوم بالعمل:

HTML :

هي لغة الترميز الأساسية التي تنشئ وتنظم محتوى الويب بحيث يمكن عرضه بواسطة المستعرض.

CSS :

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

JavaScript :

هي لغة برمجة تستخدم لعناصر أكثر تفاعلية مثل القوائم المنسدلة ونوافذ الوسائط ونماذج الاتصال.

تعمل هذه العناصر الأساسية معًا على إنشاء كل ما يتم تقديمه بشكل مرئي عند زيارة صفحة ويب – سواء كانت تسوق عبر الإنترنت أو قراءة الأخبار أو التحقق من بريدك الإلكتروني أو إجراء بحث في Google.

بالإضافة إلى لغات الواجهة الأمامية ، ستظهر لك أطر عمل مثل Bootstrap و Angular ، بالإضافة إلى مكتبات JavaScript مثل jQuery و CSS extensions مثل Sass و LESS. هناك قائمة طويلة من الموارد مثل هذه ، والتي تدعم HTML و CSS و JavaScript. الغرض منها هو جعل التعليمات البرمجية (وعملية كتابتها) أكثر سهولة وتنظيمًا من خلال توفير أدوات وقوالب مختلفة متوافقة مع لغات الترميز الشائعة.

التحليل الكامل للبيانات بيساعدك تعرف سلوك المستخدم وتعمل تصميم لمنتجك او موقعك او الابلكيشن مناسب ليه تدرسالـ كورس الـUX Design  المقدم من hpa  وهتعرف توصل لعميلك باسهل الطرق 

[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]