من المواقع الجميلة التي تعرفت عليها مؤخراً موقع Frontend Mentor والذي يوفر تحديات تتنوع ما بين تطوير مكونات مستقلة (components) إلى تطوير صفحات كاملة من الصفر.
هناك قدر لا بأس به من التحديات، بعضها مدفوع و أغلبها مجاني. تتنوع صعوبة التحديات على حسب المستوى الذي تختاره (newbie, junior, intermediate...).
في كل تحدي يوجد لديك ملف README يوضح لك الخطوات التي تساعدك على البدء، و هناك أيضاً ملف style-guide الذي يعطيك التفاصيل الأساسية مثل الألوان والخطوط وغيرها. يعطيك الموقع أيضاً كلاً من التصميم الخاص بالشاشات الصغيرة (الجوال) وأيضاً تصميم الشاشات الكبيرة (سطح المكتب).
لا يجبرك الموقع على استخدام أي تقنية محددة وإنما يترك لك الاختيار في التطوير باستعمال HTML, CSS فقط أو باستعمال Bootstrap مثلاً أو أي إطار عمل آخر. لا يهم أيضاً إطار العمل أو المكتبات الخاصة بJavaScript التي تستخدمها في تطوير الواجهة مثل React أو Vue.js وغيرها.
الجميل في الموقع أنه ما زال في مرحلة Beta وهذا يعني أنه ما زال هناك مزايا كثيرة ستُضاف إلى الموقع.
هذا رابط التحديات للمهتمين:
عني أنا فقد بدأت فيه منذ فترة واخترت أن أطور بعض الصفحات باستعمال CSS فقط دون أي إطارات عمل خارجية. طورت صفحة بسيطة لحد الآن وما زلت في خضم تطوير صفحة أخرى أكثر تحدياً.