Mudir

خلال فترة تدريبي في شركة "Speed of Light"، كُلِّفت بتطوير صفحة هبوط (Landing Page) ثابتة لتطبيق mudir.app بناءً على نموذج تصميم مُعد مسبقاً. تطلب المشروع بناء واجهة مستخدم نظيفة ومتجاوبة تماماً باستخدام HTML و Tailwind CSS. التحدي: تضمن التصميم أقساماً ذات منحنيات معقدة في منطقتي الـ "Hero" والـ "Footer"، مما فرض تحديات تقنية مثيرة للاهتمام. في البداية، حاولت تحقيق التجاوب (Responsiveness) باستخدام طرق CSS التقليدية، لكن هذه الوسائل تبين أنها مرهقة ويصعب صيانتها عبر أحجام الشاشات المختلفة. الحل والخبرة المكتسبة: بتوجيه من المشرف الخاص بي، استكشفت وطبقت تقنيات متقدمة في CSS و Tailwind CSS مكنتني من إنشاء تصميم متجاوب بالكامل دون الاعتماد على استعلامات الوسائط (Media Queries) المعقدة. نتج عن هذا النهج كود أكثر نظافة وسهولة في الصيانة، مع تحقيق دقة مثالية (Pixel-perfect) في التجاوب عبر جميع الأجهزة. الدروس المستفادة: عزز هذا المشروع بشكل كبير قدرتي على تحويل نماذج التصميم إلى كود نظيف ومنظم. كما أكد على أهمية البحث عن حلول احترافية وفعالة بدلاً من الاستقرار على أول حل يعمل فحسب. علمتني هذه التجربة دروساً قيمة حول بنية CSS الحديثة وقوة إطارات العمل القائمة على الأدوات المساعدة (Utility-first) مثل Tailwind CSS.