Responsive web design and Adaptive web design

 التصميم المتجاوب و التصميم المتلائم

اجادة تصميم المواقع المتجاوبة اصبحت من المتطلبات الأساسية لوظيفة مطور الواجهة الأمامية للويب (Front-end web development)

نستعرض هنا ماهو التصميم المتجاوب ؟ ومالفرق بين التصميم المتجاوب والتصميم المتلائم ؟

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

ولكن ماهو الفرق بين التصميم المتجاوب والمتلائم ؟

  التصميم المتجاوب Responsive web design

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

 وعن التصميم المتلائم (Adaptive web design)

فى التصميم المتلائم يتم تحديد الجهاز المستخدم فى عرض صفحة الويب وبناءاً على الجهاز يتم استخدام القالب المناسب لعرضه على الجهاز بمعنى سيتم تصميم قالب مخصص لكل جهاز على حدة او تصميم قوالب بالأحجام الرئيسية وهى 1280 1024 990 768 640 568 480 320 240 او تحديد  الأكثر استخداما منها

ايهما أفضل التصميم المتجاوب ام المتلائم ؟

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

كمطور واجهة امامية لازم تعرف ان الـResponsive web design

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

 وعشان تكتب كود بأحترافية و تختصر وقت فى التكويد وتكون مواكب لمتطلبات السوق كمحترف لتطوير واجهات الويب الأمامية لازم تكون مواكب ومطلع على تقنيات ولغات برمجية ومفاهيم وانظمة زى SaaS, Less, Git , responsive web design, CMS,…

و ده اللي هنخليك تعرفه من خلال كورس Front-End Web Development المصمم خصصياً علشان يوفر ليك الخبره المهنيه و يمكنك من تطوير واجهه اماميه انيقه و سريعه بأستخدام احدث التقنيات.